Forum gratuit : Le forum des forums actifs
Bienvenue sur le forum de support de ForumActif.

Afin de profiter pleinement de tout ce que vous offre notre forum, merci de vous identifier si vous êtes déjà membre ou de rejoindre notre communauté si vous ne l'êtes pas encore.

Créer un forum gratuit semblable à ce forum !
Créer un forum gratuit

Rechercher
Magic FDFRechercher parmi les tutoriels...
Pensez à effectuer une recherche parmi les tutoriels existants avant d'ouvrir un sujet dans l'Entraide !



Afficher sous forme de :


Les posteurs les plus actifs de la semaine
Chacha
 
Vivi
 
Tech
 
SeLfde4Th7
 
Neptune-
 
Lixyr
 
Scarlett1948
 
richere
 
FANCH 56
 
CGCath
 

Thèmes du mois
  • Thème forum rentrée
  • Thème forum
  • Thème magic septembre 2014
  • Thème Fairy Tail
  • Thème rentrée scolaire
  • Thème Minecraft
  • Thème forum
  • Thème Vive la rentrée
  • Thème pokémon
  • Thème pastel printemps
  • Thème SAO
Derniers sujets
Qui est en ligne ?
Il y a en tout 315 utilisateurs en ligne :: 32 Enregistrés, 3 Invisibles et 280 Invités :: 3 Moteurs de recherche

*Domi*, At0mic, Beaver, CGCath, Chacha, Digital-fbi, eden123, fauby13, focia, galop pour la vie, ge80, grego33, jane34, Joey.TR, kathalin, Layowa, Lily Jedusor, miss-betty, Neptune-, nikka, Oum Layla, remikirk, samuelguy, Sen Hime, Shinee, Solaire, Spec, stefou, Taylor ♥, Vivi, yledieu, Zorro

Le record du nombre d'utilisateurs en ligne est de 1877 le Jeu 19 Mai 2011 - 15:00
Installer un module "Partager" !555

Installer un module "Partager" !

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

Tutoriel Installer un module "Partager" !

Message par Alex Fowl le Sam 13 Nov 2010 - 17:39

Installer un module "Partager"

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://i82.servimg.com/u/f82/18/23/88/22/share-10.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;
}
La partie Javascript :

Panneau d’administration Modules Gestion des codes Javascript ajout
Le tutoriel : Gestion des codes javascript.

En haut de page :

    Avec PhpBB2 - PhpBB3 - PunBB :


  • Collez le code suivant :

Code:
jQuery(document).ready(function () {
    var url = document.URL;
    jQuery("#page-body").before('<div class="h3"><hr></div><table cellspacing=0 cellpadding=0 width=100%><tr><td align=right  valign=center style="margin-right:20px;"><ul class="sharing-cl" id="text">    <li><a target="_blank" class="sh-mail" href="mailto:?subject=Cette page devrait te plaire.&body=' + url + '">Email</a></li>    <li><a target="_blank" class="sh-feed" href=" /feed">RSS</a></li>    <li><a target="_blank" class="sh-tweet" href="http://twitter.com/home?status=Mon ForumActif ' + url + '" target="_blank" onclick="javascript:pageTracker._trackPageview (\'/outbound/twitter.com\');">Twitter</a></li>    <li><a target="_blank" class="sh-face" href="http://www.facebook.com/share.php?u=' + url + '">Facebook</a></li>    <li><a target="_blank" class="sh-su" href="http://www.stumbleupon.com/submit?url=' + url + '">Stumbleupon</a></li>    <li><a target="_blank" class="sh-digg" href="http://digg.com/submit?phase=2&url=' + url + '">Digg</a></li> </ul></td><td width="180" align="right" valign=center></td></tr></table><br>');
});
    Avec Invision :


  • Collez le code suivant :

Code:
jQuery(document).ready(function () {
    var url = document.URL;
    jQuery("#main-content").before('<div class="h3"><hr></div><table cellspacing=0 cellpadding=0 width=100%><tr><td align=right  valign=center style="margin-right:20px;"><ul class="sharing-cl" id="text">    <li><a target="_blank" class="sh-mail" href="mailto:?subject=Cette page devrait te plaire.&body=' + url + '">Email</a></li>    <li><a target="_blank" class="sh-feed" href=" /feed">RSS</a></li>    <li><a target="_blank" class="sh-tweet" href="http://twitter.com/home?status=Mon ForumActif ' + url + '" target="_blank" onclick="javascript:pageTracker._trackPageview (\'/outbound/twitter.com\');">Twitter</a></li>    <li><a target="_blank" class="sh-face" href="http://www.facebook.com/share.php?u=' + url + '">Facebook</a></li>    <li><a target="_blank" class="sh-su" href="http://www.stumbleupon.com/submit?url=' + url + '">Stumbleupon</a></li>    <li><a target="_blank" class="sh-digg" href="http://digg.com/submit?phase=2&url=' + url + '">Digg</a></li> </ul></td><td width="180" align="right" valign=center></td></tr></table><br>');
});
En bas de page :

    Avec Invision :


  • Collez le code suivant :

Code:
jQuery(document).ready(function () {
    var url = document.URL;
    jQuery("#main-content").append('<div class="h3"><hr></div><table cellspacing=0 cellpadding=0 width=100%><tr><td align=right  valign=center style="margin-right:20px;"><ul class="sharing-cl" id="text">    <li><a target="_blank" class="sh-mail" href="mailto:?subject=Cette page devrait te plaire.&body=' + url + '">Email</a></li>    <li><a target="_blank" class="sh-feed" href=" /feed">RSS</a></li>    <li><a target="_blank" class="sh-tweet" href="http://twitter.com/home?status=Mon ForumActif ' + url + '" target="_blank" onclick="javascript:pageTracker._trackPageview (\'/outbound/twitter.com\');">Twitter</a></li>    <li><a target="_blank" class="sh-face" href="http://www.facebook.com/share.php?u=' + url + '">Facebook</a></li>    <li><a target="_blank" class="sh-su" href="http://www.stumbleupon.com/submit?url=' + url + '">Stumbleupon</a></li>    <li><a target="_blank" class="sh-digg" href="http://digg.com/submit?phase=2&url=' + url + '">Digg</a></li> </ul></td><td width="180" align="right" valign=center></td></tr></table><br>');
});

    Avec PhpBB2 - PhpBB3 – PunBB :


  • Collez le code suivant :

Code:
jQuery(document).ready(function () {
    var url = document.URL;
    jQuery("#page-body").append('<div class="h3"><hr></div><table cellspacing=0 cellpadding=0 width=100%><tr><td align=right  valign=center style="margin-right:20px;"><ul class="sharing-cl" id="text">    <li><a target="_blank" class="sh-mail" href="mailto:?subject=Cette page devrait te plaire.&body=' + url + '">Email</a></li>    <li><a target="_blank" class="sh-feed" href=" /feed">RSS</a></li>    <li><a target="_blank" class="sh-tweet" href="http://twitter.com/home?status=Mon ForumActif ' + url + '" target="_blank" onclick="javascript:pageTracker._trackPageview (\'/outbound/twitter.com\');">Twitter</a></li>    <li><a target="_blank" class="sh-face" href="http://www.facebook.com/share.php?u=' + url + '">Facebook</a></li>    <li><a target="_blank" class="sh-su" href="http://www.stumbleupon.com/submit?url=' + url + '">Stumbleupon</a></li>    <li><a target="_blank" class="sh-digg" href="http://digg.com/submit?phase=2&url=' + url + '">Digg</a></li> </ul></td><td width="180" align="right" valign=center></td></tr></table><br>');
});

Alex Fowl
+ Hyperactif +

Masculin
Messages: 7557
Réputation: 986
Inscrit(e) le: 28/03/2009

http://www.aidactif.fr

Revenir en haut Aller en bas

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