Demó: vidd rá az egeret erre a szövegre :)

Ezt a kódot illeszd be jobb/bal oldalon lévő egyszerű modul forráskódjába. A link színe változtatható, ezeket jelöltük a kódban. A magyarázatot nem kell törölnöd, a kód így is működik! :)

<style type="text/css">

a:link
{ color: #000000;   /* link színe */
 white-space: nowrap;
 text-decoration: none;}

a:visited
  { text-decoration: none;
 color: #000000;   /* ha már látogatva volt a link, tehát, ha rákattintasz, ilyen színű lesz */
}

a:hover {
 text-decoration: none;
 background-image: url(//nevek.gportal.hu/portal/nevek/image/gallery/1264486401_07.gif);
 background-repeat: repeat-x;
 background-position: 100% 100%;
 padding-bottom: 3px;
 color: #cccccc;  /* ha ráviszed az egeret a linkre, ilyen színű lesz */
}

a:active 
  { text-decoration: none;}
</style>