Citation et Spoiler originaux

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Citation et Spoiler originaux

Message par Katchou le Ven 26 Fév 2010 - 19:03

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.

Katchou
****

Féminin
Messages : 246
Inscrit(e) le : 12/09/2007

Katchou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Citation et Spoiler originaux

Message par Mileyy-Amyy le Ven 26 Fév 2010 - 19:33

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

Mileyy-Amyy
**

Féminin
Messages : 51
Inscrit(e) le : 18/02/2010

http://heartland.forum-canada.net/
Mileyy-Amyy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Citation et Spoiler originaux

Message par Syonah le Ven 26 Fév 2010 - 20:53

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.... Wink


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

Syonah
****

Féminin
Messages : 411
Inscrit(e) le : 24/03/2009

http://unebouteillealamer.pro-forum.fr/
Syonah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Citation et Spoiler originaux

Message par Mileyy-Amyy le Ven 26 Fév 2010 - 20:57

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

Mileyy-Amyy
**

Féminin
Messages : 51
Inscrit(e) le : 18/02/2010

http://heartland.forum-canada.net/
Mileyy-Amyy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Citation et Spoiler originaux

Message par Syonah le Ven 26 Fév 2010 - 21:05

Dans Affichage>Couleur>Feuille de style CSS

Syonah
****

Féminin
Messages : 411
Inscrit(e) le : 24/03/2009

http://unebouteillealamer.pro-forum.fr/
Syonah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Citation et Spoiler originaux

Message par Mileyy-Amyy le Ven 26 Fév 2010 - 21:12

Merci beaucoup

Mileyy-Amyy
**

Féminin
Messages : 51
Inscrit(e) le : 18/02/2010

http://heartland.forum-canada.net/
Mileyy-Amyy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Citation et Spoiler originaux

Message par Katchou le Ven 26 Fév 2010 - 21:27

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)

Katchou
****

Féminin
Messages : 246
Inscrit(e) le : 12/09/2007

Katchou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Citation et Spoiler originaux

Message par Syonah le Ven 26 Fév 2010 - 21:49

Autant pour moi désolée...

border-left: 3px solid #680505;

et pour la droite, c'est tout simplement :

border-right: 3px solid #680505;

Syonah
****

Féminin
Messages : 411
Inscrit(e) le : 24/03/2009

http://unebouteillealamer.pro-forum.fr/
Syonah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Citation et Spoiler originaux

Message par Katchou le Ven 26 Fév 2010 - 22:15

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^^

Katchou
****

Féminin
Messages : 246
Inscrit(e) le : 12/09/2007

Katchou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Citation et Spoiler originaux

Message par Threax le Sam 27 Fév 2010 - 11:22

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). Smile

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum