9lessons programming blog
Loading Search
Wednesday, June 3, 2009

Visited links strike out with CSS.

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

Share this post

Comments
{ 2 comments }
Anonymous said...

Very nice...

Anonymous said...

very cool post

Post a Comment

Subscribe now!Recent Posts

Categories

Subscribe now!Popular Posts

People Says

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

Smashing Magazine

Like Me

follow me
products

9lessons labs

9lessons clouds

Android application

Chrome Extension