Efecte asupra bannerelor

Am sa va prezint un tutorial despre cum sa adaugati un efect de hover (hover = cand cursorul este peste un element) asupra bannerelor ale partenerilor vostri.

Sa incepem

Adaugarea unei noi clase in css

Efect: opacitate scazuta

Adaugati in css-ul dvs. acest cod:

Cod:

.nume a img{
opacity:0.5;
filter:alpha(opacity=50);}

.nume a img:hover{
opacity:1.0;
filter:alpha(opacity=100);}

_______
unde scrie nume schimbati cu numele clasei css (ex: transparent ,opacity ..)
opacity - Opacitatea standard CSS3
filter:alpha - Opacitate pentru Internet explorer 8 sau mai jos

Inlocuiti din prima portiune valoarea 0.5 si respectiv 50 ca sa scadeti opacitatea imaginilor cu cat doriti

Demo:


P.S:tineti mouseul deasupra bannerului pentru a vedea diferenta

Aplicarea clasei:

Pentru a pune un banner in aceasta clasa scrieti acest cod:

Cod:

<div class="nume">Codurile bannerelor partenerilor aici</div>

Unde scrie nume schimbati dupa numele care lati dat clasei dvs. (mai sus)