Just Brainpicks
Just Tutorials
Just Showcases
Stop asking! I wanna search everything!

Category: CSS Tutorials

Active button with CSS and PHP

Visit www.sebastiansulinski.co.uk/web_design_tutorials/css/active_button.phpThis tutorial will explain you how to make your button (link) in the navigation active when you are on a specific page.

04.28.08 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

Hiding div layers after 5 seconds

Visit www.adesdesign.net/php/tutorials/css/hide_div_layer_after_x_seconds.phpThis tutorial will teach you how to hide layers by themselves after let’s say 5 seconds.

04.15.08 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

No Print Script

Visit www.adesdesign.net/php/tutorials/css/noprint.php Sometimes you might want to protect your online documents from printing. So in that case this little simple script might help.

04.15.08 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

Create a CSS Pop Up Menu

Visit www.stefashwell.com/tutorials/entry/7/ Here you will learn how to create a pop up menu written purely in CSS. The code uses XHTML lists which are then styled to produce the hover effects. No Javascript is used apart from IE browsers as they will not display the hover effect without it.

04.15.08 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

Tables or Div - a Comparison

Visit tutorials.alsacreations.com/tableaux If you still use tables to build your website then go and read this article now!! It covers topics like “Pages weight”, “Accessibility” and “Code readability”.

04.15.08 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

Custom CSS Cursors

Visit www.javascriptkit.com/dhtmltutors/csscursors.shtml Need a cusom cursor for your website? Check out this short article and get a quick overview to learn which custom cursors there are and on whick browser you can use them. And of cource you will read how to implement them to your website.

04.15.08 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

Page layout with css positioning

Visit www.westciv.com/style_master/house/tutorials/quick/positioning/index.html If there is anything you want to know about “CSS positioning” you should check out this tutorial.

04.15.08 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

Style Master CSS Tutorial

Visit www.westciv.com/style_master/academy/hands_on_tutorial/05.basic_properties.html In this tutoral you will learn about “how to create CSS rules”, “type selectors”, “the background-color property”, “specifying color using hexadecimal RGB values”, “text color with the color property”, “the font-family property”, “setting font-size using the em unit” and “background images”. So if you are new to CSS you have to check it out. Really good!

04.15.08 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati