Messages : 2314 Date d'inscription : 10/06/2009 Age : 32
| Mar 29 Juin - 21:09 | | Modifier l'apparence des codes, spoilers et/ou citationsExemple : - Spoiler:
Joulie(s) bordure(s) ! - Citation :
- Image de fond ~
- Code:
-
Image de fond, bordure gauche ~ Allez dans votre PA -> Affichage -> Couleurs -> Feuille de style CSS et coller ceci, en personnalisant les codes. Ca à l'air long, mais c'est parce que j'ai mis presque toutes les propriétés, ainsi que les explications. ^^ - Code:
-
/* SPOILER */
.spoiler_closed /* -> apparence des spoilers quand ceux-ci sont fermés */ { color : #??????; /* couleur du texte */ background-color : #??????; /* couleur du fond */ background-image : URL('LIEN DE L'IMAGE'); /* image de fond*/ background-position : POSITION; /* position de l'image de fond, soit left, right, top ou bottom */ border-left: TAILLEpx #?????? solid; /* bordure gauche. note: à la place de solid, vous pouvez mettre dashed ( tirets ) dotted ( pointillés ) double ( bah double xD ), etc */ border-right: TAILLEpx #?????? solid; /* bordure droite. note: à la place de solid, vous pouvez mettre dashed ( tirets ) dotted ( pointillés ) double ( bah double xD ), etc */ border-top: TAILLEpx #?????? solid; /* bordure du haut. note: à la place de solid, vous pouvez mettre dashed ( tirets ) dotted ( pointillés ) double ( bah double xD ), etc */ border-bottom: TAILLEpx #?????? solid; /* bordure du bas. note: à la place de solid, vous pouvez mettre dashed ( tirets ) dotted ( pointillés ) double ( bah double xD ), etc */ -moz-border-radius: ??px; /* bords arrondis ( Firefox ) */ }
.spoiler_content /* -> apparence des spoilers quand ceux-si sont ouverts */ { color : #??????; /* couleur du texte */ background-color : #??????; /* couleur du fond */ background-image : URL('LIEN DE L'IMAGE'); /* image de fond*/ background-position : POSITION; /* position de l'image de fond, soit left, right, top ou bottom */ border-left: TAILLEpx #?????? solid; /* bordure gauche. note: à la place de solid, vous pouvez mettre dashed ( tirets ) dotted ( pointillés ) double ( bah double xD ), etc */ border-right: TAILLEpx #?????? solid; /* bordure droite. note: à la place de solid, vous pouvez mettre dashed ( tirets ) dotted ( pointillés ) double ( bah double xD ), etc */ border-top: TAILLEpx #?????? solid; /* bordure du haut. note: à la place de solid, vous pouvez mettre dashed ( tirets ) dotted ( pointillés ) double ( bah double xD ), etc */ border-bottom: TAILLEpx #?????? solid; /* bordure du bas. note: à la place de solid, vous pouvez mettre dashed ( tirets ) dotted ( pointillés ) double ( bah double xD ), etc */ -moz-border-radius: ??px; /* bords arrondis ( Firefox ) */ }
/* CITATIONS */
.quote { color : #??????; /* couleur du texte */ background-color : #??????; /* couleur du fond */ background-image : URL('LIEN DE L'IMAGE'); /* image de fond*/ background-position : POSITION; /* position de l'image de fond, soit left, right, top ou bottom */ border-left: TAILLEpx #?????? solid; /* bordure gauche. note: à la place de solid, vous pouvez mettre dashed ( tirets ) dotted ( pointillés ) double ( bah double xD ), etc */ border-right: TAILLEpx #?????? solid; /* bordure droite. note: à la place de solid, vous pouvez mettre dashed ( tirets ) dotted ( pointillés ) double ( bah double xD ), etc */ border-top: TAILLEpx #?????? solid; /* bordure du haut. note: à la place de solid, vous pouvez mettre dashed ( tirets ) dotted ( pointillés ) double ( bah double xD ), etc */ border-bottom: TAILLEpx #?????? solid; /* bordure du bas. note: à la place de solid, vous pouvez mettre dashed ( tirets ) dotted ( pointillés ) double ( bah double xD ), etc */ -moz-border-radius: ??px; /* bords arrondis ( Firefox ) */ }
/* CODES */
.code { color : #??????; /* couleur du texte */ background-color : #??????; /* couleur du fond */ background-image : URL('LIEN DE L'IMAGE'); /* image de fond*/ background-position : POSITION; /* position de l'image de fond, soit left, right, top ou bottom */ border-left: TAILLEpx #?????? solid; /* bordure gauche. note: à la place de solid, vous pouvez mettre dashed ( tirets ) dotted ( pointillés ) double ( bah double xD ), etc */ border-right: TAILLEpx #?????? solid; /* bordure droite. note: à la place de solid, vous pouvez mettre dashed ( tirets ) dotted ( pointillés ) double ( bah double xD ), etc */ border-top: TAILLEpx #?????? solid; /* bordure du haut. note: à la place de solid, vous pouvez mettre dashed ( tirets ) dotted ( pointillés ) double ( bah double xD ), etc */ border-bottom: TAILLEpx #?????? solid; /* bordure du bas. note: à la place de solid, vous pouvez mettre dashed ( tirets ) dotted ( pointillés ) double ( bah double xD ), etc */ -moz-border-radius: ??px; /* bords arrondis ( Firefox ) */ }
|
|
Messages : 79 Date d'inscription : 16/01/2011 Age : 35 Localisation : Devinez :D
| Jeu 18 Aoû - 0:42 | | Merci j'adore |
|