Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous

[Tuto] Installer un module "Partager" !

Voir le sujet précédent Voir le sujet suivant Aller en bas  Message [Page 1 sur 1]

1 [Tuto] Installer un module "Partager" ! le Mer 10 Aoû 2011 - 19:21

Invité

avatar
Invité
Comment installer sur chaque page de son forum un module de ce type :



La partie CSS :

Panneau d’administration >> Affichage >> Couleur >> Feuille de style CSS

Collez ce code et enregistrez :

Code:
.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:530px;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}

Attention faite Valider et non Enregistrer


La partie Javascript:

Panneau d’administration >> Modules >> Gestion des codes Javascript >>


En haut de page :

Avec PhpBB3 :

Collez le code de cette page :

http://sd-5.archive-host.com/membres/up/24071559914142709/tuto_partager/partager2phpbb3.js

Avec PhpBB2 :

Collez le code de cette page :


http://sd-5.archive-host.com/membres/up/24071559914142709/tuto_partager/partager2phpbb2.js

Avec PunBB :

Collez le code de cette page :


http://sd-5.archive-host.com/membres/up/24071559914142709/tuto_partager/partager2punbb.js

Avec Invision :

Collez le code de cette page :

http://sd-5.archive-host.com/membres/up/24071559914142709/tuto_partager/partager2invision.js

En bas de page :

Avec PhpBB3 – PunBB – Invision :


Collez le code de cette page :

http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.js

Avec PhpBB2 :

Collez le code de cette page :

http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partagerphpbb2.js

Voir le sujet précédent Voir le sujet suivant Revenir en haut  Message [Page 1 sur 1]

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