Pagina 1 din 1

Din Opac in vizibil normal la apropiere cursor

Scris: Vin Feb 24, 2012
de cata20
Vreau sa fie semitransparente ,adica fade iar cand ma apropiu de poza userului sa apara vizibile la 100% culoarea lor. Ceva in genul ce am vazut la sentimente.ro dar nu am gasit ca indicatii nimic in codul sursa. Variante ar fi pe net dar daca stie careva un exemplu concret sa ma ajute pls.
Deci ele, neclare caci le-am redus opacitatea iar cand apropii pointerul de ele sa devina clare si sa le pot actiona ca link. Merci mult.

Multumesc anticipat _Cata.

Din Opac in vizibil normal la apropiere cursor

Scris: Sâm Feb 25, 2012
de MarPlo
Poate merge doar cu CSS.
Imaginea sa fie intr-un DIV, iar cand mouseul e pe zona acelui DIV (hover), seteaza opacitatea normal (1 , sau 100).
Testeaza codul urmator:

Cod: Selectaţi tot

<style type="text/css"><!--
.imglink {
 width:140px;
 background:#f1f233;
 padding:10px;
 text-align:center;
}
.imglink img {
 filter:alpha(opacity=50);     /* for IE */
 opacity:0.5;
}
.imglink:hover img {
 filter:alpha(opacity=100);     /* for IE */
 opacity:1;
}
--></style>

<div class="imglink">
 <a href="https://marplo.net/" title="Cursuri, Jocuri, Anime"><img src="https://marplo.net/imgs/baner.jpg" alt="Cursuri, Jocuri, Anime" /></a>
</div>

Din Opac in vizibil normal la apropiere cursor

Scris: Lun Feb 27, 2012
de cata20
Merci Mariuse .Nici nu stii cat de bine merge:). Superrr

Merci mult !