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.


    personnaliser les spoiler, code et citation

    Partagez
    Ayael
    FémininAge : 21Messages : 550

    le Mer 29 Fév 2012 - 13:48

    Bonjour, nous allons apprendre à personnaliser vos spoiler, citation et code grâce à un code tout simple à mettre dans le CSS (Panneau d'administration → Affichage → couleur → Feuille de style CSS)

    Pour personnalisé vos citations insérer ce code dans le CSS :
    Code:
    .quote{/*---citation*/
       /*Mettre ici les propriétés décoratives*/
    }
    Pour personnalisé vos code :
    Code:
    .code{/*Code dans les messages*/
      /*Mettre ici les propriétés décoratives*/
    }

    Pour personnalisé les spoilers (Attention ça se complique!)

    Code:

    /* Spoiler */
    .spoiler_closed {/* Apparence du spoiler fermé*/
       display:block;
       line-height: 125%;
    /*Mettre ici vos propriétés décoratives*/
       

       }
    .spoiler_closed.hidden {
       display:none;
       }

    .spoiler_content {/*apparence du spoiler ouvert*/
       display:block;
       line-height: 125%;
    /*mettre ici vos propriété décoratives*/
       }

    .spoiler_content.hidden {
       display:none;
       }


    Pour tout ce qui relève de l’esthétique ce que j'appelle, les propriétés décoratives (faire de jolies bordures, mettre une police particulière, une couleur de fond, etc..) je vous invite à consulter ce tutoriel

    Si vous avez des problèmes ou question n'hésitez pas!

    Okhmhaka
    FémininAge : 31Messages : 31751

    le Mer 29 Fév 2012 - 14:17

    En effet les deux tuto' sont bien complémentaires. J'avoue que j'ai pas pensé à expliquer comment mettre en forme les spoiler & co, alors que c'était évident quand même XD Du coup merci beaucoup pour ton tuto Wink



    Ayael
    FémininAge : 21Messages : 550

    le Mer 29 Fév 2012 - 14:32

    Merci ! Contente si c'est utile! ♥

    Amiyah
    FémininAge : 21Messages : 47

    le Dim 6 Mai 2012 - 20:34

    Merci du tuto =)
    Illiana
    FémininAge : 20Messages : 97

    le Mer 22 Aoû 2012 - 12:15

    Merci pour l'astuce :3



    Kriisten25
    FémininAge : 23Messages : 190

    le Sam 12 Jan 2013 - 13:53

    Merci beaucoup pour le tuto :)



    ∞ LONDON & TEAM ROBSTEN ♥.
    • 0n prend de mauvaises habitudes en parlant quotidiennement au gens, on s'attache vite sans s'apercevoir que l'on va tomber de haut & souffrir. Quand la personne vous laisse tomber, on se rend compte à quel point elle est importante & on regrette de s'être attaché. Au final; ce ne sont que regrets & souffrance que l'on récolte. 0n a beau dire ce que l'on veut, l'attachement est une absurdité, une incitation à la douleur. hellsangels.
    Neroxxx
    MasculinAge : 23Messages : 7

    le Jeu 15 Aoû 2013 - 13:47

    Merci, par contre est-ce que tu pourrais expliquer, comment mettre des images, comme les '' (en doré) qui sont présent sur le forum.
    Capouccino
    FémininAge : 19Messages : 165

    le Dim 18 Aoû 2013 - 11:57

    Merci mille fois :3
    J'ai tant cherché sur le net avant de tomber sur ton tuto, je te vénère *_*



    "Espérer l'inespérable c'est croire en l'impossible."
    melimêlo
    FémininAge : 24Messages : 25

    le Mar 11 Fév 2014 - 19:08

    C'est encore un peu compliqué pour moi, mais j'y reviendrais dès que je saurais comment manipuler tout ça ( si j'ai pas oublié l'existence du tuto). Merci donc, pour ton tuto :p
    Ryosaki
    MasculinAge : 24Messages : 109

    le Ven 14 Fév 2014 - 21:23

    Ah c'est super utile je le recherchais depuis longtemps merci beaucoup :)



    Nanou0001
    FémininAge : 32Messages : 50

    le Mar 24 Juin 2014 - 13:14

    merci et comment on fait pour faire un style aux en-tête de ces balises ???
    Mephitis.
    FémininAge : 18Messages : 46

    le Sam 26 Juil 2014 - 18:36

    Merci beaucoup c'est très utile :) !
    Pelezinho
    MasculinAge : 17Messages : 72

    le Mer 29 Oct 2014 - 2:56

    Merci !



    [MERCI D'INTRODUIRE SIGNATURE ORIGINALE ICI]
    Dixy
    FémininAge : 22Messages : 217

    le Jeu 27 Nov 2014 - 19:54

    merci pour le partage !



    Charisma
    FémininAge : 96Messages : 10

    le Jeu 13 Aoû 2015 - 2:22

    Merci beaucoup!
    Kelalin
    FémininAge : 24Messages : 1423

    le Jeu 13 Aoû 2015 - 9:35

    Merci ! ( ´ ▽ ` )ノ
    Faïryna
    FémininAge : 14Messages : 55

    le Sam 28 Mai 2016 - 12:29

    Merci pour le tuto! ;D
    Contenu sponsorisé

    Aujourd'hui à 13:00


      La date/heure actuelle est Mer 18 Jan 2017 - 13:00