AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Chatbox en panneau latéral

    Partagez
    avatar
    Alumine
    FémininAge : 19Messages : 488

    le Ven 8 Mai 2015 - 18:58

    Rappel du premier message :


    Le code n'est pas caché sous balise hide, mais n'hésitez pas à remercier son auteur :)
    Lien pour comprendre pourquoi le contenu n'est pas sous hide


    Chatbox en panneau latéral




    PHPBB2 - Aperçu - code légendé - CSS et templates - affichage uniquement sur la page d'accueil


    /!\ Avant toute chose regardez bien comment ça marche: à l'ouverture la chatbox fait se décaler tout le forum ! Ca ne fonctionnera pas bien avec un forum trop large.



    Cocher des trucs


    Vous pouvez aussi afficher la CB en haut et en bas de page si vous le souhaitez. Rendez-vous dans votre panneau d'administration > Modules > ChatBox > Configuration et cochez les trucs comme suit !
    Activer la CB: OUI
    Afficher les avatars: OUI
    Affichage de la CB: NE PAS AFFICHER
    (oui c'est bizarre de l'activer sans l'afficher... mais celle que l'on va rajouter n'est pas gérée par ce bouton )



    Template index_body


    C'est la structure HTML de la page d'accueil. (Affichage > Templates > général > index_body)
    Juste après le {JAVASCRIPT} qui est au début, ajoutez ceci:
    Code:

    <div id="cb">
      <iframe src="/chatbox/index.forum" style="width: 350px; height: 100%;" frameborder="0" cellspacing="0"></iframe>
    </div>

    Validez, publiez ! Donc là on vient de rajouter une chatbox supplémentaire uniquement sur la page d'accueil.



    CSS


    Affichage > Couleurs > feuille de style CSS
    Ajoutez tout ça à votre code ! Tout est légendé pour que vous puissiez facilement changer les couleurs et les polices.


    Voilà... Donc là logiquement la chatbox est invisible. Normal on n'a pas encore mis le bouton qui permet de l'ouvrir !



    Bouton


    Vous pouvez le mettre où vous voulez, et même le mettre plusieurs fois si vous voulez. Le plus simple est de le mettre dans votre message de page d'accueil. (Affichage > Page d'accueil > Généralités) La partie script contient le javascript qui fait fonctionner l'apparition / disparition de la chatbox. Les deux boutons, ouvrir et fermer, s'intervertissent quand on clique. A vous ensuite d'intégrer et de customiser ce bouton via le CSS pour l'intégrer à votre forum (=



    Et voilà, c'est installé ! Si vous rencontrez des problèmes n'hésitez pas à passer dans la section "problème avec mon code" pour qu'un codeur vous aide ! Je vous demanderai aussi de mettre un crédit à N-U quelque part sur votre forum.


    Dernière édition par Alumine le Mer 27 Mai 2015 - 21:41, édité 3 fois



    Alumine
    avatar
    Schnappi
    FémininAge : 25Messages : 106

    le Ven 25 Nov 2016 - 18:22

    Je suis curieuse :)
    avatar
    mijako
    FémininAge : 24Messages : 83

    le Jeu 8 Déc 2016 - 9:52

    merci
    avatar
    Mme Layton
    FémininAge : 20Messages : 74

    le Jeu 8 Déc 2016 - 21:12

    Merci beaucoup !
    avatar
    Opaline
    FémininAge : 17Messages : 86

    le Mer 28 Déc 2016 - 22:24

    Merci~



    avatar
    Fuyuka
    FémininAge : 22Messages : 62

    le Mar 3 Jan 2017 - 22:14

    Merci beaucoup !!
    avatar
    Sounik
    MasculinAge : 17Messages : 16

    le Dim 15 Jan 2017 - 18:18

    Merci
    avatar
    Nearween
    FémininAge : 18Messages : 207

    le Sam 21 Jan 2017 - 22:20

    merchi





    Stand by Me
    avatar
    sattella
    FémininAge : 19Messages : 20

    le Jeu 2 Fév 2017 - 21:03

    J'aime vraiment beaucoup, merci *v*
    avatar
    Ervael
    MasculinAge : 33Messages : 17

    le Mar 14 Fév 2017 - 0:07

    Merci pour le tuyau ^^



    on loading ham3
    avatar
    Kiki85
    MasculinAge : 22Messages : 389

    le Mar 14 Fév 2017 - 10:56

    Merci Very Happy
    avatar
    Antithée
    FémininAge : 20Messages : 69

    le Jeu 16 Fév 2017 - 17:28

    Merci pour le partage ! :heart:
    avatar
    Vito
    MasculinAge : 19Messages : 12

    le Mar 11 Avr 2017 - 5:47

    Mrc
    avatar
    Isyndra
    FémininAge : 35Messages : 41

    le Ven 14 Avr 2017 - 21:20

    Merci !
    avatar
    AQW
    FémininAge : 22Messages : 223

    le Lun 17 Avr 2017 - 2:23

    Merci :)



    Blblbl. ♥
    avatar
    Melle Lena
    FémininAge : 42Messages : 154

    le Dim 7 Mai 2017 - 15:57

    Merci
    avatar
    Ornicar
    MasculinAge : 21Messages : 36

    le Lun 8 Mai 2017 - 10:22

    Merci !
    avatar
    reshiram44
    MasculinAge : 18Messages : 335

    le Sam 20 Mai 2017 - 19:04

    merci



    avatar
    Rikudou-senin
    MasculinAge : 23Messages : 6

    le Dim 28 Mai 2017 - 16:29

    Merci
    avatar
    ¨Lame Spirit
    FémininAge : 19Messages : 13

    le Dim 28 Mai 2017 - 18:25

    merci !
    avatar
    Gieve
    FémininAge : 27Messages : 81

    le Lun 29 Mai 2017 - 14:33

    Merci beaucoup ^^
    avatar
    Mimio
    FémininAge : 22Messages : 178

    le Mer 31 Mai 2017 - 3:11

    Merci pour le code c'est vraiment beau !



    avatar
    Djankh
    MasculinAge : 19Messages : 77

    le Lun 19 Juin 2017 - 13:45

    Merci ! On va voir si ça s'intègre bien.
    avatar
    Lénalee01
    FémininAge : 27Messages : 6

    le Ven 23 Juin 2017 - 19:21

    merci
    avatar
    Cyra
    FémininAge : 29Messages : 17

    le Mar 27 Juin 2017 - 14:55

    Merci :)
    avatar
    Deed01
    MasculinAge : 39Messages : 281

    Hier à 18:08

    cool Very Happy
    Contenu sponsorisé


      La date/heure actuelle est Jeu 29 Juin 2017 - 11:04