| Á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
 |