Cadre de modération

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

Résolu Cadre de modération

Message par ipodjeremy le Sam 11 Mai 2013 - 19:22

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.


Dernière édition par ipodjeremy le Sam 11 Mai 2013 - 23:04, édité 1 fois

ipodjeremy
**

Masculin
Messages : 89
Inscrit(e) le : 24/07/2012

http://chudoku.superforum.fr/
ipodjeremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de modération

Message par Dr. Sam le Sam 11 Mai 2013 - 20:54

Coucou Very Happy!

Prend ce code à la place Wink
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]

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de modération

Message par ipodjeremy le Sam 11 Mai 2013 - 21:56

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.

ipodjeremy
**

Masculin
Messages : 89
Inscrit(e) le : 24/07/2012

http://chudoku.superforum.fr/
ipodjeremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de modération

Message par Dr. Sam le Sam 11 Mai 2013 - 21:59

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

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de modération

Message par ipodjeremy le Sam 11 Mai 2013 - 22:13

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.


ipodjeremy
**

Masculin
Messages : 89
Inscrit(e) le : 24/07/2012

http://chudoku.superforum.fr/
ipodjeremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de modération

Message par Dr. Sam le Sam 11 Mai 2013 - 22:14

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

Cordialement,
Smile

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de modération

Message par ipodjeremy le Sam 11 Mai 2013 - 22:19

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 :


ipodjeremy
**

Masculin
Messages : 89
Inscrit(e) le : 24/07/2012

http://chudoku.superforum.fr/
ipodjeremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de modération

Message par Dr. Sam le Sam 11 Mai 2013 - 22:35

Vous n'arrivez pas au même résultat, puisque celui-ci est beaucoup plus propre Razz... 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]

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de modération

Message par ipodjeremy le Sam 11 Mai 2013 - 22:45

Alors là sa a de la tronche Smile



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.

ipodjeremy
**

Masculin
Messages : 89
Inscrit(e) le : 24/07/2012

http://chudoku.superforum.fr/
ipodjeremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de modération

Message par Dr. Sam le Sam 11 Mai 2013 - 22:51

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"]

Wink


Dernière édition par Mr. Docteur le Sam 11 Mai 2013 - 23:15, édité 1 fois

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de modération

Message par ipodjeremy le Sam 11 Mai 2013 - 23:03

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.

ipodjeremy
**

Masculin
Messages : 89
Inscrit(e) le : 24/07/2012

http://chudoku.superforum.fr/
ipodjeremy 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