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 - 16:58

    Chatbox en panneau latéral




    PHPBB2 - Aperçu - Aperçu en live !(oui c'est moche ^^') - 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. Les codes sont sous hide, n'héitez pas à poster pour les voir (=


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



    Alumine
    avatar
    A-Lice
    FémininAge : 23Messages : 4939

    le Ven 8 Mai - 17:33

    Yo, j'me permet une remarque pendant que j'y pense avant de jeter un oeil à tes codes, mais l'aperçu en live sert à rien on ne le voit pas x) La CB est inaccessible aux invités xD

    avatar
    Alumine
    FémininAge : 19Messages : 488

    le Sam 9 Mai - 6:49

    Heuuuu certes, je n'avais pas du tout pensé à ça ^^' Enfin on peut au moins voir le panneau qui s'ouvre je crois, c'est l'essentiel... Les deux aperçus se complètent comme ça !
    Et désolée pour les codes, j'ai pas mal compacté...



    Alumine
    avatar
    Alumine
    FémininAge : 19Messages : 488

    le Mer 27 Mai - 8:48

    Désolée pour le double post ! Je viens de constater un petit bug: les boutons gras, italique, etc. ne sont plus cliquables. Du coup je vais un peu modifier tout ça ^^



    Alumine
    avatar
    A-Lice
    FémininAge : 23Messages : 4939

    le Mer 27 Mai - 8:56

    Fais donc x) Je n'ai pas encore eu le temps de me pencher dessus de toute façon ><
    Préviens juste une fois que c'est bon (:

    avatar
    Alumine
    FémininAge : 19Messages : 488

    le Mer 27 Mai - 10:50

    Et voilà, c'est résolu (=
    Merci A-lice !



    Alumine
    avatar
    Cruelly
    FémininAge : 23Messages : 2520

    le Mer 27 Mai - 13:16

    Je suis curieuse je vais tenter sa ^^ Merci

    EDIT - C'est tout simplement magnifique comme résultat ! merci Very Happy
    avatar
    Alumine
    FémininAge : 19Messages : 488

    le Mer 27 Mai - 13:50

    Contente que ça te plaise (=
    (non mais je me sens stalkée là... hihi <3 )



    Alumine
    avatar
    Nemesis
    FémininAge : 25Messages : 214

    le Mer 27 Mai - 15:53

    Très nice comme effet !
    avatar
    Heartfilia
    FémininAge : 17Messages : 98

    le Jeu 20 Aoû - 15:47

    Merci j'adore ! :o



    YOU HELLA SAVED MY LIFE
    - chloe price
    En ligne
    avatar
    Kelalin
    FémininAge : 24Messages : 1460

    le Jeu 20 Aoû - 20:39

    Merci ! (*≧▽≦)
    avatar
    v-r0
    FémininAge : 25Messages : 39

    le Mer 26 Aoû - 12:15

    Wow! J'adoooore tout simplement! Very Happy
    avatar
    Sakura-chan
    FémininAge : 19Messages : 180

    le Dim 30 Aoû - 14:37

    Merci du partage ! c: C'est très original, c'est chouette !
    avatar
    Shatters
    FémininAge : 23Messages : 56

    le Dim 30 Aoû - 20:34

    Merci !



    J'ai appelé les bourreaux pour, en périssant, mordre la crosse de leurs fusils. J'ai appelé les fléaux, pour m'étouffer avec le sable, avec le sang. Le malheur a été mon dieu. Je me suis allongé dans la boue. Je me suis séché à l'air du crime. Et j'ai joué de bons tours à la folie. (Rimbaud)
    avatar
    Lady Doll
    FémininAge : 28Messages : 101

    le Jeu 3 Sep - 9:10

    merci :)
    avatar
    Dreamyland
    FémininAge : 19Messages : 87

    le Sam 5 Sep - 4:26

    Hoy, bien sympa cette cb, merci
    avatar
    TiGraou
    MasculinAge : 23Messages : 177

    le Mer 9 Sep - 9:54

    Merci du partage ^^
    avatar
    Grande
    FémininAge : 29Messages : 205

    le Lun 14 Sep - 22:53

    Merci



    avatar
    Sasha57
    FémininAge : 22Messages : 35

    le Dim 18 Oct - 12:07

    J'aime beaucoup, ça change de la chatbox normale ^^
    avatar
    QueenDancing13
    FémininAge : 20Messages : 84

    le Ven 25 Déc - 13:48

    Merci :)



    avatar
    AlexTasie
    MasculinAge : 19Messages : 32

    le Mar 5 Jan - 8:22

    ça à l'air sympa, je vais essayer :p
    avatar
    Frosty Blue
    FémininAge : 20Messages : 161

    le Jeu 25 Fév - 12:42

    Merci beaucoup!
    avatar
    Olympea59140
    FémininAge : 27Messages : 8

    le Lun 21 Mar - 17:24

    Merci pour le partage :)
    avatar
    KTMiz
    MasculinAge : 18Messages : 47

    le Dim 27 Mar - 1:04

    Merci



    avatar
    Madness of Wonderland
    FémininAge : 17Messages : 58

    le Dim 3 Avr - 14:22

    merci
    Contenu sponsorisé


      La date/heure actuelle est Lun 27 Mar - 14:24