Efect rotatie logo

Vezi subiectul anterior Vezi subiectul urmator In jos

Efect rotatie logo

Mesaj Scris de FastCode la data de Sam Mar 10, 2012 1:37 am

Vă voi arăta cum puteţi adăuga un efect de rotaţie logo. Acesta funcţionează pe toate versiunile (phpbb3, phpbb2, invision şi punbb).

Instalare:
Intraţi în Panou de Administrare > Afisare > Culori > Foaie de stil. Introduceţi codurile următoare:

PhpBB3 şi Invision
Cod:

#logo {
-webkit-transition: -webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s;
-o-transition-property: width,height,-o-transform,background,font-size,opacity;
-o-transition-duration: 1s,1s,1s,1s,1s,1s;
-moz-transition-property: width,height,-o-transform,background,font-size,opacity;
-moz-transition-duration: 1s,1s,1s,1s,1s,1s;
transition-property: width,height,transform,background,font-size,opacity;
transition-duration: 1s,1s,1s,1s,1s,1s;
opacity: 0.8;
}
#logo:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 1.0;
}

PhpBB2

Cod:

#i_logo {
-webkit-transition: -webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s;
-o-transition-property: width,height,-o-transform,background,font-size,opacity;
-o-transition-duration: 1s,1s,1s,1s,1s,1s;
-moz-transition-property: width,height,-o-transform,background,font-size,opacity;
-moz-transition-duration: 1s,1s,1s,1s,1s,1s;
transition-property: width,height,transform,background,font-size,opacity;
transition-duration: 1s,1s,1s,1s,1s,1s;
opacity: 0.8;
}

#i_logo:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 1.0;
}

PunBB
Cod:

#pun-logo {
-webkit-transition: -webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s;
-o-transition-property: width,height,-o-transform,background,font-size,opacity;
-o-transition-duration: 1s,1s,1s,1s,1s,1s;
-moz-transition-property: width,height,-o-transform,background,font-size,opacity;
-moz-transition-duration: 1s,1s,1s,1s,1s,1s;
transition-property: width,height,transform,background,font-size,opacity;
transition-duration: 1s,1s,1s,1s,1s,1s;
opacity: 0.8;
}
#pun-logo:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 1.0;
}
avatar
FastCode


Mesaje Mesaje : 41
Puncte Puncte : 95
Varsta Varsta : 20
Localizare Localizare : PN
Reputatie : 0

Vezi profilul utilizatorului http://help.forumgratuit.ro

Sus In jos

Re: Efect rotatie logo

Mesaj Scris de iNNNpeCabLe. la data de Sam Mar 10, 2012 4:32 am

Am vazut acest efect pe multe forumuri este superb cheers

iNNNpeCabLe.


Mesaje Mesaje : 67
Puncte Puncte : 67
Localizare Localizare : Craiova
Reputatie : 0

Vezi profilul utilizatorului

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum