Fork me on GitHub

Rapport de message :*
 

Re: Les petits ronds qui tournent facebook twitter

Titre du sujet : Re: Les petits ronds qui tournent facebook twitter
par tatane sur 04/07/2012 10:51:20

1 - Télécharge les images yahoo.png,twitter.png,facebook.png,delicious.png,rss.png dans le dossier images de ton thème.

2 - Dans le fichier XDGallery/xotpl/slider.html vers la ligne : 76 remplace

<div id="barnavsocial">
    
<
h2>Reseaux sociaux</h2>
<
ul>
<
li><a href="<{$xoops_url}>"><img src="<{xoImgUrl images/deviantart.png}>" width="48" height="48" alt="deviantart" /></a></li>
<
li><a href="<{$xoops_url}>"><img src="<{xoImgUrl images/rss.png}>" width="48" height="48" alt="Flux rss" /></a></li>
<
li><a href="<{$xoops_url}>"><img src="<{xoImgUrl images/twitter.png}>" width="48" height="48" alt="Twitter" /></a></li>
<
li><a href="<{$xoops_url}>"><img src="<{xoImgUrl images/facebook.png}>" width="48" height="48" alt="facebook" /></a></li>
<
li><a href="<{$xoops_url}>"><img src="<{xoImgUrl images/stuble.png}>" width="48" height="48" alt="stuble" /></a></li>
<
li><a href="<{$xoops_url}>"><img src="<{xoImgUrl images/delicious.png}>" width="48" height="48" alt="delicious" /></a></li>
</
ul>    
</
div>


par

<div id="barnavsocial">
    
<
h2>Reseaux sociaux</h2>
<
p id="socialicons3">
<
a href="http://www.dynamicdrive.com/">
<
img border="0" src="<{xoImgUrl images/rss.png}>" /></a>
<
a href="http://www.dynamicdrive.com/">
<
img border="0" src="<{xoImgUrl images/delicious.png}>" /></a>
<
a href="http://www.dynamicdrive.com/">
<
img border="0" src="<{xoImgUrl images/facebook.png}>" /></a>
<
a href="http://www.dynamicdrive.com/">
<
img border="0" src="<{xoImgUrl images/twitter.png}>" /></a>
<
a href="http://www.dynamicdrive.com/">
<
img border="0" src="<{xoImgUrl images/yahoo.png}>" /></a>
</
p>
    
</
div>


3 - Dans ton fichier XDGallery/css/slider.css ligne 35 ajoute :

p#socialicons3 img:hover{ 
-moz-transitionall 0.5s ease-in-out;
-
webkit-transitionall 0.5s ease-in-out;
-
o-transitionall 0.5s ease-in-out;
-
ms-transitionall 0.5s ease-in-out;
transitionall 0.5s ease-in-out;
-
moz-transformrotate(-360deg);
-
webkit-transformrotate(-360deg);
-
o-transformrotate(-360deg);
-
ms-transformrotate(-360deg);
transformrotate(-360deg);
}

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

28 Personne(s) en ligne (22 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 28 | Plus ...