How would you like to MASTER graphic design by next week?
Click here to find out how
Featured Photoshop templates - professional ready to use designs for your next project
View all templates
CSS A Link Tutorials
Styling Your Links With CSS
Welcome guys, today we will be looking at styling your links with CSS. In my last post, I showed you all you need to know about HTML links. Missed the post? you can always read it, All You Need To Know About HTML Links. If you followed my previous tutorial on HTML links, you should now have a link that is not styled which will look some how horrible to the eyes. Not to worry that why I decided to create this brief tutorial to help you style that links of yours. Let the styling begin.
Add an icon before or after a link with CSS
CSS has a matching syntax for selectors which makes it possible to match the filename extension at the end of an href. This makes it easy to add an icon which relates to the link before or after the text part of the link.
Pure CSS PopUp Thumbnails
Here"ôs a neat effect that will allow you to display a thumbnail image for a link on hover (similar to the technique used at www.digitalart.org - except ours will be pure CSS).
Underline Horizontal Menu
This is a sleek CSS horizontal menu with a popular "underline" effect shown whenever the mouse rolls over a link. Each link () also carries a background image, used to as the indented line graphic that separates each menu item.
Style cursor, both built in styles and custom image
Change the mouse point into a waiting glass over a link or special arrows for some reason. You can also change the cursor with any Image you want.