topbanner_forum
  *

avatar image

Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
  • Friday April 19, 2024, 1:35 pm
  • Proudly celebrating 15+ years online.
  • Donate now to become a lifetime supporting member of the site and get a non-expiring license key for all of our programs.
  • donate

Author Topic: Iconize Textlinks with CSS  (Read 4340 times)

KenR

  • Super
  • Blogger
  • Joined in 2006
  • ***
  • Posts: 826
    • View Profile
    • Donate to Member
Iconize Textlinks with CSS
« on: February 05, 2007, 04:06 PM »
Here's a cool CSS trick to show icons next to each download link.

Iconize Textlinks with CSS
Where will this link take me?

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 it's 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.
Here are some more examples which i already implemented:



from http://delicious.com/
Kenneth P. Reeder, Ph.D.
Clinical Psychologist
Jacksonville, North Carolina  28546
« Last Edit: October 27, 2014, 04:57 PM by mouser »