Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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
    FémininAge : 21Message(s) : 550
    Ayael
    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!
    MasculinAge : 31Message(s) : 31698

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    5/10  (5/10)
    Guilde des Architectes:
    3/10  (3/10)
    Okhmhaka
    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


    FémininAge : 21Message(s) : 550
    Ayael
    le Mer 29 Fév 2012 - 14:32
    Merci ! Contente si c'est utile! ♥
    FémininAge : 21Message(s) : 47
    Amiyah
    le Dim 6 Mai 2012 - 20:34
    Merci du tuto =)
    FémininAge : 20Message(s) : 97
    Illiana
    le Mer 22 Aoû 2012 - 12:15
    Merci pour l'astuce :3


    FémininAge : 23Message(s) : 190
    Kriisten25
    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.
    MasculinAge : 22Message(s) : 7
    Neroxxx
    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.
    FémininAge : 18Message(s) : 165
    Capouccino
    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."
    FémininAge : 24Message(s) : 25
    melimêlo
    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
    MasculinAge : 24Message(s) : 109
    Ryosaki
    le Ven 14 Fév 2014 - 21:23
    Ah c'est super utile je le recherchais depuis longtemps merci beaucoup :)


    FémininAge : 32Message(s) : 50
    Nanou0001
    le Mar 24 Juin 2014 - 13:14
    merci et comment on fait pour faire un style aux en-tête de ces balises ???
    FémininAge : 18Message(s) : 46
    Mephitis.
    le Sam 26 Juil 2014 - 18:36
    Merci beaucoup c'est très utile :) !
    MasculinAge : 17Message(s) : 72
    Pelezinho
    le Mer 29 Oct 2014 - 2:56
    Merci !


    [MERCI D'INTRODUIRE SIGNATURE ORIGINALE ICI]
    FémininAge : 22Message(s) : 217

    Les Guildes
    Guilde des Conteurs:
    1/10  (1/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    0/10  (0/10)
    Dixy
    le Jeu 27 Nov 2014 - 19:54
    merci pour le partage !


    FémininAge : 96Message(s) : 10
    Charisma
    le Jeu 13 Aoû 2015 - 2:22
    Merci beaucoup!
    FémininAge : 24Message(s) : 1399

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kelalin
    le Jeu 13 Aoû 2015 - 9:35
    Merci ! ( ´ ▽ ` )ノ
    FémininAge : 13Message(s) : 54
    Faïryna
    le Sam 28 Mai 2016 - 12:29
    Merci pour le tuto! ;D
    Contenu sponsorisé
    Aujourd'hui à 12:38

      La date/heure actuelle est Sam 3 Déc 2016 - 12:38