Héritage

Publié le par Designs

Dans votre administration, si vous allez modfier le css, vous verrez un immense bouton "définir les héritages de votre blog "

heritage-css.png
Mais les héritages, c'est  quoi ?

En fait, on peut charger plusieurs CSS à la suite. Le premier fichier CSS donnera par exemple la forme générale, le second donnera les couleurs, le troisième des infos particulières, etc...
Par défaut, sur over-blog, il y a  5 fichiers CSS chargés sur chaque page.
  • Feuille générale pour le template: ce fichier permet d'afficher le look "general" du template que vous avez choisi.
  • Feuille générale pour une variation:  ce fichier gère les détails qui changent d'une variation de template à une autre (par exemple, le bleu, gris, rose, vert, etc.. pour le template nacre)
  • Feuille de structure générique : ce fichier définit les positions générales. C'est lui qui définit les largeurs et les positions des colonnes.
  • Feuille de structure propre au template : un fichier supplémentaire parfois nécessaire sur certains templates pour que le rendu soit propre.
  • Le fichier CSS personnalisé.

Si dans votre CSS, vous ré ecrivez la partie qui définit les positions des colonnes, vous pouvez décocher la case "feuille de structure générique". Si dans votre css, vous redéfinissez tout, vous pouvez décocher les 4 cases.

Et en mode avancé ?
En mode avancé, ce système est multiplié. Vous avez ceci pour tous les types de pages:
  • Accueil
  • Articles
  • Albums photos
  • Pages
Et évidemment, vous gérer les héritages pour chacun de ses types de pages.
Pour les CSS personnalisés, une petite astuce:
  • Si vous modifiez global, vous modifiez le CSS pour tous les types de pages. (Idéal pour changer la couleur des liens...)
  • Si vous modifiez dans un autre onglet (accueil, articles, pages, albums..), vous ne modifiez que pour ce type de page (idéal pour bien différencier les albums photos...)
Du coup, en mode avancé, on a 6 fichiers CSS chargé par page:
  • Les 4 feuilles de l'héritage
  • Le CSS global.
  • Le CSS du type de page qu'on regarde.

Règle n°4: il faut réflechir à l'endroit où l'on modifie une ligne de CSS, pour éviter de devoir faire la même modification plusieurs fois... nti_bug_fck
Publicité

Publié dans Astuces CSS

Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
A
mon dieu, je comprends rien à ce que vous dites.... ça fait 5 minutes que je vous lis et je capte que dalle :-(
Répondre