Retirez le shadow un peu partout sur le forum

2 participants

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

Résolu Retirez le shadow un peu partout sur le forum

Message par Laférosse Dim 3 Nov 2024 - 18:25

Bonjour, j'aimerai retirer le shadow qui se trouve un peu partout sur le forum. J'ai déjà réussi à supprimer celui du bloc accueil. Il me reste les widgets en page accueil, la liste des sujets, les messages, les profils (sans oublier les entêtes de couleur), les différents boutons et le bloc connexion. J'en ai peut-être oublié...Je sais qu'il faut mettre un shadow none, mon soucis c'est de cibler les différents éléments. Cela irait plus vite si un code unique supprimait tous ces shadows, mais là j'ai un doute. Vous pouvez m'aider svp ? Merci.
Laférosse

Laférosse
****

Messages : 452
Inscrit(e) le : 10/04/2022

https://lespipous.forumactif.com
Laférosse a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Retirez le shadow un peu partout sur le forum

Message par MlleAlys Dim 3 Nov 2024 - 19:06

Bonjour,
Si vous êtes certains de ne vouloir aucun effet d'ombre nulle part sur le forum, ni dans sa structure ni dans son contenu, vous pouvez utiliser le code suivant :
Code:
* {
  box-shadow: none !important;
}
(l'astérisque signifie grosso modo "n'importe quel élément" / "tous les éléments", le !important permettant de forcer le code sur les éléments qui sont visés par un sélecteur plus spécifique)


Sinon, il faut effectivement faire le tour du forum pour retrouver tous les sélecteurs spécifiques, voilà une première liste :
Code:
.forum-section, .posts-section, .block .block-header, .block .block-content, .select-wrap input, .jumpbox-wrap input, .quickmod-wrap input, .btn-fixed, .post-header, .post, .post-aside, .box-body, .btn-default, .mainoption, .button, .button1, .button2, .liteoption {
  box-shadow: none;
}

Pour retrouver ces sélecteurs, en fonction de votre navigateur, vous pouvez utiliser la fonction "inspecter" de celui-ci :
- faites un clic droit sur l'élément qui vous intéresse, et sélectionnez "inspecter"
- s'ouvre alors un encart en deux parties : l'une avec la structure html, centrée sur l'élément sur lequel vous avez cliqué, et l'autre avec les codes css qui concernent cet élément.
- en cliquant sur les différents éléments du code html, retrouvez celui qui vous intéresse (qui en général se met en couleur sur la page)
- puis dans la partie css, trouvez le code qui applique le box-shadow. Récupérez alors le sélecteur utilisé.

Par exemple sur mon ordi avec google chrome : Le sélecteur avec lequel est appliqué l'ombre sur les widgets est ".box-body" :
Retirez le shadow un peu partout sur le forum Image219
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: Retirez le shadow un peu partout sur le forum

Message par Laférosse Dim 3 Nov 2024 - 19:31

Oh merci beaucoup MzelleAlys pour ces explications détaillées. Je suis soulagée de pouvoir supprimer le shadow avec un seul code, c'est quand moins fastidieux et c'est ce que je voulais. ok Bizz
Laférosse

Laférosse
****

Messages : 452
Inscrit(e) le : 10/04/2022

https://lespipous.forumactif.com
Laférosse a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum