Personnaliser les styles de egt

Egt est un squelette à taille fixe : 3 colonnes sur la page sommaire et rubrique, deux colonnes sur la page article. L’idée générale était de pouvoir ajouter rapidement des « blocs d’infos » dans les colonnes latérales.

Tous les styles sont définis dans le fichier habillage.css dans le répertoire /css.

Vous pouvez changer les styles définis par défaut. Pour cela, il suffit de créer dans le répertoire /css un fichier texte que vous nommerez perso.css. Recopiez-y les styles que vous souhaitez modifier. Ensuite, modifiez les valeurs des styles.

Le cadre central d’une rubrique est #centre-rubrique.

Le cadre central d’un article est #centre-article.

Chaque squelette principale possède une classe spécifique du genre “page_nomsquelette”.

Quelques exemples:

-  les styles spécifiques au squelette evenement seront précédés de .page_evenements

-  les styles spécifiques au squelette archive_courrier seront précédés de .page_archive_courriers

-  les styles spécifiques au squelette rubrique seront précédés de .page_rubrique

...

Petite astuce: pour comprendre la structure des styles et pouvoir les modifier tout en prévisualisant le résultat,

-  installez le module Firebug pour Firefox ou le Developer Tool pour IE
-  réglez les valeurs manuellement pour voir le résultat,
-  puis modifiez dans les fichiers .css.

Cadres du sommaire

Cadres de l’entête

Cadres de la colonne de gauche

Cadres de la colonne de droite

Cadres du pied de page

Vue globale de la hiérarchie des cadres

Discussion

No discussion

Add a comment

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite / PostgreSQL
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparait.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom