Create a digg styled Header
In this CSS tutorial from CSS-Tricks you will learn how to build a header like you can see on the DIGG Site.
In this CSS tutorial from CSS-Tricks you will learn how to build a header like you can see on the DIGG Site.
These 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.
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!
This tutorial will explain you how to make your button (link) in the navigation active when you are on a specific page.
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.
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
In this CSS Tutorial you will learn how to create a CSS Drop Down Navigation.
This tutorial explains how to design an elegant navigation bar for your site using CSS.
Last Comments
Brian: Adobe Kuler is one that I use often. http://kuler.adobe.com/
Stefan: I just wanted to add another good site like colorschemes: www.colourlovers.com
Bob: lol! yeh, cheers Ben!
ben: Who didn’t you pay very much to write this drivel?! Good stuff ;)
sneakatron: What about JK Rowling’s website
dutchgirl: There’s a new icon search engine: www.easyiconfinder.com !
Hotel Il Convento Pistoia: I use imagetemple.com often The Nature > Snow collection is particularly good! ;)