Accueil > Réalisations Web > Squelettes pour SPIP > Les squelettes IENSP > Archives > Squelettes IENSP Pleine Page menu horizontal v1.0

Squelettes IENSP Pleine Page menu horizontal v1.0

jeudi 24 janvier 2008, par Stéphane Kus

Présentation

- Nom du Squelette : "IENSP Pleine Page Menu Horizontal"
- Version du squelette : 1.0
- 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 plugin Thickbox2. A part quelque déplacement de <div>
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 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.

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 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é ?PlateformeNavigateurVersion
oui windows Internet explorer 7
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

Squelettes IENSP Pleine Page Menu Horizontal

2 Messages

  • Squelettes IENSP Pleine Page menu horizontal Le 17 juillet 2008 à 08:11, par probert

    Monsieur Kus, bonjour

    Je suis enseignant en collège, et je profite de ces vacances pour travailler à la réorganisation du site de notre établissement : nous souhaitons passer sous Spip, et nous allons profiter de votre squelette "pleine page menu horizontal". Je suis actuellement en train d’adapter votre version à nos besoins.

    Tout se passe bien, sauf une chose, dont je ne parviens pas à venir à bout. Nous aurions besoin d’un niveau de plus dans l’affichage déroulant des sous-rubriques (un niveau "level4", en quelque sorte, par rapport aux trois que vous avez déjà installés dans l’en-tête). J’ai donc créé une classe #level4 directement dans mon fichier css, en m’appuyant sur vos #level1, 2, et 3, et j’ai également rajouté une boucle pour ma sous-rubrique de 4e rang, à l’intérieur de celles que vous-même aviez faites dans les fichiers rubrique.html ou article.html. Les rubriques voulues s’affichent, mais par contre le menu ne se déroule pas : il affiche les sous-rubriques #level3 et #leve4 comme un bloc, sans l’effet d’apparition progressive voulu, dès que la souris pénètre dans la liste des rubriques de niveau 2.

    Y aurait-il un fichier de plus à modifier, auquel je ne penserais pas ?

    Je vous remercie par avance de votre aide.

    Répondre à ce message

Répondre à cet article

SPIP | | Plan du site | Suivre la vie du site RSS 2.0