Jump to content

Recommended Posts

Posted

Salut caut de foarte mult timp un cod ceva (html/css...."ceva") , ca atunci cand trec cu mouse-ul peste logo sau o imagine sa aibe o animatie/efect..adica sa se miste...un ex bun il au cei de la og-times.

Am deschis de curand o comunitate de gaming si vreau sa am forumul si indexul cat mai "atractive"

Multumesc!!

Posted

ipb_styles.css la:

#logo {

Adauga:

-webkit-transition: all 4s ease-in;
-moz-transition: all 4s ease-in 0s;
-o-transition: all 4s ease-in;
-ms-transition: all 4s ease-in;
transition: all 4s ease-in;
position: relative;

Si dupa la ( daca nu exista, creeaza-l ):

#logo:hover {

Adauga:

-webkit-transform: rotate(1800deg);
-moz-transform: rotate(1800deg);
position: absolute;
margin-bottom: -10px !important;
margin-top: 0px;
margin-left: 5px !important;
opacity: 0.0;
-webkit-transition: all 4s ease-in;
-moz-transition: all 4s ease-in 0s;
-o-transition: all 4s ease-in;
-ms-transition: all 4s ease-in;
transition: all 4s ease-in;
Posted
4 hours ago, FizZle#Haarp said:

ipb_styles.css la:


#logo {

Adauga:


-webkit-transition: all 4s ease-in;
-moz-transition: all 4s ease-in 0s;
-o-transition: all 4s ease-in;
-ms-transition: all 4s ease-in;
transition: all 4s ease-in;
position: relative;

Si dupa la ( daca nu exista, creeaza-l ):


#logo:hover {

Adauga:


-webkit-transform: rotate(1800deg);
-moz-transform: rotate(1800deg);
position: absolute;
margin-bottom: -10px !important;
margin-top: 0px;
margin-left: 5px !important;
opacity: 0.0;
-webkit-transition: all 4s ease-in;
-moz-transition: all 4s ease-in 0s;
-o-transition: all 4s ease-in;
-ms-transition: all 4s ease-in;
transition: all 4s ease-in;

Am pus cum ai zis tu am #logo: si #logo a:hover..am pus codul, am dat save cand treceam cu mouse.ul peste el.. se invartea dar mi.a schimbat locatia logo.ului si al meniului(am crezut ca e de la #logo a:hover) cand am creat #Logohover:..am pus codul si mai rau...se schimba si logo si meniul din centru in stanga.

http://forum.wild-star.ro/

Uite cum am pus:

#logo { text-align: center; 
-webkit-transition: all 4s ease-in;
-moz-transition: all 4s ease-in 0s;
-o-transition: all 4s ease-in;
-ms-transition: all 4s ease-in;
transition: all 4s ease-in;
position: relative;}

#logo a:hover{ opacity: 0.8; 
-webkit-transform: rotate(1800deg);
-moz-transform: rotate(1800deg);
position: absolute;
margin-bottom: -10px !important;
margin-top: 0px;
margin-left: 5px !important;
opacity: 0.0;
-webkit-transition: all 4s ease-in;
-moz-transition: all 4s ease-in 0s;
-o-transition: all 4s ease-in;
-ms-transition: all 4s ease-in;
transition: all 4s ease-in;}
}

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.