Squelettes IENSP Pleine Page menu horizontal

Transcription

Squelettes IENSP Pleine Page menu horizontal
Squelettes IENSP Pleine Page menu horizontal
Extrait du Stéphane Kus / IENSP
http://skus1.free.fr
Squelettes IENSP Pleine Page
menu horizontal
- Squelettes pour SPIP - Les squelettes IENSP - Pour SPIP 1.9 -
Date de mise en ligne : lundi 11 ao²008
Stéphane Kus / IENSP
Copyright © Stéphane Kus / IENSP
Page 1/4
Squelettes IENSP Pleine Page menu horizontal
Présentation
Nom du Squelette : "IENSP Pleine Page Menu Horizontal"
Version du squelette : 1.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 avec 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 script ImageFlow. A part quelque déplacement de
et le rajout du portfolio, seuls les fichiers habillage.css et spip_style.css ont été modifiés. Attention, le menu déroulant
étant dans une barre horizontale, il vaut mieux privilégier ces squelettes pour un site dont les rubriques de 1er niveau
ne sont pas trop nombreuses...
J'espère que ces squelettes vous donnerons envie de plonger dans le CSS afin de créer un style propre à vos sites.
menu déroulant translucide à 3 niveaux
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é).
intègre le script ImageFlow pour le portfolio et le plugin accès restreint pour mettre certaines zones du site public
en accès réservé aux abonnés.
Il est à noter que les squelettes 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 lordre 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
Copyright © Stéphane Kus / IENSP
Testé ?
Plateforme
Navigateur
Version
oui
windows
Internet explorer
7
Page 2/4
Squelettes IENSP Pleine Page menu horizontal
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 :
black
: couleur de fond de la page
white
: couleur des bordures, du texte
#cfcfcf
: couleur des bordures des blocs
#f26522
: couleurs du titre du site et des liens
images à modifier :
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)
fondbarrebas.png (fond du pied de page)
Téléchargement
Copyright © Stéphane Kus / IENSP
Page 3/4
Squelettes IENSP Pleine Page menu horizontal
Squelettes IENSP Pleine Page Menu Horizontal v1.1
Copyright © Stéphane Kus / IENSP
Page 4/4