[Tuto] ChatBox latérale sur la page d'accueil de votre forum

    Partagez
    avatar
    Invité
    Invité

    [Tuto] ChatBox latérale sur la page d'accueil de votre forum

    Message par Invité le Mar 9 Aoû 2011 - 10:21

    ChatBox latérale sur la page d'accueil de votre forum


    Pour cette première utilisation, voici les conditions ,avant de réaliser ce tutoriel, la seconde n'est pas obligatoire mais est préférable pour ne pas faire de fausses manipulations.

    Avoir accès au PA
    Connaitre un minimum le codage
    Savoir créer une page HTML

    Si ces conditions ne sont pas réunies, tu ne seras pas apte à réaliser ce tutoriel.

    Maintenant, la pratique:

    Connexion au PA >> Affichage >> Généralité

    /!Si vous avez déjà un message dans généralité, fait très attention à ne pas supprimer un élément de celui-ci!/!

    Dans généralité, placez ce code:


    Code:
    jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('panneau').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>'); } );

    Une fois celui-ci mis, retournez sur la page d'accueil de votre forum. Tu y trouveras ceci:




    Tu cliques dessus, tu obtiendras ceci:



    Tu as maintenant une ChaBox latérale! Tu peux également changez les images ouvrir/fermer. Pour cela, tu peux changer les éléments suivants:

    Code:
    [table style="position: fixed; bottom: 50px; left: 0px; background-color: rgb(255, 255, 255); z-index: 10000;"][tr][td][/td][td style="vertical-align: bottom;"][img]http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png[/img][/td][/tr][/table]


    /!Faites très attention aux \"'\" devant les liens des images, sans cela, votre ChatBox ne s'ouvrira pas./!


    Source: http://beyblade-metalmaster.forumgratuit.org/t139-tuto-chatbox-laterale-sur-la-page-d-accueil-de-votre-forum

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