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

Category: CSS Tutorials

Create a digg styled Header

Visit css-tricks.com/designing-the-digg-header-how-to-download In this CSS tutorial from CSS-Tricks you will learn how to build a header like you can see on the DIGG Site.

05.01.08 | Comment? |
Share it: Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • bodytext
  • del.icio.us
  • StumbleUpon
  • Reddit

CSS Text Tutorial

Visit tutcity.blogspot.com/2008/01/text.htmlIn this tutorial, you will get to know different methods for creative use of text, and how traditional methods of typesetting can be utilized via simple CSS rules. It covers “Why is text so important?”, “Primary Font Properties”, “Available Fonts”, “Default Browser Display”, “Apply Some Style”, and much more…

04.29.08 | Comment? |
Share it: Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • bodytext
  • del.icio.us
  • StumbleUpon
  • Reddit

Create Resizing Thumbnails Using Overflow Property

Visit www.cssglobe.com/post/1305/create-resizing-thumbnails-using-overflow-propertyThis tutorial is aimed at controlling the size of the thumbnails appearing on your page. Sometimes we don’t have enough space to spare to fit in large thumbnails and yet we would like to avoid small and barely recognizable images. Using this trick we limit the default dimensions of the thumb, and show it in full size when user mouse-overs it.

04.28.08 | Comment? |
Share it: Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • bodytext
  • del.icio.us
  • StumbleUpon
  • Reddit

CSS Square buttons

Visit www.dynamicdrive.com/style/csslibrary/item/css_square_buttonsThese buttons use the sliding doors technique of CSS, plus two sliced background images with “on” and “off” states, to create flexible glossy looking CSS buttons. Each button can accommodate text of variable widths and supports a hover effect when the mouse rolls over it. The only limitation is the height of the button, which is fixed based on the background image’s height.

04.28.08 | Comment? |
Share it: Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • bodytext
  • del.icio.us
  • StumbleUpon
  • Reddit

Pulsating Animation CSS Links

Visit bitpixels.blogspot.com/2008/03/pulsating-animation-css-links.htmlThis tutorial will show you how to make a pulsating links without using script.aculo.us or other JS animation libraries. This is only a small thing that CSS can achieve but for other animations like Slide Left etc. then use these libraries only.

04.28.08 | Comment? |
Share it: Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • bodytext
  • del.icio.us
  • StumbleUpon
  • Reddit

Custom horizontal rules with CSS

Visit blog.0tutor.com/post.aspx?id=132&titel=Custom-horizontal-rules-with-CSSThe horizontal rules as they are designed in html looks quite boring, just a simple black line. Read this short tutorial to learn how to create a sort of different horizontal rule with CSS.

04.28.08 | Comment? |
Share it: Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • bodytext
  • del.icio.us
  • StumbleUpon
  • Reddit

CSS Horizontal Menu

Visit www.redswish.co.uk/design/css-horizontal-menu In this great CSS Tutorial you will learn to create a simple blue bar - 800px x 40px. No glossy effects or 3d optical illusions. A plain blue bar, as you hover over a menu item it’s background will glow a lighter blue. Nice and simple - and great!

04.28.08 | Comment? |
Share it: Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • bodytext
  • del.icio.us
  • StumbleUpon
  • Reddit

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: Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • bodytext
  • del.icio.us
  • StumbleUpon
  • Reddit