Áttetsző kép / keret a képnek. (Linkelt képnek)

A kód:

<style type="text/css"> img   { border: 0px solid #000000;} /* link nélküli képnek keret, most 0, tehát nem ad neki keretet */ a img /* linkelt kép tulajdonságai */ { border-style: solid; /* a linkelt kép keretének stílusa: solid: sima, dashed: szaggatott, dotted: pontozott */         border-width: 0px; /* a linkelt kép keretének vastagsága */  border-color: #000000; /* a linkelt kép keretének színe */         -moz-border-radius: 0px; /* keret lekerekítésének mértéke mozzilában */         -webkit-border-radius: 0px; /* keret lekerekítésének mértéke chrombe-ban */  filter: alpha(opacity=50); /* áttetszőség IE-ben */  opacity: 0.5; /* áttetszőség mozzilában, chrome-ban.. */ } a:hover img /* linkelt kép tulajdonságai, ha ráviszed az egeret */ { border-style: solid; /* a linkelt kép keretének stílusa: solid: sima, dashed: szaggatott, dotted: pontozott */  border-width: 0px;  /* a linkelt kép keretének vastagsága */  border-color: #ffffff; /* a linkelt kép keretének színe */         -moz-border-radius: 0px; /* keret lekerekítésének mértéke mozzilában */         -webkit-border-radius: 0px; /* keret lekerekítésének mértéke chrome-ban */  filter: alpha(opacity=100); /* áttetszőség IE-ben */  opacity: 1.0; /* áttetszőség mozzilában, chrome-ban... */ } </style>

Demo: Jelenleg látható

Ezt a kódot is egyszerű modulba kell beilleszteni, mint a többit. Minden mellé van írva, így ha valamin változtatni szeretnél, akkor változtathatod nyugodtan! :)

KÓD BY: HD.VILAGA.HU