Browsing all articles in CSS

25 Beautiful Examples of CSS and jQuery Drop down Menu Tutorials

Posted Posted by David Morgan in CSS     Comments 1 comment
Jan
23

Here you will find 25 high quality CSS and jQuery drop down menu examples or just multi level menu tutorials with downloadable files and explanations as well.

My favorite pick here is, beautiful pure css3 created by Nick La: CSS3 Dropdown Menu.

25 Beautiful Examples of CSS and jQuery Drop down Menu Tutorials

Mega Drop Down Menus w/ CSS & jQuery

jQuery drop down menu

Sexy Drop Down Menu w/ jQuery & CSS

jQuery drop down menu

Create The Fanciest Dropdown Menu You Ever Saw

jQuery drop down menu

Outside the Box” Navigation with jQuery

jQuery drop down menu

CSS Image Sprites

Posted Posted by David Morgan in CSS     Comments 76 comments
Jan
19

Image Sprites

An image sprite is a collection of images put into a single image.

A web page with many images can take a long time to load and generates multiple server requests.

Using image sprites will reduce the number of server requests and save bandwidth.


Image Sprites – Simple Example

Instead of using three separate images, we use this single image (“img_navsprites.gif”):

navigation images

With CSS, we can show just the part of the image we need.

In the following example the CSS specifies which part of the “img_navsprites.gif” image to show:

Example

img.home
{
width:46px;
height:44px;
background:url(img_navsprites.gif) 0 0;
}