⇒ https://contrib.spip.net/SoyezCreateurs-1237?tri_articles=titre
La documentation sur le squelette SoyezCreateurs disponible sur la zone. Un squelette conforme aux bonnes pratiques en matière d’accessibilité, (…)
Personnalisation graphique du squelette SoyezCreateurs
Août 2009, par RealET — Documentation, Squelettes, WebmestreIl est possible de personnaliser l’affichage du squelette SoyezCreateurs de manière plus ou moins profonde.
Changement dans les couleurs via CFG
La page de CFG des couleurs de SoyezCreateurs : ecrire/?exec=cfg&cfg=soyezcreateurs_couleurs
permet de changer largement les couleurs du site.
Faites vos essais…
Vous pouvez aussi utiliser des Jeux de couleurs pour SoyezCreateurs.
Logo et bannière du site
Le Logo du site est utilisé :
- comme logo du site (des options de CFG permettent d’en préciser la position, voire de le masquer)
- comme favicon du site
- comme logo du flux RSS du site
Pour changer la bannière du site, il est possible
- de choisir parmi les 3 proposées par défaut.
- de dessiner sa propre bannière pour la placer dans le site
Une fois la bannière dessinée [1], il suffit de la placer comme logo de survol du site (via la page de configuration du site : ecrire/?exec=configuration
.
Exemple : Grand Sud Animations
Le Logo du site est en particulier utilisé comme favicon du site.
Et le Logo de survol sert de bannière.
Attention : Si vous utilisez une bannière personnalisée, il faut que cette dernière intègre en « texte brulé » [2]
Bannière rotative
Il est aussi possible depuis la version 2.3.0 du squelette de disposer de plusieurs bannières pour le site, une nouvelle bannière tirée au hasard étant affichée à peut près à chaque nouvelle page (le cache de la bannière est à 1s).
Pour cela :
- rendez-vous dans la page de gestion des mots clefs du site,
- trouvez le groupe de mots clefs : _HeaderBanner
- créez autant de mots clefs dans ce groupe que vous aurez de bannières
- placez dans chacun de ces mots clefs vos bannières en tant que logo (normal) [3]
À noter : les bannière rotatives remplacent complètement l’éventuelle bannière unique du site qui aurait pu être définie dans la configuration du site.
Surcharge personnalisée des CSS
Enfin, pour les plus aguerris, il est possible de surcharger les CSS du site.
Pour cela, créer un dossier squelettes/ à la racine du site.
Créer un dossier images/ dans ce dossier squelettes/
Dans squelettes/images/ [4] :
- stylessoyezcreateurs_perso.css est rajouté à la fin de la feuille de style du site
- stylesportail_perso.css est rajouté à la fin de la feuille de style du mode portail
- favicon.ico permet d’avoir un favicon spécifique non calculé à partir du logo du site
Un outil pourra vous aider grandement dans ce travail sur les CSS : FireFox + FireBug.
Quelques exemples de personnalisation des CSS :
[1] Elle doit avoir la largeur définie dans la configuration du site : le squelette ne la redimensionne pas.
[2] Texte brulé : terme utilisé par les graphistes pour indiquer du texte intégré au sein d’une image. Il est brulé au sens qu’il ne peux pas être changé sans changer l’image. Peut-être en rapport avec l’expression « bruler ses vaisseaux ».
[3] Et comme pour la bannière unique du site, brulez les textes que vous voulez afficher dans les bannières…
[4] Modèle ici : http://zone.spip.org/trac/spip-zone/browser/_squelettes_/soyezcreateurs_net/plugins_2.0/squelettes/images
→ Lire la suite sur le site d’origine…