Web Design Tutorial – CSS Backgrounds

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 http://www.crearedesign.co.uk/blog/videos/css-backgrounds.html

Duration : 0:9:46


Technorati Tags: , , , ,

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Submit Article :- BlinkList + Blogmarks + Digg + Del.icio.us + Ekstreme Socializer + Feedmarker + Furl + Google Bookmarks + ma.gnolia + Netvouz + RawSugar + Reddit + Scuttle + Shadows + Simpy + Spurl + Technorati + Unalog + Wink

Posted in: CSS

Tags: , , , ,

This entry was posted on Tuesday, August 24th, 2010 at 11:12 am and is filed under CSS. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

9 Responses to “Web Design Tutorial – CSS Backgrounds”

firewaterbars August 24th, 2010 at 11:12 am

@Flain33 thats what …
@Flain33 thats what i’m trying to do. have a background image fixed in the same position even as you would scroll down but for some reason it doesn’t stay in place. Ive tried switching the setting to background-attachment:scroll but it still does the same thing.

webguruindia August 24th, 2010 at 11:12 am

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

bolgrats August 24th, 2010 at 11:12 am

the best design is …
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 August 24th, 2010 at 11:12 am

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

bolgrats August 24th, 2010 at 11:12 am

i made like a CSS-” …
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 August 24th, 2010 at 11:12 am

good video but …
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 August 24th, 2010 at 11:12 am

Hi skept725. This …
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 August 24th, 2010 at 11:12 am

I’m trying to …
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 August 24th, 2010 at 11:12 am

Great video once …
Great video once again guys! 5/5

Leave a Reply