Post details: Check Off Visited Links

12/30/05

Permalink 09:17:05 am, 184 words, 2787 views  
Categories: Web & Presentation

Check Off Visited Links

Somewhere in the net I've seen a nifty way to mark the visited links. Every link, which I visited, was marked with a check markCheck Mark on the right beside the link. At first I just wondered how it was done. Then when I received a new Macworld there was the details how to do it.

So here is the way (how it was explained in Macworld):
In CSS include the following lines:

/* sets how the links should be displayed */
a {
   text-decoration: none;
   color: #333;
   padding-right: 13px;
}
/* actually shows the image beside the link */
a:visited {
   background: url(checkmark.gif) right center no-repeat;
}

I modified it somewhat and applied this only to specific links (by class):

a.tipItem:visited {
   background: url(http://www.romanzolin.com/images/link_check.png) right center no-repeat;
   padding-right: 23px;
}

And marked the links, which I want to behave like this with class "tipItem":

<a class="tipItem" href="http://www.romanzolin.com/">

And the result you can see on my Techniques page

Comments, Pingbacks:

No Comments/Pingbacks for this post yet...

Leave a comment:

Your email address will not be displayed on this site.
Your URL will be displayed.

Allowed XHTML tags: <p, ul, ol, li, dl, dt, dd, address, blockquote, ins, del, span, bdo, br, em, strong, dfn, code, samp, kdb, var, cite, abbr, acronym, q, sub, sup, tt, i, b, big, small>
(Line breaks become <br />)
(Set cookies for name, email and url)
(Allow users to contact you through a message form (your email will NOT be displayed.))


Photography Things

When we find something interesting and useful, which we want to return to and share with others, it will be posted here. It could be about composition, digital effects, photoshop, photography business or links to interesting websites.

rss
Subscribe to RSS feed

May 2024
Sun Mon Tue Wed Thu Fri Sat
<< <     
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  

Misc

Who's Online?

  • Guest Users: 57