Navigare rapidă

Ultimele subiecte
» Bulletin ipb theme
Scris de MihaiExtremTutorials Sam 15 Dec - 0:24
» Wireless ipb theme [punBB]
Scris de D1esel Vin 30 Noi - 21:51
» Ying-Yang Tutorial
Scris de Lucifer Mar 24 Apr - 11:34
» Avatar forumotion toolbar
Scris de Lucifer Mar 24 Apr - 11:33
» Salutare
Scris de Lucifer Mar 24 Apr - 11:32
Cuvinte-cheie

edit  

Banner mişcător pentru toate versiunile.


Salutare tuturor,
Probabil că aţi văzut pe unele forumuri.. atunci când pui cursorul peste imaginea tip logo aceasta se mişcă.
Toate codurile de mai jos se pun in foaia de stil css !

Invision:
Cod:
div#logostrip #logo {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
div#logostrip:hover #logo:hover {
margin-left:100px;
}

phpBB3:
Cod:
#logo-desc {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
#logo-desc:hover{
margin-left:100px;
}

punBB:
Cod:
#pun-logo {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
#pun-logo:hover{
margin-left:100px;
}

phpBB2:
Cod:
#i_logo {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
#i_logo:hover{
margin-left:100px;
}


Dacă vreţi ca banner-ul să se mişte mai mult schimbaţi 100px cu mai mult . Iar pentru a dura mai mult mişcarea schimbaţi 1.5 cu mai mult( 2s ,2.5s,3s ,etc.)






Tutorial scris de Elyos

Copyright Extrem-Tutorials.com -  Nici o parte a acestui tutorial nu poate fi reprodusa fara acordul autorului.

Comentariile utilizatorilor
Membru ET
Mos Craciun
la data de Vin 18 Mai - 21:50
Mos Craciun Membru ET
Conectat
Cat de cat, interesant.. avand in vedere ca e complet.