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.
Il est aussi possible :
- d’affecter des bannières à une branche du site en mettant le mot clef de la bannière à la rubrique racine de la branche
- de forcer certaines bannières à des pages spécifiques en mettant dans la « Bulle d’aide » le nom du template ciblé parmis :
- Sommaire
- Connexion
- annuaire
- Plan
- InscriptionEvenement
- mots_filtres
- Liste_mail
- pb_paiement
- ProposerEvenement
- Sigles
- Sites
- Documents
Les bannières affectées à une zone spécifiques restent utilisables partout où il n’y a pas de restriction.
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 :
Vos commentaires
# Le 16 novembre 2011 à 11:45, par Benoitos
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Bonjour,
Je viens de faire une modification dans l’emplacement des rubriques avec les mots clés.
Souci : la page d’accueil et certaines rubriques s’affichent « comme si elles ne trouvaient pas leur css » alors qu’apparemment il est bien appelé par la page.
voici ces pages :
http://www.journalatelier.fr/
http://www.journalatelier.fr/-Ressources-.html
http://www.journalatelier.fr/-L-Atelier-experimental-.html
Je peux envoyer les modifs que j’ai réalisées sur les mots clés des rubriques si c’est nécessaire...
# Le 16 novembre 2011 à 12:13, par RealET
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Rajouter ?var_mode=recalcul à chaque page a réglé le problème : c’était donc un problème de cache ;-)
==> Toujours vider le cache de SPIP avant de dire qu’il y a un problème ;-)
# Le 16 novembre 2011 à 12:42, par Benoitos
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Merci Jack,
J’avais vidé le cache plusieurs fois et c’est justement après l’avoir vidé que le problème apparaissait...
Le menu qui permet le recalcul des pages n’apparait plus en haut dans le bandeau (et n’apparaissait pas avant de vider le cache)... Comment est-il possible de le « remettre » ?
Donc même sans ce menu, si je comprends bien il suffit d’ajouter ?var_mode=recalcul à l’URL pour forcer le recalcul ? super !
# Le 16 novembre 2011 à 13:09, par RealET
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Pour remettre les boutons d’admin s’ils ont disparu : accueil de ecrire/ et dans la colonne de gauche : activer le cookie de correspondance.
# Le 16 novembre 2011 à 17:14, par Benoitos
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Mais c’est bien sûr !
Celui là m’avait échappé, promis je fais un noeud à mon mouchoir !
Répondre à ce message
# Le 3 novembre 2011 à 22:59, par ?
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Depuis quelques temps une barre grise s’affiche dans le menu du haut derrière les onglets sur mon site http://www.journalatelier.fr/
Lorsque je regarde le code correspondant à cette barre je trouve :
html > body #sommaire_mode_news .hasJS > div #container > div #contenu > div #wrapper > div #content .equilibre notstackable > div #menuhaut > ul
Mais que dois-je faire pour la supprimer ?
# Le 3 novembre 2011 à 23:16, par RealET
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Il suffit de surcharger la CSS avec :
#menuhaut {background: transparent;
}
Trouvé avec FireBug en moins d’une minute.
# Le 4 novembre 2011 à 12:56, par Benoitos
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Merci Jack,
En effet c’était très simple.
Je n’ai pas réussi à réinstaller firebug depuis la mise à jour de Firefox...
Répondre à ce message
# Le 10 avril 2011 à 10:51, par kendoliane
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Bonjour
Avec le squelette « soyezcreateurs », j’ai installé et configuré le plugin « menus ». Mais quand je vérifie, la barre de navigation n’apparait pas. pourquoi ? est ce incompatible ? comment avec une barre de navigation configurable ?
D’avance Merci
# Le 10 avril 2011 à 12:36, par RealET
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Bonjour,
Le plugin Menu n’est pas pris en compte par SoyezCréateurs (pour l’instant).
Il y a divers mots clés qui servent à faire sensiblement ce qu’on peut vouloir faire.
Et les articles de redirection qui permettent d’atteindre des pages « exotiques ».
Répondre à ce message
# Le 9 avril 2011 à 10:16, par kendoliane
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Le plugin « bandeau » fonctionne-t-il avec ce squelette ?
Grand débutant, je test, en local, un projet de site. J’ai opté pour le squelette « soyezcreateurs ». Parmi les quelques plugins ajoutés, « bandeau ». Dès qu’il est activé, je n’ai plus accès aux « plugins installés », je n’en vois que le nombre. De plus, je ne vois aucun bandeau à configurer...
Que faire ?
d’avance merci
# Le 9 avril 2011 à 11:23, par RealET
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Oui, le plugin bandeau est compatible : je l’utilise sur les 80 sites que j’héberge.
Le symptôme de la liste des plugins non affichée doit venir d’un des plugins qui n’est pas dans sa dernière version.
# Le 9 avril 2011 à 11:29, par kendoliane
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Quelle réactivité !! Merci !
je vais essayer ça, en testant chaque plugin.
I’ll be back !
# Le 9 avril 2011 à 21:57, par kendoliane
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Je confirme que c’était bien ça. J’ai repris chaque plugin, avec sa dernière maj, et je peux à nouveau voir la liste des plugins présents.
Merci !
Répondre à ce message
# Le 17 février 2011 à 16:21, par Stephan
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Bonjour,
Dans le menu de mes rubriques s’affiche un lien « Documents » qui pointe vers une page de téléchargement de tous mes documents déposés sur le site.
Comment désactiver l’apparition de ce lien ?
Merci d’avance !
# Le 17 février 2011 à 16:57, par RealET
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Dans la 2e page de configuration de SoyezCréateurs (Positionnement) : ecrire/ ?exec=cfg&cfg=soyezcreateurs_layout
Liens de navigation génériques (position et affichage) : Document, choisir dans la liste déroulante : Masquer
# Le 18 février 2011 à 08:46, par Stephan
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Merci !
« Liens de navigation génériques (position et affichage) » n’apparait pas chez moi sur cette deuxième page de configuration. Cela doit être un problème de version de plugin, je vais télécharger la plus récente et là cela devrait marcher !
Merci beaucoup ! ;-)
Répondre à ce message
# Le 2 février 2011 à 22:30, par Retenodus
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Bonjour,
J’utilise une bannière personnalisée, et j’aimerais que le titre du site ne s’affiche pas (il est déjà en dur sur la bannière, je veux pas qu’il s’affiche deux fois...).
J’ai demandé de l’aide sur IRC où on m’a dit qu’il fallait surcharger le squelette, mais la personne n’a pas trouvé quel fichier il fallait surcharger.
Comment faire ?
Merci d’avance,
Grégoire Leroy
# Le 2 février 2011 à 23:16, par RealET
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
C’est dans la configuration de SoyezCréateurs (rien à surcharger) : il est possible de dire si le nom du site doit être ou non affiché par dessus la bannière.
# Le 3 février 2011 à 07:20, par Maïeul
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
tu me rassure RealEt parceque c’est ce qui me semblait en analysant le code … bizarre que Grégoire n’ait pas trouvé
Répondre à ce message
# Le 22 juin 2010 à 15:31, par favrège
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Bravo pour ce squelette,
Dans l’agencement 07, par défaut et pour l’accueil, comment faire afin que la boîte « Quoi de neuf ? » se positionne dans la colonne latérale de droite plutôt que de rester flottante ?
Merci d’avance pour la réponse.
Favrège
SPIP 2.0.11
Squelette SoyezCreateurs pour SPIP 2.0
# Le 22 juin 2010 à 15:45, par RealET
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
La boite quoi de neuf est forcément dans le contenu de la page.
Ceci dit, une charte graphique comme www.essencedesoi.com permet de ne pas en avoir trop l’impression.
# Le 5 octobre 2010 à 18:02, par Gwendal
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Hello,
pour personnaliser quoi de neuf ainsi il faut je suppose surcharger la css ?
il n’y a pas déjà les lignes css spécial quoi de neuf ?
merci
# Le 5 octobre 2010 à 18:50, par RealET
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Exact. En l’état, les couleurs du Quoi de neuf dépendent par défaut des couleur du menu principal.
# Le 5 octobre 2010 à 18:51, par Gwendal
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
oki si j’arrive à faire quelque chose je peux faire un tuto explicatif pour la communauté ?
# Le 5 octobre 2010 à 20:19, par RealET
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Bien sûr ! Merci d’avance.
FireFox + FireBug seront tes amis.
# Le 14 janvier 2011 à 12:21, par Gwendal
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Bonjour,
j’essaye comme dit précédemment de surcharger par css afin de personnaliser encore plus look, mais je rencontre des difficultés à identifier les balises identifiant les zones, y at’il une liste des id css utilisés pour les grandes zones ?
par exemple je souhaite surchager par css le header afin d’obtenir un résultat s’approchant de ceci : http://www.openwebdesign.org
# Le 14 janvier 2011 à 13:26, par RealET
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Les grandes zones sont basées sur les id de LayoutGala.
Pour le reste, FireFox + FireBug sont la solution pour identifier les zones, les modifier, les tester...
Au passage, voici une page qui liste ma trousse à outil pour développer des squelettes.
# Le 14 janvier 2011 à 18:35, par Gwendal
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Merci,
c’est Header tout simplement que je cherchais lol
j’ai commencé à prendre des notes sur comment jouer avec la balise background notamment et donc à présent Header, dès que j’ai du solide je partage ;-)
# Le 14 janvier 2011 à 18:38, par RealET
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Le background du header, il se change simplement en metant un logo de survol au site ;-)
# Le 14 janvier 2011 à 18:51, par Gwendal
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Certes mais quand c’est juste pour mettre un fond et qu’on veut garder du texte pour le référencement naturel ça peut servir ;-)
je test des modifs sur tiptool pour « quoi de neuf »
# Le 14 janvier 2011 à 19:00, par RealET
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Le #NOM_SITE_SPIP en H1 est toujours là, même quand il est rendu « invisible ». Le SEO est donc sauvé !
# Le 14 janvier 2011 à 20:19, par ?
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
autant pour moi, je vais donc focaliser sur quoi de neuf ;-) ce sera plus utile ;-)
Répondre à ce message
# Le 11 août 2010 à 17:17, par tifro
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Bonjour,
Je n’arrive pas à changer le bandeau, j’ai beau cocher ou décocher la case en suivant les instructions suivante :
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.
rien ne modifie la page même après le vidage du cache.
quand pensez vous ?
merci
Répondre à ce message
# Le 10 mai 2010 à 22:46, par David
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Bonjour,
Bravo pour ce travail. Un problème tout de même, je n’arrive pas à surcharger les CSS. Encore balbutiant en CSS, j’ai simplement voulu ajouté la ligne :
#container background-color : #eeeeee ; color : #555555 ;
dans stylessoyezcreateurs_perso.css.
Sans aucun effet... J’ai vidé le cache, rechargé la page, mais rien...
Toute aide est la bienvenue !
David
(le site en question : http://apeijalille.free.fr/spip)
Veersion : 2.5.3 — stable
# Le 11 mai 2010 à 09:34, par RealET
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
C’est sans doute que la CSS n’est pas au bon endroit.
En effet, http://apeijalille.free.fr/spip/squelettes/images/stylessoyezcreateurs_perso.css me renvoie une 404.
# Le 11 mai 2010 à 19:35, par David
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Super, ça marche ! Merci !
(j’avais mis le fichier dans http://apeijalille.free.fr/spip/plugins/soyezcreateurs_net/plugins_2.0/squelettes/images)
Maintenant, yapluka se mettre au CSS :))
David
Répondre à ce message
# Le 13 avril 2010 à 16:22, par EmilieL
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
J’ai fait un bandeau flash, savez-vous à quel endroit ds le squelette je peux appeler le flash à la place de l’image banniere par défaut ?
Merci
Emilie
# Le 13 avril 2010 à 17:50, par RealET
En réponse à : Personnalisation graphique du squelette SoyezCreateurs
Tant que SPIP ne permettra pas de mettre un flash comme logo du site ou d’un mot clef, je crains que mettre un bandeau Flash ne soit pas possible avec SoyezCreateurs.
Répondre à ce message