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
 
Ip0dT0uch59
 
Kinotto
 
FANCH 56
 
Neptune-
 
[Nihil]
 
blondinette59
 
D.Deschamps
 
Coventgarden
 

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
» Souci sur le script de préfixe de Ea
Aujourd'hui à 11:05 par Chacha

» Image invisible
Aujourd'hui à 11:04 par Helyza

» Icône a rajouter dans la barre des tâches.
Aujourd'hui à 11:02 par *Henry*

» Messages du Chat
Aujourd'hui à 11:01 par Chacha

» Modification barre du haut
Aujourd'hui à 10:59 par Chacha

» Deux parties distincts avec des couleurs différentes - Du thème
Aujourd'hui à 10:56 par Chacha

» Probleme avec ma barre de navigation
Aujourd'hui à 10:56 par Chacha

» Espace entre chaque message
Aujourd'hui à 10:55 par Chacha

» Mes Categories ne s'affichent pas
Aujourd'hui à 10:54 par Chacha

Qui est en ligne ?
Il y a en tout 225 utilisateurs en ligne :: 20 Enregistrés, 3 Invisibles et 202 Invités :: 3 Moteurs de recherche

1XMisterX1, AenigmA, Albert (67), alv, At0mic, Captain Crochet, cewamale, Chacha, Coventgarden, Ea, FANCH 56, Guilde-Egregore, Helyza, kiwi14637, lmc38510, Morgan9195, Neptune-, Nesquik, Vivi, 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: 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