Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Afficher des boutons socials comme sur le FDF

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Afficher des boutons socials comme sur le FDF

Message par Ejayremy le Dim 13 Oct 2013 - 19:59

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.
++


Dernière édition par Ejayremy le Ven 18 Oct 2013 - 19:14, édité 1 fois
avatar

Ejayremy
*****

Masculin
Messages : 970
Inscrit(e) le : 03/02/2006

http://forum.ejayremy.fr/
Ejayremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher des boutons socials comme sur le FDF

Message par Ejayremy le Mar 15 Oct 2013 - 8:09

Up ...
avatar

Ejayremy
*****

Masculin
Messages : 970
Inscrit(e) le : 03/02/2006

http://forum.ejayremy.fr/
Ejayremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher des boutons socials comme sur le FDF

Message par Ejayremy le Ven 18 Oct 2013 - 15:01

UP ...
avatar

Ejayremy
*****

Masculin
Messages : 970
Inscrit(e) le : 03/02/2006

http://forum.ejayremy.fr/
Ejayremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher des boutons socials comme sur le FDF

Message par soul.eater le Ven 18 Oct 2013 - 17:44

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
avatar

soul.eater
**

Masculin
Messages : 66
Inscrit(e) le : 20/06/2013

http://www.lesramollisdelamolette.org/
soul.eater a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher des boutons socials comme sur le FDF

Message par Ejayremy le Ven 18 Oct 2013 - 19:14

Merci beaucoup, ça fonctionne a merveille ! Very Happy 
avatar

Ejayremy
*****

Masculin
Messages : 970
Inscrit(e) le : 03/02/2006

http://forum.ejayremy.fr/
Ejayremy a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum