Modifier l'épaisseur de la couleur de fond des catégories dans les contours

[Invité]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.skywebforum.com/

Description du problème

Bonjour

Comme le titre l'indique , je voudrais modifier l'épaisseur du fond des catégories dans les contours .
Existe t-il un code pour sélectionner une épaisseur ?

[Space Sapien]

Bonjour,

dans votre CSS, le style de vos catégories dépend de cette partie :

Code:

.forabg {
    background-color: #33b7f0;
    background-image: url(http://2img.net/i/fa/empty.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 2px solid #047dd4;
    clear: both;
    margin-bottom: 4px;
    padding: 0 5px
}

Vous pouvez régler l'épaisseur du contour dont vous parlez avec cette ligne :

Code:

 border: 2px solid #047dd4;

Pour un contour plus fin mettez 1px, pour un contour plus épais mettez une valeur supérieure à 2.

[Invité]

Bonjour Space Sapien

Merci pour ta réponse, mais je crois que ça ne réduit que la couleur du cadre des tables , et non la couleur de fond des catégories .

[Invité]

bonjour le bleu foncé c'est une image .
le cadre bleu clair qui fait le tour de la table , si vous voulez l'augment derrière cette image sans touchez au reste du cadre
essayer ceci ,jouer sur la valeur 5 + ou -

Code:

ul.topiclist {
  margin-bottom: 5px;
}

si j'ai bien comprit ^^ .

[Invité]

Bonjour

En fait , c'est le bleu clair qui est à l'intérieur du cadre des tables que je veux réduire . C'est à dire , sans tenir compte du cadre extérieur .

[MlleAlys]

Bonjour,

ajoutez le code suivant à votre css :

Code:

.forabg .corners-top, .forabg .corners-bottom {
  display: none;
}

Puis retrouvez le code suivant dans votre css :

Code:

.forabg {
  background-color: #4EB9E0;
  background-image: url(http://2img.net/i/fa/empty.gif);
  background-position: 0 0;
  background-repeat: repeat-x;
  border: 0 solid #047DD4;
  clear: both;
  margin-bottom: 4px;
  padding: 0 5px;
}

Remplacez la ligne padding: 0 5px; par padding: 2px; ce qui donne :

Code:

.forabg {
  background-color: #4EB9E0;
  background-image: url(http://2img.net/i/fa/empty.gif);
  background-position: 0 0;
  background-repeat: repeat-x;
  border: 0 solid #047DD4;
  clear: both;
  margin-bottom: 4px;
  padding: 2px;
}

Modifiez 2px par la valeur de votre choix ^^

[Invité]

Super , merci MlleAlys .

Peux t-on également laisser un espace de 1 pixel , afin de ne pas coller les angles sur les catégories ?

[MlleAlys]

Ajoutez une ligne border-radius: 5px; à la mise en forme de forabg pour modifier l'arrondi des coins, ce qui donne :

Code:

.forabg {
  background-color: #4EB9E0;
  background-image: url(http://2img.net/i/fa/empty.gif);
  background-position: 0 0;
  background-repeat: repeat-x;
  border: 0 solid #047DD4;
  clear: both;
  margin-bottom: 4px;
  padding: 2px;
  border-radius: 5px;
}

Modifiez ensuite la valeur de 5px à votre convenance, la valeur correspondant au rayon de l'arrondi du coin.

[Invité]

Ca n'a pris en compte que les lignes verticales , et le reste n'est plus visible .

[MlleAlys]

je ne comprends pas bien,
avez vous remplacé le code

Code:

.forabg {
  background-color: #4EB9E0;
  background-image: url(http://2img.net/i/fa/empty.gif);
  background-position: 0 0;
  background-repeat: repeat-x;
  border: 0 solid #047DD4;
  clear: both;
  margin-bottom: 4px;
  padding: 3px;
}

par

Code:

.forabg {
  background-color: #4EB9E0;
  background-image: url(http://2img.net/i/fa/empty.gif);
  background-position: 0 0;
  background-repeat: repeat-x;
  border: 0 solid #047DD4;
  clear: both;
  margin-bottom: 4px;
  padding: 3px;
  border-radius: 5px;
}

?
je n'en vois pas trace sur votre forum.

[Invité]

Je viens de le remettre , mais contrairement à tout à l'heure , rien ne veut changer .
j'ai pourtant actualisé plusieurs fois , peut être un bug ?

[MlleAlys]

Ah, peut être les préfixes pour générateurs si vous n'avez pas la dernière version de firefox, essayez ainsi :

Code:

.forabg {
  background-color: #4EB9E0;
  background-image: url(http://2img.net/i/fa/empty.gif);
  background-position: 0 0;
  background-repeat: repeat-x;
  border: 0 solid #047DD4;
  clear: both;
  margin-bottom: 4px;
  padding: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

Si vous ne voyez toujours aucun changement, essayez de vider le cache de votre navigateur avant de réactualiser la page de votre forum.

[Invité]

Désolé, je me suis peut être mal exprimé , les arrondis sont très bien .
C'est un léger espace que j'aurais souhaité , c'est à dire un écart invisible entre la bordure extérieur et l'intérieur .
Voir la capture d'écran ci dessous . ( la couleur orange représente l'écart entre deux )

[MlleAlys]

Ah ok pardon, je n'avais pas compris !
Hmmm... essayez ça ?

Code:

.forabg .inner {
  border: 1px solid rgb(225, 236, 240);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

Cela rajoute une bordure de couleur bleu-ciel de 1px au bloc des catégories donc à l'intérieur, et la couleur comme celle du fond donne l'impression que c'est un espace.

[Invité]

Un grand merci pour votre aide .
Problème résolu .