AccueilDernières imagesRechercherS'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.

Le deal à ne pas rater :
SSD interne Crucial BX500 2,5″ SATA – 500 Go à 29,99€
29.99 €
Voir le deal

    personnaliser les spoiler, code et citation

    Ayael
    Ayael
    FémininAge : 29Messages : 598

    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!

    Si vous avez des problèmes avec ce LS, venez poster ici.
    Merci de laisser un message pour donner vos impressions, commentaires et/ou remerciements ^^
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    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



    sign
    Ayael
    Ayael
    FémininAge : 29Messages : 598

    Mer 29 Fév 2012 - 14:32

    Merci ! Contente si c'est utile! ♥
    Amiyah
    Amiyah
    FémininAge : 29Messages : 47

    Dim 6 Mai 2012 - 20:34

    Merci du tuto =)
    Illiana
    Illiana
    FémininAge : 28Messages : 98

    Mer 22 Aoû 2012 - 12:15

    Merci pour l'astuce :3



    personnaliser les spoiler, code et citation 2z7g2dv
    Kriisten25
    Kriisten25
    FémininAge : 31Messages : 190

    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
    Neroxxx
    MasculinAge : 30Messages : 7

    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
    Capouccino
    FémininAge : 26Messages : 204

    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
    melimêlo
    FémininAge : 32Messages : 25

    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
    Ryosaki
    MasculinAge : 32Messages : 109

    Ven 14 Fév 2014 - 21:23

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



    personnaliser les spoiler, code et citation Tutog
    Nanou0001
    Nanou0001
    FémininAge : 40Messages : 50

    Mar 24 Juin 2014 - 13:14

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

    Sam 26 Juil 2014 - 18:36

    Merci beaucoup c'est très utile :) !
    Pelezinho
    Pelezinho
    MasculinAge : 25Messages : 91

    Mer 29 Oct 2014 - 2:56

    Merci !



    [MERCI D'INTRODUIRE SIGNATURE ORIGINALE ICI]
    Dixy
    Dixy
    FémininAge : 30Messages : 234

    Jeu 27 Nov 2014 - 19:54

    merci pour le partage !



    personnaliser les spoiler, code et citation ?c=isi&im=%2F8762%2F84558762%2Fpics%2F3210667051_1_13_DkYrqtSL
    Charisma
    Charisma
    FémininAge : 104Messages : 10

    Jeu 13 Aoû 2015 - 2:22

    Merci beaucoup!
    Anonymous
    Invité

    Jeu 13 Aoû 2015 - 9:35

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

    Sam 28 Mai 2016 - 12:29

    Merci pour le tuto! ;D
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 11:59