Nu sunteti conectat. Conectati-va sau inregistrati-va

Efecte asupra bannerelor

In jos  Mesaj [Pagina 1 din 1]

1 Efecte asupra bannerelor la data de Joi Aug 19, 2010 11:24 pm

DELETE


Banned
Banned
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:
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]


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)

Vezi profilul utilizatorului

Sus  Mesaj [Pagina 1 din 1]

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum