SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 270 visiteurs en ce moment

Accueil > Squelettes > Squelettes généralistes > SoyezCreateurs > Plugins facultatifs > Personnalisation avancée des CSS de SoyezCreateurs avec SkelEditor

Personnalisation avancée des CSS de SoyezCreateurs avec SkelEditor

17 juin 2012 – par Alencar, RealET

2 votes

SoyezCreateurs permet un configuration simple des couleur de votre site, ainsi qu’un large choix d’organisation des éléments.

Mais cela peut ne pas vous suffire. Avec le plugin SkelEditor, vous pourrez éditer les fichier squelette pour faire de la surcharge CSS et ainsi augmenter les possibilités !

Sans SkelEditor, c’est bien !

Voici un site non configuré (dont le nom à été flouté) sous SoyezCreateurs.

Un site SC à peine configuré

Avec le système de configuration de couleurs et d’organisation du squelette, nous pouvons facilement arriver à ce résultat.

Aprés configuration des couleur sous SC

Mais malgré les possibilités native de SoyezCreateurs, tous n’est pas modifiable. Ainsi, après avoir épuisé les possibilités du squelette, il reste la solution de SkelEditor.

Avec SkelEditor, c’est mieux !

Une fois l’installation faite, l’éditeur de squelette apparait dans le menu de votre espace privé. Avec SoyezCreateurs, ce dernier vous permettra d’éditer le fichier stylessoyezcreateurs_perso.css qui permet de faire de la surcharge CSS sur votre site.

Si celui-ci n’est pas présent dans la liste de l’éditeur, créez un nouveau fichier et nommez le « stylessoyezcreateurs_perso.css ». Veillez à ce que ce dernier soit présent dans le sous dossier « images » afin que SoyezCreateurs puisse le retrouver et l’intégrer dans vos pages. [1]

Une fois fait, il vous suffit de l’éditer pour insérer vos règles CSS personnaliser. Vous pouvez utiliser Firebug, un addon de Firefox, afin de rendre votre tache plus facile.

Il ne vous reste plus qu’a enregistrer le fichier et à recalculer le cache de la feuille de style, généralement avec un lien du type :

  1. http://monsite.com/spip.php?page=stylessoyezcreateurs.css&var_mode=calcul

Un petit exemple de ce qu’on peut faire avec une surcharge CSS

Nous en étions la :

Aprés configuration des couleur sous SC

Après une journée de travail basé uniquement sur des surcharge CSS, j’ai obtenue se résultat :

Resultat final SC avec SkelEditor

Notes

[1Pour déplacer un fichier, utiliser l’outil « Renommer » de SkelEditor. vous pouvez également envoyez des fichiers tel que des images.

Dernière modification de cette page le 19 juin 2012

Retour en haut de la page

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • GIS 4

    11 août 2012 – 1338 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

  • Plugin Multidomaines 2.x

    10 juillet 2012 – 73 commentaires

    Le plug-in Multidomaines permet d’associer un nom de domaine ou un sous-domaine a un secteur Spip. Les balises rajoutées permettent de pointer un lien absolu aussi facilement qu’avec les balises originales. ATTENTION ! Le plugin n’est pas (...)

  • Japibas, squelette responsive

    11 octobre 2013 – 89 commentaires

    Japibas est un squelette responsive, multilingue (français, anglais et espagnol), dont l’habillage conviendrait à un site de type blog ou webzine. Le graphisme est inspiré du template Wordpress Japibas réalisé par Jesper Johansen et distribué sous (...)

  • ViaSPIP 3.1

    26 février 2016 – commentaires

    Après la sortie de SPIP 3.1, voici la nouvelle version du squelette ViaSPIP qui reste dans la lignée des précédentes versions. ViaSPIP 3.1 est toujours un squelette généraliste pour SPIP, sous forme de plugin, visant à offrir une alternative au (...)

  • Formidable, le générateur de formulaires

    23 janvier 2012 – 2136 commentaires

    Un générateur de formulaires facilement configurable pour les non-informaticiens et facilement extensible pour les développeurs. Introduction L’objectif était de créer un plugin permettant de générer des formulaires. Historiquement, 2 plugins (...)