Afficher des boutons socials comme sur le FDF

[Ejayremy]

Bonjour,

Je souhaiterais ajouter les mêmes boutons que sur le FDF. Voici la capture de ce que j'aimerais avoir :

Merci de votre aide.
++

[Ejayremy]

Up ...

[Ejayremy]

UP ...

[soul.eater]

Bonjour,

Ajoutez ceci en code Javascript sur toutes les pages :

(modifiez lienfacebook / lientwitter / liengoogleplus / lienyoutube par vos liens)

Code:

$(function(){
$('#search-box').before('<div id="actu" ><a href="lienfacebook" onClick="window.open(this.href);return false;"><img src="http://image.noelshack.com/fichiers/2013/42/1382110252-facebook10.png" class="actu1" align="left" ></a><a href="lientwitter"><img src="http://image.noelshack.com/fichiers/2013/42/1382110253-twitter10.png"class="actu2" align="left" /></a><a href="liengoogleplus"><img src="http://image.noelshack.com/fichiers/2013/42/1382110252-googleplus.png" class="actu3" align="left" /><a href="lienyoutube"><img src="http://image.noelshack.com/fichiers/2013/42/1382110253-youtube.png" class="actu4" align="left" /></a></div>');
});

Pour l'effet de survol ajoutez ceci à la feuille de style CSS de votre forum :

Code:

/* Barre de lien */
.actu1:hover {
  -moz-transform:rotate(-10deg);
  -ms-transform:rotate(-10deg);
  -o-transform:rotate(-10deg);
  -webkit-transform:rotate(-10deg);
  transform:rotate(-10deg);}
.actu1:hover {
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
        -ms-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;}
.actu2:hover {
  -moz-transform:rotate(-10deg);
  -ms-transform:rotate(-10deg);
  -o-transform:rotate(-10deg);
  -webkit-transform:rotate(-10deg);
  transform:rotate(-10deg);}
.actu2:hover {
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
        -ms-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;}
.actu3:hover {
  -moz-transform:rotate(-10deg);
  -ms-transform:rotate(-10deg);
  -o-transform:rotate(-10deg);
  -webkit-transform:rotate(-10deg);
  transform:rotate(-10deg);}
.actu3:hover {
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
        -ms-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;}
.actu4:hover {
  -moz-transform:rotate(-10deg);
  -ms-transform:rotate(-10deg);
  -o-transform:rotate(-10deg);
  -webkit-transform:rotate(-10deg);
  transform:rotate(-10deg);}
.actu4:hover {
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
        -ms-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;}

Cordialement,

Jonas

[Ejayremy]

Merci beaucoup, ça fonctionne a merveille !