Posts Tagged ‘Web Design’

CSS Tutorial: Create rounded corners with only one image

Posted by: Jonathan
Date posted: 29/09/2008
CSS Tutorial: Create rounded corners with only one image

We’re going to show you how to make expandable rounded corners with CSS. Using our method will require only 6 HTML tags and one background image (yes, ONE image for all 4 corners!). It also validates, works across all the major browsers, and looks great in your source code. Download the full rounded corners tutorial [...]

Create a drop shadow effect for your website using CSS

Posted by: Jonathan
Date posted: 17/08/2008
Create a drop shadow effect for your website using CSS

This tutorial will teach you how to create a drop shadow background effect for your website, using only a single image and some CSS. Not only is a drop shadow effect simple to create (only a few lines of code) but it also adds a new dimension to your site and can really make your [...]

Create a super fast website navigation with a single image and CSS

Posted by: Jonathan
Date posted: 06/08/2008
Create a super fast website navigation with a single image and CSS

This tutorial will show you how create a navigation for your website using CSS and a single image so there’s no loading times for the rollover states, resulting in smoother transitions. The trick to creating a seamless rollover is to have both the normal and hover (Rollover) states in a single image and then use [...]