Thursday, February 23, 2012

Videos > Web Design Tutorial - CSS Backgrounds

Web Design Tutorial - CSS Backgrounds

by Website Designer on January 26, 2012


Nick and James form Creare demonstrate the basics of implementing backgrounds in CSS for you website. The tutorial covers standard colour, tiling a graphic, applying gradiants and fixed graphic backgrounds. Check out the supporting blog post at www.crearedesign.co.uk

Tags: , , , , ,

Related Web Design Posts

{ 8 comments… read them below or add one }

webguruindia May 9, 2010 at 8:02 pm

Thanks for the discussion.Really gained a lot of knowledge from it.

bolgrats May 9, 2010 at 8:28 pm

the best design is always the one that is most user-friendly for the targeted user group and doesnt interfer with the information… in general a good rule to me is always “less-is-more”

minhmeo1209 May 9, 2010 at 9:23 pm

Anyone here knows what is the best web design right now???

bolgrats May 9, 2010 at 9:56 pm

i made like a CSS-”hack” using “alpha” to get a gradient background (its normaly used as s text-effect). This would eliminate the use of images and looks OK. Though it works in IE im not sure about cross-browser support.

Flain33 May 9, 2010 at 10:42 pm

good video but number four, creating a fixed background, is kind of wrong.. fixed backgrounds have a: background-attachment:fixed; in the CSS code and then you can position it, this prevents it scrolling when you use the scrollbar.

crearegroup May 9, 2010 at 10:56 pm

Hi skept725. This isn’t an easy question to answer because screen resolutions/monitor sizes vary.

I would make it 1200 pixels wide by 1000 high as a good starting size.

If you can apply CSS to your blog’s background, then you can use the no-repeat attribute to stop the background from tiling.

skept725 May 9, 2010 at 11:00 pm

I’m trying to create a background in PS for my blogger blog. What dimensions would I need to create my background to fill the whole screen without tiling? Or is that possible? Do you guys have any tuts on this? I know this is a very popular subject amongst bloggers tyring to customize their blogs. Thx! Great tut by the way.

Conceptskatemedia May 9, 2010 at 11:16 pm

Great video once again guys! 5/5

Previous post:

Next post: