The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

i need this code please

View previous topic View next topic Go down

Solved i need this code please

Post by omarpop23 on April 24th 2014, 7:38 pm

i need this code like this picture


luv


Last edited by omarpop23 on April 24th 2014, 7:46 pm; edited 1 time in total

omarpop23
Forumember

Male Posts : 144
Reputation : 3
Language : Arabic
Location : Egypt

http://egyover.ahlamontada.com

Back to top Go down

Solved Re: i need this code please

Post by DeathDunk98* on April 24th 2014, 7:40 pm

FIRST :
DISPLAY - TEMPLATES - OVERALL HEADER: add this:
Code:
 <div id="social-widget">
<img src="http://i57.servimg.com/u/f57/18/10/03/86/untitl27.png" />
<a href="https://www.facebook.com/pages/Islamishendrit/682330295162292"><img src="http://illiweb.com/fa/optimisation_fdf/fr/facebook10.png" /></a>
<a href="https://www.youtube.com/user/theproffesorand1"><img src="http://illiweb.com/fa/optimisation_fdf/fr/youtube.png" /></a>
<a href="https://twitter.com/islamishendrit"><img src="http://illiweb.com/fa/optimisation_fdf/fr/twitter10.png" /></a>

</div>

Second: Colors - CSS STYLESHEET:
Code:
#social-widget img {
max-height: 49px;
top: 0;
bottom: 0;
left: 0;
padding: 0;
}

#social-widget img {
transition-duration:400ms;
-moz-transition-duration: 400ms;
-ms-transition-duration:400ms;
-o-transition-duration: 400ms;
-webkit-transition-duration: 400ms;
}


#social-widget img:hover {
transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
}

Notice: YOU HAVE TO CHANGE THE LINKS and the images if u want! You can also change the ROTATION by changing the DEGRES !

REGARDS: MIKAIL

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Solved Re: i need this code please

Post by SLGray on April 26th 2014, 10:19 am

Since this is marked with the solved icon, it will be archived.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36742
Reputation : 2449
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum