Aller au contenu Aller à l'accueil plan du site rechercher Aide sur les raccourcis clavier

Changez les couleurs. Surcharge CSS Accueil > Installation > Modifier le squelette. >

Changez les couleurs. Surcharge CSS


Ordinaire ou multi-saisons ?

Par défaut, un seul groupe de couleurs est actif dans le site. Si vous créez un mot clé "saison", les couleurs des logos, avatars et css changeront au fil des saisons.

Créez vos chartes graphiques !

Si vous n’utilisez pas le mode multi-saisons, (une seule charte pour toute l’année), surchargez couleur.css. Sinon, surchargez les quatres feuilles de style printemps.css, ete.css, automne.css, et hiver.css. Vous pouvez changer les fonds pour chaque saisons.

Comment surcharger une css

Les feuilles de styles logic.css, couleur.css, printemps.css, ete.css, automne.css, et hiver.css peuvent être surchargées. Vous pouvez ajouter des fonds ou changer des icônes facilement. Ces css de surcharges sont volontairement absent du zip, afin qu’à chaque mise à jour, vous n’écrasiez pas par erreur vos css personnalisées. Si vous souhaitez surcharger, créez et ajoutez les feuilles de styles dans le répertoire css :

- surcharge-logic.css
- surcharge-couleurs.css
- surcharge-printemps.css
- surcharge-ete.css
- surcharge-automne.css
- surcharge-hiver.css

Les class présentes dans les feuilles de styles de surcharge ci-dessus écraseront l’effet des class par défaut logic.css, couleur.css, printemps.css, ete.css, automne.css, et hiver.css.

Modifiez les couleurs des titres de la splickerbox et des logos

Modifiez directement les couleurs dans les squelettes sommaire.html, entete.html et logo.html. Vous trouverez une documentation dans les squelettes. Vous pouvez aussi modifier la couleur de fond blanche des logos et images générées automatiquement. La couleur se trouve dans |image_aplatir{jpg,ffffff} présent plusieurs fois dans ces trois squelettes.

Quelques conseils ?

Pour créer une jolie charte graphique les doigts dans le nez : Trouvez-vous une superbe photo ou faites vous un superbe logo. Profitez des logiciels libres de retouche Gimp et de vectorisation Inkscape. Utilisez avec finesse les couleurs de la photo ou du logo. Pas plus de trois couleurs dominantes. Des outils de colorimétrie peuvent améliorer le rendu de vos couleurs complémentaires. Avec cette recette là, quelques tutoriels logiciels et un peu de temps, vous pouvez avec multisaisons, vous faire un site au graphisme exceptionnel !

Stéphan

A propos de l'auteur Stéphan :
Créateur de site Internet avec SPIP : Pour une plus grande cohérence, confiez l’élaboration de votre site Internet et de vos graphismes à un seul (...) Lire la suite... Site internet : Création Internet et graphique.



Navigation

Lettre d'information |  News | plan du site |  Kiosque web |  Glossaire |  Utilisateurs


2 discussions en archive :
:: Jouons avec les couleurs SPIP
:: Changez les couleurs des saisons (...)
Forum désactivé



Le 10/01/2008
à 00:52:02 par
Sarah

Decentrage

J’ai installé tout comme il faut, j’ai fait mon fichier de surcharge-couleurs. Ca marche aussi (sauf qu’il me manque un petit bout de fond blanc en haut du site faut que je regarde les containers...)
MAIS, j’ai juste rajouté du texte dans la phrase de bienvenue sur le site, dans le squelette sommaire et lorsque je recharge le nouveau fichier sommaire (aprés avoir vidé le cache) ma page d’accueil n’est plus du tout centrée...
Pour arriver a retomber sur la bonne version (centrage) je suis obligé de télécharger a nouveau les fichiers originaux de multisaisons ...
qu’est ce qui ne va pas ??? si vous aviez une piste ca m’arrangerait (comment faut il faire pour changer sommaire correctement ??)
Merci d’avance

probleme ici


RSS rubrique Afficher le contenu dynamique RSS de Multi-saisons