Changer la couleur de fond de toutes les pages sauf celle de l'accueil

par Laférosse Lun 11 Nov 2024 - 9:32

Bonjour, j'aimerai changer la couleur de fond de toutes les pages sauf celle de l'accueil. Merci par avance.

par Laférosse Mar 12 Nov 2024 - 12:30

par **Toryudo** Mar 12 Nov 2024 - 15:31

Bonjour !

Il faut plutôt voir ça comme "Changer la couleur de fond de la page d'accueil uniquement", c'est la page d'accueil qui devient l'exception.
Au niveau du script que vous avez fait avec Milouze (https://forum.forumactif.com/t410748-mettre-une-couleur-de-fond-differente-sur-la-page-de-la-liste-des-sujets#3419579), à la place de cocher "sur les sous-forums", vous allez cocher "sur l'index".

Et maintenant, la couleur de fond de la page d'accueil sera de la couleur body.M14_background_color décidée dans votre code CSS.
La couleur de fond des autres pages sera la couleur de fond par défaut !

par Laférosse Mar 12 Nov 2024 - 16:36

Bonjour Toryudo. Merci beaucoup. Ca marche, mais j'ai une latence sur la couleur de fond (clair puis le bleu vient ensuite, ca me le faisait aussi avant avec le js sur les sous forums) pendant quelques secondes à chaque changement de pages ou de rafraichissement. Cela me gêne un peu esthétiquement. Y'a t-il une autre façon de procéder pour que cette couleur en fond en page d'accueil soit plus stable ? Par les template peut-être ?
Ou en mettant, si c'est possible, une image de fond de la couleur désirée est-ce que ce problème disparaitrait ?

par **Toryudo** Mer 13 Nov 2024 - 10:41

Bonjour !

Pour que ce soit plus "rapide", oui, il faudrait le faire directement dans le Template.
Avec le code actuel, on attend que la page soit entièrement chargée avant de changer le fond, alors que dans le Template, on pourrait changer le fond en même temps que la page charge. Par contre, il faudrait changer le code pour rajouter des tests, parce que contrairement aux scripts, on ne peut pas dire que le script ne doit s'appliquer que sur la page d'index.

A priori, pas d'autre moyen pour que ce soit plus rapide !
Ça vous intéresse ou ça vous paraitrait trop compliqué ?

par Laférosse Mer 13 Nov 2024 - 10:48

Bonjour Toryudo, oui par les templates svp. Je pense que cela devrait aller de mon côté. J'ai déjà effectué des modifs sur les templates. Merci.

par **Toryudo** Mer 13 Nov 2024 - 16:05

Alors dans le Template overall_header, juste après la ligne :

Code:: <body id="top">

Vous allez mettre :

Code:: <script type="text/javascript">//<![CDATA[ if (window.location.pathname == "/"){ $('body[id="top"]').addClass('M14_background_color'); } //]]></script>

Si ce n'est pas beaucoup mieux, il faudra peut-être qu'on corrige un peu de CSS aussi ; je vois qu'il y a une transition de 160ms entre la couleur avant et la couleur après, c'est peut-être aussi ça que vous voyez.

par Laférosse Mer 13 Nov 2024 - 17:23

Bizarre cela ne change rien. La couleur se met comme sur les autres pages. Je dois laisser le JS ou le supprimer ? J'ai fait les 2 et de toute façon cela ne change rien.

Le script dans overall header

Code:: <body id="top"> <script type="text/javascript">//<![CDATA[ if (window.location.pathname == "/"){ $('body[id="top"]').addClass('M14_background_color'); } //]]></script>

Je dois bien mettre ce code dans la, css ?

Code:: body.M14_background_color { background-color: #95bdd6; }

par **Toryudo** Mer 13 Nov 2024 - 19:30

Plus besoin de l'autre script, et oui, il faut toujours le CSS, ça fonctionne de la même manière.
Par contre, vous disiez avoir mis un "!important" dans le CSS, vous l'avez peut-être retiré ?

par Laférosse Mer 13 Nov 2024 - 20:01

Oh mais oui ! Suis-je bête ! Heureusement que vous êtes là. La transition est beaucoup mieux. Un grand merci pour votre aide.

Changer la couleur de fond de toutes les pages sauf celle de l'accueil

Changer la couleur de fond de toutes les pages sauf celle de l'accueil

Re: Changer la couleur de fond de toutes les pages sauf celle de l'accueil

Re: Changer la couleur de fond de toutes les pages sauf celle de l'accueil

Re: Changer la couleur de fond de toutes les pages sauf celle de l'accueil

Re: Changer la couleur de fond de toutes les pages sauf celle de l'accueil

Re: Changer la couleur de fond de toutes les pages sauf celle de l'accueil

Re: Changer la couleur de fond de toutes les pages sauf celle de l'accueil

Re: Changer la couleur de fond de toutes les pages sauf celle de l'accueil

Re: Changer la couleur de fond de toutes les pages sauf celle de l'accueil

Re: Changer la couleur de fond de toutes les pages sauf celle de l'accueil