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

[Witzz]

Rappel du premier message :

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

Qu'est-ce que vous voulez comme couleur ?

Cordialement

[Witzz]

je voudrai du yellowgreen qui donne la couleur de la modération:

Modéractif

[Witzz]

Je suis désolé, je dois vous énerver

[Invité]

Re,

Je viens de tester ce code CSS avec le tableau de modération que j'ai créé sur mon forum test et la couleur s'affiche parfaitement. Le code donne ceci :

Code:

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


Evitez les doubles-posts.

Cordialement

[Witzz]

je le met à la suite ou à la place de l'autre?
et oui, j'évite les doubles poste

[Invité]

Vous le mettez à la place de l'autre.

Cordialement

[Witzz]

C'est parfait, mais... désolé, mais il manque le code pour les couleurs...

[Witzz]

rien à dire dans ce message.

[Invité]

Vous la voulez également en Yellowgreen ou bien d'une autre couleur ?

Cordialement

[Witzz]

oui de préférence

[Witzz]

Mais, pour plusieurs tableaux de couleurs différentes, faut il ajouter une autre titre sur le nouveau code?

[Invité]

Dans ce cas, vous rajoutez ceci

Code:

color : yellowgreen;
font-weight : bold;

juste après

Code:

.moder{

Une petite précision le font-weight : bold permet de mettre l'écriture en gras ce qui est plus lisible.

Cordialement

[Witzz]

Ok, et à propos de mon message , avez-vous la réponse?

[Invité]

Mais, pour plusieurs tableaux de couleurs différentes, faut il ajouter une autre titre sur le nouveau code?

Je viens de tester. Alors oui il faut changer la classe du tableau. Ainsi, vous pouvez décider de l'appeler

Code:

[table class = moder2] etc

et ensuite, vous allez dans votre css, vous tapez

Code:

.moder2

, vous collez le code CSS que je vous ai fourni et vous changez les différentes couleurs police (color) et bordure.

J'ai testé et ça marche.

Cordialement

[Witzz]

ok j'essaye

[Witzz]

Oui, mais, dois-je en rajouter un, c'est à dire avoir 2 code css?
Le standard (celui que vous m'avez fournis)
puis le nouveau (avec les nouvelles couleurs)

???

Car si je change le standard, mon premier message ne reste pas vert et devient gras, sans son tableau.

[Witzz]

Et aussi, bon encore une fois désolé, mais quel est le code pour l'épaisseur?

[Invité]

A votre première question je réponds "oui" ; c'est à dire que vous devez faire un deuxième code CSS qui pourrait avoir cette forme (en changeant couleurs etc). moi j'ai mis du orange. Et comme le 2ème tableau a comme classe : moder2, les paramètres du css ci-dessous s'appliquent à ce 2d tableau :

Code:

 .moder2 {
color : orange;
font-weight : bold;
    background-color : white;
    box-shadow: 0 0 5px orange;
          border-radius: 5px;
    border:solid orange;
    width: 80%;
      margin: auto;
    }



Pour l'épaisseur, je suppose que vous parlez de l'épaisseur de la bordure du tableau ? Je regarde si je trouve quelque chose.

Cordialement

[Witzz]

Oui, mais pourrai-je avoir votre lien vers votre forum d'essai pour voir, car moi, donc j'ai fait:

Code:

  .moder {
    color : yellowgreen;
font-weight : bold;
background-color : white;
    box-shadow: 0 0 5px yellowgreen;
          border-radius: 20px;
    border:solid yellowgreen;
    width: 80%;
      margin: auto;
    }

Car avant, j'avais le même code sans les même couleurs... que j'avais placé au dessous de celui-ci, et le tableau en question ne s'affichait pas, il mettait juste l'écriture en gras. et j'avais pourtant bien completé.

Faut-il mettre un espace (saut de 2 lignes ou +...) ?
Faut-il le mettre juste à la ligne?

Comment faire cela car, là, ça ne marche pas vraiment

[Witzz]

ça marche! :thanks:
Maintenant, il ne reste plus qu'à changer l'épaisseur...

merci merci merci merci merci merci... :thanks:

[Invité]

Je vais vous mettre une capture d'écran de ce que cela me donne sur mon forum test. Mettez-moi de votre côté une capture d'écran du résultat que vous obtenez vous.

Entre temps, j'ai travaillé sur la bordure. Pour pouvoir la modifier remplacez vos codes CSS actuels par ceux-ci :

Code:

 .moder{
color : Yellowgreen;
font-weight : bold;
    background-color : white;
    box-shadow: 0 0 7px Yellowgreen;
          border-radius: 5px;
    border:4px solid Yellowgreen;
    width: 80%;
      margin: auto;
    }

 .moder2 {
color : Yellowgreen;
font-weight : bold;
    background-color : white;
    box-shadow: 0 0 7px Yellowgreen;
          border-radius: 5px;
 border:4px solid Yellowgreen;
    width: 80%;
      margin: auto;
    }


Pour pouvoir modifier l'épaisseur de la bordure, vous changez la valeur en px (ici à 4) de border:4px solid yellowgreen

Et voici le résultat sur mon forum-test :

Spoiler:

Cordialement

[Witzz]

Déjà voici mon nouveau code, qui marche:

Code:

 
 .moder {
    color : yellowgreen;
font-weight : bold;
background-color : white;
    box-shadow: 0 0 5px yellowgreen;
          border-radius: 20px;
    border:solid yellowgreen;
    width: 80%;
      margin: auto;
    }
  .moder2 {
    color : orange;
font-weight : bold;
background-color : white;
    box-shadow: 0 0 5px orange;
          border-radius: 5px;
    border:solid orange;
    width: 80%;
      margin: auto;
    }




Donc, là, tout marche, j'ai compris enfin.
Sinon, comment fait-on une capture d'écran? Avec un appareil photos?

[Invité]

Pour faire une capture d'écran, suivez les explications de ce tuto :

https://forum.forumactif.com/t177550-faire-une-capture-d-ecran-screenshot?highlight=capture+d+%E9cran

Cordialement

[Threax]

Bonjour,

Encore un double-post dans ce sujet et vous recevrez un avertissement et le sujet sera corbeillé.

[Witzz]

Voilà la première:
https://i.servimg.com/u/f47/16/27/17/77/hkl_bm10.jpg
et la deuxième:
https://i.servimg.com/u/f47/16/27/17/77/lk10.jpg

Pour la 2ème image, faite un zoom, sinon, c'est fondu, parfait, mais comme la première, c'est l'épaisseur.

[Invité]

Bonjour,

Merci pour les captures d'écran, même si je ne peux voir que la première. La bordure de votre 1er tableau semble être correcte, en tout cas conforme au CSS. En revanche, cela ne semble pas être le cas pour votre second tableau. Je me trompe ?

Cordialement

[Witzz]

Non, maintenant, grâce à vous ça marche, mais, le problème, c'est l'épaisseur, connaissez-vous le code CSS qui permet de choisir l'épaisseur ? et pour la 2ème photo, j'édite mon message et vous la montre

Cordialement

[Invité]

Bonjour,

Vous parlez de l'épaisseur de quoi, exactement ? Vous pouvez préciser ? Je vous ai mis dans un précédent message le code et l'explication pour épaissir la bordure déjà.

Cordialement

[Witzz]

Sur les traits, les bordures, ne parlons plus du fondu, ça, c'est résolu, mais, ce sont les contours qui posent problème, alors, si vous connaissez un code CSS pour régler l'épaisseur des contours... Cordialement

[Invité]

Pour votre premier tableau, rajoutez ce morceau de code

Code:

border:4px solid Yellowgreen

dans le code CSS. Vous pouvez faire varier l'épaisseur en changeant la valeur des px.

Et ce code, vous le mettez à la place de celui-ci qui se trouve déjà dans votre CSS :

Code:

border:solid Yellowgreen

Cordialement