Peste 500 tutoriale in limba romana.

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.

Cat de cat, interesant.. avand in vedere ca e complet.

thumb_upîmi placethumb_downnu îmi place

Re: Banner mişcător pentru toate versiunile.
Mos CraciunVin 18 Mai - 21:50