Voici une petite astuce en CSS, toute simple pour personnaliser les zones de spoilers, codes et citations.

Rendez-vous dans votre panneau d'administration, Affichage puis couleurs. Choisissez l'onglet feuille de style CSS, et collez-y les codes suivants (que vous devrez compléter à votre guise, ou bien avec l'exemple donné).

Pour les spoilers fermés :

Code:

.spoiler_closed{
vos codes CSS
}

Pour le contenu des spoilers :

Code:

.spoiler_content{
vos codes CSS
}

Pour les citations :

Code:

.quote {
vos codes CSS
}

Pour les codes :

Code:

.code {
vos codes CSS
}

Vous pouvez par exemple mettre une image de fond, des bordures arrondies, un contour, du padding... Amusez-vous, les possibilités sont illimités !

Par exemple, pour mes citations (je mets les "traductions" entre /* et */ ) :

Code:

.quote {
-webkit-border-radius: 10px; /* BORDURES ARRONDIES SOUS CHROME ET SAFARI */
-moz-border-radius:10px; /* BORDURES ARRONDIES SOUS FIREFOX*/
border: 1px solid #abacb7; /* CONTOUR  CONTINU DE 1px DE LA COULEUR VOULUE*/
background-image: url(lien_de_ton_image-de_fond);
background-position: top left; /* IMAGE DE FOND EN HAUT A GAUCHE */
background-repeat: no-repeat; /*POUR QUE LE FOND NE SE RÉPÈTE PAS */
height: 57px; /* HAUTEUR DE LA CITATION, pour que l'image ne soit pas coupée */
padding-left: 76px; /*DÉFINIT UNE MARGE À GAUCHE POUR LE TEXTE, ici correspond à la largeur de mon image*/
}

Vous pouvez évidement vous servir de cet exemple en modifiant les valeurs pour obtenir ce que vous voulez.

Et voilà, bon codage !
N'hésitez pas si vous avez des questions.