Search Box Loading Here .................
Wednesday, June 3, 2009

Visited links strike out with CSS.

2 comments
Have you visited OurSignal.com it's popular items on social sites news. If you visit any news link after page refresh the title should be strike-out. It's a very basic CSS tips using element a:visited. Just take a look at live demo.


Live Demo

CSS Code

<style type="text/css">

.block
{
font-family:'Georgia', Times New Roman, Times, serif;
font-size:40px;
}
.block a
{
color:#222C39;
text-decoration:none;
}
.block a:hover
{
color:#222C39;
text-decoration:none;
}
.block a:visited {
text-decoration: line-through;
opacity: .25;
filter: alpha(opacity=25);
}

</style>

HTML
<body>
<div class="block">
<a href="link-1"> Title-1 </a><br/>
<a href="link-2"> Title-2 </a><br/>
<a href="link-3"> Title-3 </a><br/>
.
.
.
</div>
</body>
Sponsored Links

Recent Posts

Share this post

Subscribe to my feeds

Subscribe
Comments
2 comments
Anonymous said...

Very nice...

Anonymous said...

very cool post

Post a Comment

Orkut | FacebookAbout Me

Subscribe now!Feeds RSS

Sponsors

Subscribe now!Recent Posts

Subscribe now!Categories

Subscribe now!Comments

People Says

@9lessons thank you for the great tutorials, we truly appreciate your contributions to the design community.

Smashing Magazine

Join into my community

My ProfileTwitter