Présentation
Nom du Squelette : "IENSP version Pleine Page"
Version du squelette : 1.0
Auteur : Stéphane Kus
Licence : GPL
Compatibilite SPIP : compatible SPIP 1.9.2
Site exemple :
Principales fonctionalités et spécificités
Un squelette simple qui rajoute au squelette par défaut une barre de navigation et un menu déroulant tout en CSS, ainsi qu’un portfolio qui utilise le plugin Thickbox 2. À part quelque déplacement de <div>
et le rajout de l’album, seuls les fichiers habillage.css et spip_style.css ont été modifiés.
Le but pour moi a été de mettre en pratique mon travail sur les CSS, et donc de faire une mise en page qui ne modifie quasiment pas les squelettes par défaut de SPIP à part le fichier habillage.css. J’espère que ces squelettes vous donnerons envie de plonger dans le CSS afin de créer un style propre à vos sites.
Cette version d’IENSP adapte les squelettes pour que le site s’affiche en pleine page du navigateur, sans bordures, et s’adapte à la taille de la fenêtre lorsqu’elle est redimensionnée
Pour fonctionner le portfolio nécessite l’installation du plugin Thickbox2
Cette version intègre un calendrier dans la page d’accueil (nécessite l’installation des plugins Widget calendar et Agenda dans le répertoire plugins/ à la racine de votre site et leur activation dans l’espace privé).
Il est à noter que IENSPvPP utilise le filtre supprimer_numero qui vous permet d’ordonner vos rubriques en leur ajoutant un numéro qui sera invisible dans l’espace public. Pour faire apparaître les rubrique dans l’ordre que vous souhaitez il suffit de les nommer de la manière suivante :
- 01. marubrique
- 02. marubrique
Attention : vous devez obligatoire mettre un espace après le point pour que ça fonctionne.
Testé sur ces navigateurs
Testé ? | Plateforme | Navigateur | Version |
---|---|---|---|
oui | windows | Internet explorer | 6 et 7 (le menu déroulant ne marche pas avec IE6 |
oui | windows | Firefox | . |
oui | Mac | Safari | . |
oui | Mac | Firefox | . |
oui | Mac | Opera | . |
oui | Unix/Linux | Firefox | . |
Visualiser
Personnaliser le squelette
Vous pouvez aisèment personnaliser ces squelettes en changeant les couleurs dans le fichier habillage.css, il suffit de faire un rechercher/remplacer sur ces couleurs :
#CCCCCC
: couleur de fond de la page
#d12b41
: couleur des liens
#4f4f4f
: couleur de l’entête, du menu, du pied de page et des bordures de blocs
#939393
: couleur de fond des blocs
images à modifier :
coinrond.gif
coin.gif (arrondis du menu)
3 Messages