arnklint / Hyperlink-icons-with-CSS

A CSS module that adds icons after hyperlinks depending on hyperlink targets extension or URI-scheme.

Home Page:http://arnklint.com/css-link-icons/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Intro

This is a CSS "module" essentially consisting of an image (a sprite image) and a stylesheet for you to add nice little icons to the right of hyperlinks that lead to a file with a certain extension. Find examples in index.html. Source and sprite image are about 16kb uncompressed unminified.

Compatability

Tested successfully in Firefox, Camino, Safari, Opera & Internet Explorer 7 (6 doesn't work)

Installation

For production, simply use the hyperlink_icons.css as a stylesheet and make sure that it is referencing the sprite.gif image correctly. This should make links look like the examples in index.html

About

A CSS module that adds icons after hyperlinks depending on hyperlink targets extension or URI-scheme.

http://arnklint.com/css-link-icons/