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

Category: CSS Tutorials Navigation

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:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

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:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

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:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

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

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

Site Navigation in CSS and XHTML

Visit shapeshed.com/journal/site_navigation_in_css_and_xhtml Coding navigation in CSS and XHTML properly is important for both search engines and accessibility. Here you will learn a way to do that :-9

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 Drop Down Navigation

Visit www.sohohappens.com/41/how-to-create-a-css-drop-down-navigation In this CSS Tutorial you will learn how to create a CSS Drop Down Navigation.

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

Elegant Navigation bar using CSS

Visit woork.blogspot.com/2008/02/elegant-navigation-bar-using-css.html This tutorial explains how to design an elegant navigation bar for your site using CSS.

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