Iconize Textlinks with CSS
Links are fun, but sometimes we don't know where they take us. With this little CSS technique a user can identify a link by its icon. This whole thing was inspired by the "Showing Hyperlink Cues with CSS" article of Ask the CSS Guy.

The idea is pretty simple, if a link points to a .pdf file, we show the .pdf icon after the link.

The CSS technique has been successfully tested with:
Firefox (Mac & PC), Camino, Safari, Opera (Mac & PC) & Internet Explorer 7 (6 doesn't work)

License Info: Creative Commons Attribution License.
How to Use: Download the .zip file, upload the CSS and the icons to your webspace and integrate the CSS in your Website, Blog or whatever. Done.
You can easily replace the icons or add more extensions and sites. Enjoy!
Submitted: 1 Year, 1 Month, 3 Weeks, 22 Hours, 26 Minutes ago
Submitter: avatar  aycarumba
Style Rating:

10.0/10 (1 vote cast)


Style Author: Alexander Kaiser
Author's URL: http://pooliestudios.com/

Demo URL: http://pooliestudios.com/proje...

Resource Files

filetype   iconize-04.zip  [33.1 KB]

save all   download all files as a zip

Code Snippets
No code snippets have been uploaded for this style

Comments (0)
No comments have been posted for this style

Add A Comment


Some bbcode allowed - [code][/code], [b][/b]

Name:
 (required)
Email:
 (required - will not be published)
Website:
Comment:
Security Code: Enter the characters in the green box

Visual CAPTCHA