Citation et Spoiler originaux

[Katchou]

Bonsoir à tous, je cherche depuis un moment un moyen de personnaliser mes spoilers et mes citations sur le forum sur lequel je suis administratrice x)
J'ai vu beaucoup de superbes choses et certaines personnes mettent des patterns, des tirets ou des pointillées et plein d'autres trucs sympa.
Voici personnellement ce que je cherche:
- Pour mes citations, je cherche un code qui permettrait de mettre un fond d'une couleur différente du fond de mon forum, et des bordures sur le côté, comme sur ce forum.
- Pour mes spoilers, je cherche un code qui me permettrait de faire une bordure, qui change de couleur au passage de la souris. Comme sur ce forum.

J'espère que quelqu'un pourra m'aider.
Bonne soirée à tous,
Katchou.

[Mileyy-Amyy]

Oui cela m'intérrèse aussi, merci =)

[Syonah]

quote c'est pour les citations et code pour... les codes. par contre, il y a un des deux codes qui sert aussi à autre chose, à la Syoh fatiguée, donc Syoh se rappelle plus l'autre truc à part citation et code qui fait des cadres dans les messages... Bon, voilà les codes

Code:

/* Citations et codes persos */
.quote {border-style: dashed; /* bords en pointillés, mais tu peux l'enlever */
border-color: #01241f; /* couleur des bords */
background: #010F24; /* couleur du fond */
-moz-border-radius: 10px; /* j'aime bien les bords ronds mais tu peux enlever */
padding: 3px; /* pour que le texte ne déborde pas des bords ronds, ça rajoute 3px autour du texte  */
}

.code {border-style: dashed;
border-color: #01241f;
background: #010F24;
-moz-border-radius: 10px;
padding: 3px;
}

Voilà, je t'ai pas mâché le travail non plus ^^
A toi de personnaliser. Si tu veux appliquer la couleur ou les pointillés que d'un coté, utilise : border-left-color ou border-left-style par exemple
left : gauche
right : droite
top : haut
bottom : bas
style : dashed ou dotted (enlève la propriété pour un trait uni)

tu peux aussi jouer sur la propriété simple :
border-left : 1px dotted #010F24;


Voilà.. (envie d'expliquer ce soir! XD)

si tu as des questions....


edit : j"ai oublié!
Si tu veux qu'un effet ne se produise que quand tu passes la souris dessus utilise hover :
quote:hover { ..... }

[Mileyy-Amyy]

Moi j'en ai une
Ou est que je dois mettre ce code ?
Merci beaucoup

[Syonah]

Dans Affichage>Couleur>Feuille de style CSS

[Mileyy-Amyy]

Merci beaucoup

[Katchou]

Merci beaucoup pour cette réponse elle m'a été très très utile^^

Concernant le code pour les spoilers et citations, vous m'avez indiqué le code suivant pour obtenir des bordures uniquement sur la gauche:
border-left : 1px dotted #010F24;
Or j'aimerais retirer le "dotted" et obtenir un trait uni x)
Mais lorsque je retire "dotted" tout disparait. Suis-je censée modifier le code si je le retire?

Merci pour votre aide x)

[Syonah]

Autant pour moi désolée...

border-left: 3px solid #680505;

et pour la droite, c'est tout simplement :

border-right: 3px solid #680505;

[Katchou]

Super merci beaucoup^^
Pour la balise quote hover par contre je n'ai pas comprit ><
J'aimerais comme sur mon exemple, pouvoir au passage de la souris, voir la case spoiler prendre une couleur plus foncée. Comme un effet d'opacité en fait x)
J'espère que quelqu'un pourra m'aider^^

[Threax]

Bonjour,

Pour un effet au survol, ce que voulait dire Syonah était d'utiliser :hover, ainsi :

Code:

.quote:hover {
        background: #FF0000; /* couleur du fond */
}

Et là, au survol, le fond deviendra rouge (#FF0000).