Designing Your Very Own Web 2.0 Layout CSS / Layouts
Web 2.0 is probably a term you've heard before many times. With it comes ideas of AJAX, rounded corners and badges. And whitespace. Lots of that. It usually favors the minimalist approach, so we're going to try to capture this essence in a tutorial here.
Rounded Edges Using Only CSS CSS / Box Model
If you have a Google Analytics account, you must have seen that Google uses slightly rounded edges in the menu buttons on the left. Today, I will teach you how to give these nifty little rounded edges to your menu.
CF Navigation Menu II CSS / Buttons and Navigations
This is an inverted version of the original CF Navigation Menu. Four images are used as part of its interface- the two round corners, an indented divider between menu links, and a gradient background image spanning the menu.
Images With Hover Effects CSS / Buttons and Navigations
The method I'll demonstrate here requires nothing but basic support for images and CSS, as well as supply a usable alternative to those who don't (text-only browsers, mobile phones, website readers for people with disabilities, etc).
Rollover Bullet List Images CSS / Buttons and Navigations
This piece of code was asked for over at Weborum, it adds a pretty good effect to any bullet images (lists) you may already have on your site and is very easy to do.
Improved CSS Hover Images CSS / Colors and Effects
You see a lot of hover effects on web nowadays. Images are often preloaded on page load so that the user sees the hover effects right away, but there's also another way to do it. How about using just one image and changing its state/position it with CSS?
Page Layout and Background Image Design CSS / Layouts
Clear answers are provided with tutorial exercises on screen and browser resolutions, setting Web page width in absolute and relative length units, setting images and font sizes in relative length units, adding multiple background images.