[Tuto] Installer un module "Partager" !

    Partagez
    avatar
    Invité
    Invité

    [Tuto] Installer un module "Partager" !

    Message par Invité le Mer 10 Aoû 2011 - 19:21

    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

      La date/heure actuelle est Mar 16 Jan 2018 - 20:06