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

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

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

Message par jackymi le Mar 31 Mar 2015 - 11:04

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 ?


Dernière édition par jackymi le Mar 31 Mar 2015 - 18:22, édité 1 fois

jackymi
****

Masculin
Messages : 360
Inscrit(e) le : 09/12/2011

http://www.skywebforum.com/
jackymi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'épaisseur de la couleur de fond des catégories dans les contours

Message par Space Sapien le Mar 31 Mar 2015 - 11:37

Bonjour,

dans votre CSS, le style de vos catégories dépend de cette partie :
Code:
.forabg {
    background-color: #33b7f0;
    background-image: url(http://illiweb.com/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.

Space Sapien
***

Masculin
Messages : 183
Inscrit(e) le : 28/07/2013

http://deliriums.forumgratuit.org
Space Sapien a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'épaisseur de la couleur de fond des catégories dans les contours

Message par jackymi le Mar 31 Mar 2015 - 13:17

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 .

jackymi
****

Masculin
Messages : 360
Inscrit(e) le : 09/12/2011

http://www.skywebforum.com/
jackymi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'épaisseur de la couleur de fond des catégories dans les contours

Message par R-max le Mar 31 Mar 2015 - 13:37

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 ^^ .

R-max
# Tropactif #

Masculin
Messages : 1520
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'épaisseur de la couleur de fond des catégories dans les contours

Message par jackymi le Mar 31 Mar 2015 - 14:09

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 . Wink



jackymi
****

Masculin
Messages : 360
Inscrit(e) le : 09/12/2011

http://www.skywebforum.com/
jackymi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'épaisseur de la couleur de fond des catégories dans les contours

Message par MlleAlys le Mar 31 Mar 2015 - 14:52

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://illiweb.com/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://illiweb.com/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 ^^

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'épaisseur de la couleur de fond des catégories dans les contours

Message par jackymi le Mar 31 Mar 2015 - 15:42

Super , merci MlleAlys .

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

jackymi
****

Masculin
Messages : 360
Inscrit(e) le : 09/12/2011

http://www.skywebforum.com/
jackymi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'épaisseur de la couleur de fond des catégories dans les contours

Message par MlleAlys le Mar 31 Mar 2015 - 15:49

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://illiweb.com/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.

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'épaisseur de la couleur de fond des catégories dans les contours

Message par jackymi le Mar 31 Mar 2015 - 16:12

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

jackymi
****

Masculin
Messages : 360
Inscrit(e) le : 09/12/2011

http://www.skywebforum.com/
jackymi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'épaisseur de la couleur de fond des catégories dans les contours

Message par MlleAlys le Mar 31 Mar 2015 - 16:24

je ne comprends pas bien,
avez vous remplacé le code
Code:
.forabg {
  background-color: #4EB9E0;
  background-image: url(http://illiweb.com/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://illiweb.com/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.


Dernière édition par MlleAlys le Mar 31 Mar 2015 - 16:55, édité 1 fois

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'épaisseur de la couleur de fond des catégories dans les contours

Message par jackymi le Mar 31 Mar 2015 - 16:49

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

jackymi
****

Masculin
Messages : 360
Inscrit(e) le : 09/12/2011

http://www.skywebforum.com/
jackymi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'épaisseur de la couleur de fond des catégories dans les contours

Message par MlleAlys le Mar 31 Mar 2015 - 16:57

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://illiweb.com/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.

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'épaisseur de la couleur de fond des catégories dans les contours

Message par jackymi le Mar 31 Mar 2015 - 17:38

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 )



jackymi
****

Masculin
Messages : 360
Inscrit(e) le : 09/12/2011

http://www.skywebforum.com/
jackymi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'épaisseur de la couleur de fond des catégories dans les contours

Message par MlleAlys le Mar 31 Mar 2015 - 17:45

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.

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'épaisseur de la couleur de fond des catégories dans les contours

Message par jackymi le Mar 31 Mar 2015 - 18:21

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

jackymi
****

Masculin
Messages : 360
Inscrit(e) le : 09/12/2011

http://www.skywebforum.com/
jackymi 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