Présentation
Nom du Squelette : "IENSP"
Version du squelette : 3.1
Auteur : Stéphane Kus
Licence : GPL
Compatibilite SPIP : compatible SPIP > 1.9.2
Visualiser
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, un annuaire des sites web référencés, ainsi qu’un portfolio qui utilise le plugin Thickbox2. A 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.
La version 2.0 améliore le rendu avec Firefox (utilisation de la propriété CSS3 border-radius pour arrondir les angles des blocs), amélioration de l’esthétique du portfolio, ajout d’un bloc "derniers sites référencés" en page d’accueil, ajout d’un fichier annuaire.html qui donne la liste de tous les sites référencés, ajout d’un dégradé autour de la page.
La version 2.1 rajoute un 3eme niveau au menu déroulant
La version 2.2 corrige un bug du menu déroulant avec des titres qui débordaient parfois du cadre et 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é).
La version 3.0 améliore le menu déroulant (transparence), la barre de navigation (survol des liens modifiant l’image de fond) et intègre le plugin Thickbox2 pour le portfolio (fonction diaporama) et le plugin accès restreint pour mettre certaines zones du site public en accès réservé aux abonnés.
la version 3.1 corrige 2 petits bugs de l’identification
Il est à noter que IENSP utilise maintenant 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 | . |
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 :
#FFFFFF
: couleur de fond de la page
black
: couleur des bordures, du fond de l’entête du menu
#cfcfcf
: couleur de fond des blocs
#f26522
: couleurs du titre du site, des liens et des textes de formulaires
images à modifier :
coinrond.gif et coin.gif (arrondis du menu)
degrade.gif (fond)
pixtrans.png (fond transparent du menu déroulant)
fondbarrehaut.png (fond de la barre de navigation)
fondbarrehautsurvol.png (fond des liens survolés de la barre de navigation)
fondbarre.png (fond du pied de page)