Cadre de modération

[ipodjeremy]

Je reviens sur ce sujet car même avec les sujet déjà fait, je n'y arrive pas.

Ma feuille CSS

Code:


        .moderation{
        border:1px solid #ff0000;
        -moz-border-radius:8px;
        -moz-box-shadow: 1px 1px 8px #ff0000;
        color: #ff0000;}

Quand je fait mon poste sur un sujet j’écris :

Code:

[quote][table class="moderation"]
[tr]
[td]Bonjour, [/td][td] [/td]
[/tr][tr]
[td][url=http://www.servimg.com/image_preview.php?i=141&u=16565182][img]http://i82.servimg.com/u/f82/16/56/51/82/10624110.png[/img][/url] [/td][td]Votre candidature correspond à nos attentes. Elle va être traité en interne.  [/td]
[/tr][tr]
[td] A bientôt sur Forum Aerafal[/td][td] [/td]
[/tr]
[/table][/quote]

Voici ce que sa me donne (et encore c'est le mieux que j'ai pu obtenir):


je suis loin d'arrivé à ce genre de résultat :



Commence je peux faire pour avoir un cadre identique en vert pour quand c'est mes animateurs qui parle et en orange quand c'est mes modérateurs qui s’exprime ?

Je veux dire par là que je voudrais que mon tableau soit d'une couleurs mais sans mettre la même couleurs pour le texte, les bords arrondi et comme une lueur sur le cadre comme sur ce forum.


Merci d'avance.



Cordialement.

[Dr. Sam]

Coucou !

Prend ce code à la place

Code:


[table class="moderation"]
[tr]
[td][url=http://www.servimg.com/image_preview.php?i=141&u=16565182][img]http://i82.servimg.com/u/f82/16/56/51/82/10624110.png[/img][/url] [/td]
[td]
Bonjour,

Votre candidature correspond à nos attentes. Elle va être traité en interne.

À bientôt sur Forum Aerafal
[/td]
[/tr]
[/table]

[ipodjeremy]

J'ai tenté votre code et c'est encore pire ^^ Je n'ai même plus de cadre.



Je pense que c'est plutôt une erreur ou un manque de paramètre dans le code de la feuille CSS.

[Dr. Sam]

Le code que je t'ai donné tu le place pas dans ton CSS mais la ou tu veux ton message ... Je les testé et tout fonctionne bien de mon cot. alors c'est pas mon code le problème

[ipodjeremy]

Faut t-il supprimer ce qu'il y a dans le CSS ? Car c'est bien ce que j'ai fais, j'ai bien mit ton code dans la zone de texte d'un message comme on peux le voir sur le screen que j'ai mis.

[Dr. Sam]

Non lol ... Il ne faut pas supprimer le code CSS !

Cordialement,

[ipodjeremy]

J'avais oublier le code ci dessous avant le code.

Code:

[table class="moderation"]

Et j'ai donc le même résultat qu'au début du sujet. Sa me donne ça :

[Dr. Sam]

Vous n'arrivez pas au même résultat, puisque celui-ci est beaucoup plus propre ... Maintenant, pour arriver au résultat souhaité remplacer votre code CSS par celui-ci:

Code:

.mr-.docteur {
-moz-box-shadow: 1px 1px 10px #7BB92B;
-webkit-box-shadow: 1px 1px 10px #7BB92B;
border-color: #7BB92B;
box-shadow: 1px 1px 10px #7BB92B;
color: #7BB92B;

.mr- {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
background: url(http://bit.ly/acLmW9);
border-radius: 15px;
border-style: solid;
border-width: 1px;
font-weight: 700;
margin: 10px auto;
padding: 5px;
width: 90%;
}

Et remplacer le code que je viens de vous donné par celui-ci:

Code:


[table class="mr- docteur"]
[tr]
[td][url=http://www.servimg.com/image_preview.php?i=141&u=16565182][img]http://i82.servimg.com/u/f82/16/56/51/82/10624110.png[/img][/url] [/td]
[td]
Bonjour,

Votre candidature correspond à nos attentes. Elle va être traité en interne.

À bientôt sur Forum Aerafal
[/td]
[/tr]
[/table]

[ipodjeremy]

Alors là sa a de la tronche



Sa fonctionne niquel.

Pour en avoir de plusieurs couleurs je peux mettre le code CSS plusieurs fois sur la feuille en changeant les couleurs ?

Maintenant que le premier fonctionne, je vais pouvoir en faire d'autre.

Je te remercie beaucoup pour votre aide.

[Dr. Sam]

Re,

Tu ne peux pas copier le code CSS exactement... IL faut que tu change les classe... Dans le fond, tu recopie cette partie de code:

Code:

.mr-.docteur {
-moz-box-shadow: 1px 1px 10px #7BB92B;
-webkit-box-shadow: 1px 1px 10px #7BB92B;
border-color: #7BB92B;
box-shadow: 1px 1px 10px #7BB92B;
color: #7BB92B;

Et tu le remplace par une autre classe exemple .mr-.docteur1:

Code:

.mr-.docteur1 {
-moz-box-shadow: 1px 1px 10px #7BB92B;
-webkit-box-shadow: 1px 1px 10px #7BB92B;
border-color: #7BB92B;
box-shadow: 1px 1px 10px #7BB92B;
color: #7BB92B;

Et tu remplacerait cette parti de code:

Code:

[table class="mr- docteur"]

Par cela:

Code:

[table class="mr- docteur1"]

[ipodjeremy]

Voila, sa donne ça



Si j'ai bien compris j'ai juste à copier la première partie du code CSS les un en dessous des autres avant la 2 partie. Je change les couleurs à ma guise en changeant bien évidement le la fin de la première ligne en mettant 1,2,3,...

Et j'ai donc des cadre prédéfini. J'ai juste à reprendre le code dans la zone d'un message et y insérer mon blabla.


Je vous remercie et bonne soirée.