Basic Link Rollover Snippets


02 February, 2011   

The set height and width ensure only a portion of the sprite.png graphic is shown. The rollover shifts the position of the background image, revealing a different area of the graphic.

15 April, 2013   

CSS Code for Pure Rollover

01 January, 2013   

Basic template for xhtml transitional

28 January, 2012   

JavaScript Code example to choose a page and Jump

IE 6 and below get a special stylesheet with stripped down basic-but-still-nice styling

Code snippet to remove class after delay in jQuery.

Basic XHTML 1.0 layout which includes basic layout structure and is prepared for jQuery. On load a 'js' class is added to the root element in order to nicely handle graceful degradation if JS is disabled and prevent flickering if JS is enabled.

The four link states should always be listed in that order, like so:

CSS code example for different colors to visited/unvisited links

11 December, 2011   

CSS code example to use of text-decoration on links

CSS code snippet for Style Links Depending on Destination

22 March, 2012   

An example CSS code for Link Pseudo-Classes (In Order)

02 February, 2011   

Basic Alert

16 April, 2012   

This CSS code will change link font-size

26 January, 2013   

jQuery code example to open link in a new window

This basic snippet will create a random authentication code, or just a random string.

20 November, 2012   

If you want to store your stylesheet somewhere on your site as a separate file, you can link to it on whatever pages you want to apply it to. Just use this line of code, which goes into the <head> of your HTML document:

02 August, 2012   

An example of a horizontal CSS menu

14 January, 2013   

You can link to an external stylesheet whatever pages you want to apply it to.

29 March, 2012   

ASP code example to check reciprocal link