Problème à propos des tableaux (Modération)

[Witzz]

J'ai un problème sur les tableaux de la Modération de mon forum:

https://i.servimg.com/u/f47/16/27/17/77/pictur12.jpg
cliquez sur le lien pour voir l'image

Voilà, j'ai créé aussi un topic pour les création sur mon forum avec donc un tableau comme les créactifs, mais mon problème, c'est que avant, en faisant un autre tableau cette fois destiné au vert, il c'est transformé au rose. J'aimerais bien savoir comment faire deux tableaux de couleur(s) différente(s).

Cordialement

[Invité]

Bonjour Tortue?

Essayez de changer la class de votre second tableau. Je m'explique, dans le code que vous mettez quand vous le crééez, au lieu de

Code:

[table classe = moder] ect

, mettez par exemple [table class moder 2]

et dans votre feuille de style CSS, faites un copier de votre 1er code que vous avez mis hier et remplacez le

Code:

.moder

par

Code:

.moder 2

et là modifiez votre couleur. Je n'ai pas testé, donc je ne garanti pas que cela fonctionnera.

Cordialement

[Witzz]

ok j'essaye

[Witzz]

ça ne marche pas, il n'y a plus de tableau...

[Invité]

Vous pourriez mettre ici entre balises code le contenu de vos 2 tableaux et aussi le contenu de votre CSS ?

Cordialement

[Witzz]

Comment ça?, a aussi, j'ai réussi à remettre un contour vert avec un fondu vert, mais le trait est raillé, au niveau standard, et l'écriture rose, mais ça, ce n'est pas grave, c'est les raillures le problème maintenant...

[Invité]

C'est le 1er ou le 2ème tableau qui vous pose soucis dans son apparence ?

Si c'est le 2d, mettez ici le code CSS que vous lui avez appliqué svp.

Cordialement

[Witzz]

le 1er, car, quand j'ai fais mon 2ème, le premier a automatiquement pris la couleur du deuxième

[Invité]

Dans ce cas, mettez les deux. Il me faudrait le contenu de vos 2 tableaux pour pouvoir effectuer des tests.

Cordialement

[Witzz]

Ok, là, je crois avoir compris le problème du 1er, suis en train de le réparer, mais pourrais-je avoir le code CSS pour les contours arrondi s'il vous plaît? plus que ça et c'est résolu

[Invité]

C'est la propriété

Code:

moz-border-radius: 5 px;

Vous changez la valeur du px à votre guise.

Cordialement

[Witzz]

Le code entier?
Pour l'instant, mon code CSS sur mon P.A est:

Code:

.moder2 {
  background: white;
-moz-box-shadow:0px 0px 8px #96D313;
box-shadow:0px 0px 8px #96D313;
-webkit-box-shadow:0px 0px 8px #96D313;
  color: red;
  width: 80%;
  margin: auto;
}
border: 3px solid green


J'aimerais avoir une suite pour les coins arrondis, votre code:

Code:

    moz-border-radius: 5 px;

est-il celui qu'il faut ajouter?

[Invité]

Normalement oui.

Cordialement

[Witzz]

il faut le mettre avant le signe

Code:

}

ou après border

Code:

border: 3px solid yellowgreen


?

[Witzz]

Je vais essayer la première tentative avec le signe {

[Witzz]

Non, ça ne marche pas, cela efface mon trait, ne laissant que le fondu, et le fondu devient un peu plus délavé...

[Witzz]

Maintenant je vais essayer après

[Witzz]

Cette fois, rien ne change...

[Witzz]

Bon, je ne vais pas compliquer les choses, je laisse les 2 tableaux de même couleur et maintenant vais essayer d'arrondir les coins avec votre aide...

[Witzz]

Je met en résolu, car j'ai (réglé) le problème grâce à toi Lydie
Merci, je laisse donc les tableaux en une seule couleur.

Cordialement

[Invité]

Sinon, après quelques recherches, voici un code qui permet à la fois d'arrondir et de mettre le "fondu" autour de la boite. (j'ai testé sur mon forum-test, ça marche).

Code:

{

  box-shadow: 0 0 5px green;
      border-radius: 5px;
border:solid green;
 }


A vous de compléter avec la classe de votre tableau si vous voulez l'essayer.

Cordialement

[Witzz]

Donc, j'enlève "l'ancien code" pour le remplacer par lui?

[Invité]

Remplacez la totalité de votre code CSS par celui-ci :

Code:

 .XXXX {
background-color : white;
box-shadow: 0 0 5px green;
      border-radius: 5px;
border:solid green;
width: 80%;
  margin: auto;
}


Cordialement

[Witzz]

ok merci, mais, je dois changer la phrase de message avec ...moder... qui met en rapport avec le CSS ? voici la phrase en question et le code CSS:

Code:

[table class="moder"][tr][td]Texte[/td][/tr][/table]


et le code:

Code:

 .moder {
  background: white;
-moz-box-shadow:0px 0px 8px #96D313;
box-shadow:0px 0px 8px #96D313;
-webkit-box-shadow:0px 0px 8px #96D313;
  color: yellowgreen;
  width: 80%;
  margin: auto;
border: 1px solid yellowgreen
}   

.moder {
  background: white;
 -moz-border-radius: 10px;
 -webkitborder-radius: 10px;
 border-radius: 10px;
  border: 3px double yellowgreen;
  color: yellowgreen;
  font-weight: bold;
  width: 80%;
  margin: auto;
border: 1px solid yellowgreen
}

c'est ce code qui m'a permis de faire les rectangles de modération, mais, j'ajoute donc votre code, et change la phrase du message 2 de mon forum?

[Invité]

Ce que vous pouvez faire, c'est supprimer ce que vous avez mis comme code CSS pour vos tableaux et remplacer cela par ceci :

Code:


 .moder {
background-color : white;
box-shadow: 0 0 5px green;
      border-radius: 5px;
border:solid green;
width: 80%;
  margin: auto;
}


A la place des XXXX, vous mettez .moder. Et vous pourrez modifier les morceaux du code à votre convenance (couleurs etc...)

Cordialement

[Witzz]

ok j'essaye, merci

(ne pas verrouiller le sujet)

[Witzz]

ça ne marche pas...

[Invité]

Vous avez effacé les autres codes auparavant ? Vous pourriez mettre entre balises codes le contenu de votre tableau, pour test ?

Cordialement

Edit 19h22 : je viens de tester un tableau de modération "test" avec le CSS que je vous ai donné et je ne constate aucun soucis d'affichage des propriétés du CSS

[Witzz]

ok

[Witzz]

Toujours pas, enfin, ça redevient carré quand je change les couleurs, et sinon, sans rien changer, ça ne change pas grand chose, à par que le trait est gros...