Faire apparaître une image après avoir visité un lien

 



Si vous avez une longue liste de lien, il pourrait être agréable pour l'internaute de savoir s’il a visité le lien ou non à l'aide d'une image qui dit page vu ou bien qui fait apparaître un crochet.
Dans ce cas ci-dessous j'ai créé un div avec une liste de lien.

L e style css

#tableau li a
{
font-size:12pt;
font-weight:bold;
display: block;
width: 230px;
\width: 230px;
w\idth: 230px;
border: 0px none;
text-decoration: none;
text-align: left;
color:#0000FF;
padding-left:2px;
padding-right:4px;
padding-top:4px;
padding-bottom:0px
}

#tableau li a:visited
{
width: 230px;
\width: 230px;
w\idth: 230px;
color:#0000FF;
background-image: url('images/vu.gif');
background-repeat:no-repeat
}

#tableau li a:hover
{
color:#0000FF;
}

#tableau ul
{
list-style: none;
}

Le code de Page

<div id="tableau">
<ul>
<li><a href="http://pages.globetrotter.net/mcordeau/">Humour Mario</a></li>
<li><a href="http://www.cameras-numeriques.com/">Camera</a></li>
<li><a href="http://www.drole-video.com/">Drole video</a></li>
<li><a href="http://www.ricaner.com/">Ricaner</a></li>
<li><a href="http://www.formation-html.com/">Formation html</a></li>
</ul>
</div>

Le résultat

 

retour à l'accueil