Installer un module "Partager" !555

Installer un module "Partager" !

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

  • 0

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
Inscrit(e) le: 28/03/2009

http://www.aidactif.fr
Alex Fowl 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