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 :


Derniers Tutoriels
Les posteurs les plus actifs de la semaine
Chacha
 
Vivi
 
demeter1
 
MlleAlys
 
no_way
 
Dopamine
 
Kinotto
 
SeLfde4Th7
 
Svenito
 
[Nihil]
 

Thèmes du mois
Thème Pokemon HitskinThème Pâques 2015 HitskinThème Fantasy Road TripThème Psycho-Pass KôgamiThème Wolf Heart HitskinThème forum MinecraftThème Grafika HitskinThème L'amour vaincra HitskinThème Spring HitskinThème liberté astraleThème AirsoftThème Angel ParadiseThème de PâquesJoyeuse PâquesThème: la chasse au chocolat
Qui est en ligne ?
Il y a en tout 229 utilisateurs en ligne :: 18 Enregistrés, 1 Invisible et 210 Invités :: 2 Moteurs de recherche

1XMisterX1, Amonludo, Bodeguera, Cali93110, Chacha, Darkius33, ge80, ichimoku_ren41, janette22550, Milouze14, Mr XIII, Mr.Paste, Nesquik, Perfectoser, PIATTI, SeLfde4Th7, Shagooo, Wave

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: 988
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