DonationCoder.com forum
 
Read-only archive. This is a static copy of the DonationCoder.com forum. Reading and searching work as before; logging in, posting and private messages do not.
Archive of 2026-10-21 · About this archive · Main site

Author Topic: Iconize Textlinks with CSS  (Read 6,295 times)

KenR

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

Quote
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, 09:57 PM by mouser »

Original address: https://www.donationcoder.com/forum/index.php?topic=7344.0