Mettre une couleur de fond différente sur la page de la liste des sujets

2 participants

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

Résolu Mettre une couleur de fond différente sur la page de la liste des sujets

Message par Laférosse Dim 10 Nov 2024 - 17:35

Bonjour, j'aimerai mettre une couleur de fond différente sur la page de la liste des sujets par rapport à la couleur de fond de la page accueil. Merci.

Mettre une couleur de fond différente sur la page de la liste des sujets Sans-titreqqq
Laférosse

Laférosse
****

Messages : 454
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: Mettre une couleur de fond différente sur la page de la liste des sujets

Message par Milouze14 Dim 10 Nov 2024 - 17:57

Salut Laférosse,

alors si tu souhaites changer la couleur de fond sur la liste des sujets, on va créer un script qui va donner une class ( M14_background_color ) à la balise body :

Code:
<body></body>


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher sur les sous-forums


Déposes ceci:
Code:

$(function(){
$('body[id="top"]').addClass('M14_background_color');
});



Penses a cliquer sur le bouton VALIDER



Dans la feuille de style:

Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci en modifiant la couleur pink par celle que tu souhaites:

Code:

body.M14_background_color
{
background-color: pink;  
}




Penses à cliquer sur le bouton VALIDER


Ensuite tu peux t'aider de cette class pour modifier toutes les couleurs comme par exemple: le bouton "Poster un nouveau sujet" avec ce style:
Code:

body.M14_background_color .btn-fixed, body.M14_background_color .btn-default
{
background-color: black; 
}

a++
Milouze14

Milouze14
****

Masculin
Messages : 232
Inscrit(e) le : 03/12/2021

https://www.milouze14.net/
Milouze14 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Mettre une couleur de fond différente sur la page de la liste des sujets

Message par Laférosse Dim 10 Nov 2024 - 19:09

Merci beaucoup pour les codes et les astuces supplémentaires. Yes Pour que la css soit pris en compte j'ai du ajouter un !important. le principal c'est que ça marche. ok
Laférosse

Laférosse
****

Messages : 454
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