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.


    [Autres] Personnaliser entièrement sa ChatBox

    Partagez
    Merwyn Arehdel
    FémininAge : 17Messages : 298

    le Dim 19 Oct 2014 - 17:40

    Bonjour :)

    Il y a déjà un tutoriel là-dessus, mais les informations à modifier n'étaient pas précisées, je vais donc le faire. Voici un aperçu

    Plusieurs choses sont modifiables sur la ChatBox de Forumactif :
    -L'image de fond, avec le CSS background-image:
    -Le titre de celle-ci, avec le CSS .cattitle:before
    -La visibilité de celle-ci, avec le CSS Visibility.

    Les codes CSS :
    Code:

    #chatbox_header .catBottom .cattitle {
     color:maroon; /*couleurs en anglais ex Green, Purple, Maroon, black etc... */
    }
    #chatbox_header .cattitle strong { display: none; }
    #chatbox_header .cattitle:before { content: "NOM"; }  /* Modifier NOM par le titre que vous désirez */
    #chatbox_header .cattitle { background-image:url(http://ekladata.com/0o8-U3WVDFd8-egwql8FkjxlBOI.png); } /* Le lien est l'image de fond du titre de votre ChatBox. */
    #chatbox_header .cattitle strong { visibility: hidden; }
    body.chatbox {
        background-image: url("http://ekladata.com/0o8-U3WVDFd8-egwql8FkjxlBOI.png"); /* Le lien est l'image de fond de votre ChatBox */
    }

    C'est tout pour ce tutoriel, bonne journée/Soirée ! :)
    NyoTheNeko
    FémininAge : 22Messages : 5018

    le Jeu 22 Jan 2015 - 23:17

    Hello Merwyn!
    Désolée de mon retard, mais euhm... est-ce que tu penses que tu pourrais faire des exemples de ce que tu es en train de faire? Parce que tu nous mets simplement du code CSS sans vraiment expliquer à quoi ça sert, ou ce que ton code fait exactement. Est-ce que tu penses que tu pourrais palier à ce problème? ^^
    Merci d'avance! :hug:



    A-Lice
    FémininAge : 22Messages : 4939

    le Mer 18 Mar 2015 - 21:17

    Merci, je déplace ~ 

    ldavidl
    MasculinAge : 26Messages : 30

    le Mar 12 Avr 2016 - 15:29

    Merci bien!
    Kelalin
    FémininAge : 24Messages : 1403

    le Mer 13 Avr 2016 - 11:36

    Merci pour le partage :)
    PhaerylGG
    FémininAge : 21Messages : 13

    le Jeu 21 Juil 2016 - 20:32

    Merci
    Contenu sponsorisé

    Aujourd'hui à 9:14


      La date/heure actuelle est Mar 6 Déc 2016 - 9:14