Changer l'apparence du blog selon la page

↓ 

Petit code qui vous permettra de changer l'apparence de votre blog selon l'article ou la rubrique.

Par exemple, sur mon blog Aoi Sora, le header change selon la rubrique (Animes, Manga, Novel...). Chaque lien actif a également une couleur différente. Petit aperçu ci-dessus. La rubrique Webtoon à son propre header et le lien "Webtoon" est beige.
Autre exemple, vous pouvez remarquer qu'en étant sûr cet article, le titre du blog a changé de couleur. Voilà ce que permet le code que je vais partager aujourd'hui.

Le but est donc de placer du CSS dans le code source HTML. Pour ça, il suffit de mettre votre code CSS entre <style><!-- et --></style>

<style><!--

votre code css

--></style>

Exemple pour changer de header sur rubrique :

Dans votre CSS, vous avez ce header :

#header {
    background-image : url(https://ekladata.com/7mwPczQSzuVx8FH5l7UgEqJWFO4.png);
    height: 350px;
    margin-bottom:85px;  

}

Vous voulez un autre header quand vous êtes sur votre livre d'or. Vous allez dans votre livre d'or, éditez le livre d'or, puis code source "<>".

Entre <style><!-- et --></style>, vous mettez la partie de votre CSS modifié avec le nouvel header. 

Ce qui donne :

<style><!--

#header {
    background-image : url(URL NOUVEAU HEADER);
    height: 350px;
    margin-bottom:85px;  

}

--></style>

 À noter qu'il faut préparer son code avant de le coller dans le code source, sinon ça va buguer. Idem pour les modifications, inutile de modifier directement dans le code source, ça ne fonctionnera pas. Faites plutôt ça sur un bloc note à part.

Et voilà, le tour est joué.

Avec ça, vous pouvez modifier tout ce que vous voulez sur la page, article ou rubrique de votre choix, texte, couleur, fond, taille etc.