Deprecated: Function set_magic_quotes_runtime() is deprecated in /home1/cloudsd1/public_html/theparkerproject.com/textpattern/lib/txplib_db.php on line 14
 

 

 

CSS Formatting of Links

F

irst brought to my attention at CollyLogic

The ‘Recent Posts’ section of this site tries to do something a little different. A little more useable, a little more pleasing, a little more intuitive for the user.

If you have not visited the article to which the link is pointing, the link is shown in red. Also, the associated graphic is a sealed-envelope-type-thing; the kind of graphic your run-of-the-mill email client would show you to denote an email you have yet to read.

However, if you have previously visited the article in question the link is shown in (standard visited link colour) purple, and the graphic switches to a similarly-standard-fare-for-email-clients open envelope.

When you hover on these links, visited or not, the type changes to red and underlined, and you get a nice visual interpretation in the shape of an arrow.

Not groundbreaking, just nice.

In the immortal words of Neil Buchanan; “Go on, try it yourself.”

The CSS:

#posts li a {padding: 0 0 2px 15px; font-size:0.9em; }

#posts li a:link { color:red; background: url(/img/icons/mail_back.gif) 0 4px no-repeat;}

#posts li a:visited { color:purple; background: url(/img/icons/mail_open.gif) 0 4px no-repeat;}

#posts li a:hover { color:red; background: url(/img/icons/arrow_fat_right.gif) 0 4px no-repeat;}

#posts li a:active { color:red; background: url(/img/icons/mail_open.gif) 0 4px

 

Add Your Comment

You may use textile in your comment.

Entering your website is optional.

Your Email is required (but it is kept hidden).

* After hitting submit you will be asked to enter a 5-digit code - This is an Anti-Spam measure

 

x

Contact
Phone
Email
SMS (Free)
Skype
AIM
TPP Businesses
Opinion Systems
Elite Presentations
Apex Audio
Apex Web Agency
Favourite Articles
10 ways to Raise Funds
How to Get Noticed
Making Your Business seem bigger than it really is
Top Commenters
Geoff
Karl
Mark
Last.fm (Realtime)
Nirvana - Smells Like Teen Spirit
Blind Melon - No Rain
Ben Folds - The Luckiest
 
 

Colophon

CMS
Textpattern
Framework
960 Grid System
Type
Garamond
Georgia
Validate
HTML
CSS
Further Info
Read More...