Cerere script pentru miscare banner

4 participanți

Extrem Tutorials :: Alte servicii :: Probleme legate de script/cod :: Arhiva script-uri

Cerere script pentru miscare bannerJoi 6 Oct - 9:51

Vreau si eu un cod pentru miscarea bannerului , adica , sa se dea destul de incet in dreapta , si sa devina mai mare , ca si cand ar veni spre mine , am vazut pe un forum , dar cred ca sunteti mai priceputi decat ei. Multumesc anticipat.

Re: Cerere script pentru miscare bannerJoi 6 Oct - 12:50

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;
}

Uite ai aici pentru fiecare versiune,,
Multumiri lui Elyos pentru distribuire..

Re: Cerere script pentru miscare bannerJoi 6 Oct - 14:05

Cod:

.headerbar {
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease;
    -webkit-transform: rotate(0deg) scale(0.9) skew(0deg) translate(0px);
    -moz-transform: rotate(0deg) scale(0.9) skew(0deg) translate(0px);
    -o-transform: rotate(0deg) scale(0.9) skew(0deg) translate(0px);
    }
    .headerbar:hover{
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    }
    .headerbar:active{-webkit-transform: rotate(0deg) scale(0.8) skew(0deg) translate(0px);
    -moz-transform: rotate(0deg) scale(0.8) skew(0deg) translate(0px);
    -o-transform: rotate(0deg) scale(0.8) skew(0deg) translate(0px);}

sau incercati asta:

Cod:

  #logo {
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease;
    -webkit-transform: rotate(0deg) scale(0.9) skew(0deg) translate(0px);
    -moz-transform: rotate(0deg) scale(0.9) skew(0deg) translate(0px);
    -o-transform: rotate(0deg) scale(0.9) skew(0deg) translate(0px);
    }
    #logo:hover{
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    }
    #logo:active{-webkit-transform: rotate(0deg) scale(0.8) skew(0deg) translate(0px);
    -moz-transform: rotate(0deg) scale(0.8) skew(0deg) translate(0px);
    -o-transform: rotate(0deg) scale(0.8) skew(0deg) translate(0px);}