La Desproduction
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment :
Cdiscount : -30€ dès 300€ ...
Voir le deal

Partagez | 
 

 Modifier les codes, spoilers & citations

Voir le sujet précédent Voir le sujet suivant Aller en bas 
~ Auteur ~~ Message ~
Na'Ya
Psykokwak !
Na'Ya

Psykokwak !
Messages : 2314
Date d'inscription : 10/06/2009
Age : 32

Modifier les codes, spoilers & citations Vide
Mar 29 Juin - 21:09
Modifier l'apparence des codes, spoilers et/ou citations

Exemple :
Spoiler:
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 ) */
}

Revenir en haut Aller en bas
shayia-light
Apprenti
shayia-light

Apprenti
Messages : 79
Date d'inscription : 16/01/2011
Age : 35
Localisation : Devinez :D

Modifier les codes, spoilers & citations Vide
Jeu 18 Aoû - 0:42
Merci j'adore Very Happy
Revenir en haut Aller en bas
 

Modifier les codes, spoilers & citations

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
La Desproduction :: Aide Graphique :: Réalisation de Site Web & Forum :: codes CSS & HTML-
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit