Accueil > Réalisations Web > Squelettes pour SPIP > Les squelettes IENSP > Pour SPIP version > 2 > Squelettes IENSP Pleine Page menu horizontal pour SPIP 2.0

Squelettes IENSP Pleine Page menu horizontal pour SPIP 2.0

samedi 14 février 2009, par Stéphane Kus

Présentation

- Nom du Squelette : "IENSP Pleine Page Menu Horizontal"
- Version du squelette : 2.0
- Auteur : Stéphane Kus
- Licence : GPL
- Compatibilite SPIP : compatible SPIP > 2.0
- 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 Thickbox 2. 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 et dans les pages articles (plugin Agenda 2 nécessaire)
- intègre le plugin Thickbox2 pour le portfolio, le plugin Agenda 2 et le plugin accès restreint pour mettre certaines zones du site public en accès réservé aux abonnés, ainsi que le plugin Spip-Bonux nécessaire aux 2 précédents.

Les squelettes doivent être installés dans un répertoire "squelettes" et les 4 plugins dans un répertoire "plugins", à la racine de votre site. N’oubliez pas d’activer les plugins via l’espace privé (configuration, gestion des plugins).

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 et 8
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

IENSP Pleine Page Menu Horizontal v2.0

3 Messages

  • bonjour, existe t il dans votre squelette une possibilité d’avoir un édito, de façon générale commnt s’affichent les mots clés propres à des articles spécifiques ? Merci pour la réponse Pierre Strasbourg

    Répondre à ce message

    • Squelettes IENSP Pleine Page menu horizontal pour SPIP 2.0 Le 8 mars 2009 à 16:15, par Stéphane Kus

      Bonjour, voici un exemple de boucle à placer dans le fichier sommaire.html pour afficher un article en Edito. Pour cela on peut créer un mot clé spécifique : je choisis de créer le mot clé "une" dans l’espace privé que j’associe ensuite à l’article que je veux mettre à la "une" du site.

      Voici le code à placer dans squelettes/sommaire.html juste avant

      [(#REM) Contenu principal : derniers articles publies ]
                      <div id="contenu">--

      (ligne 32) :

      Répondre à ce message

Répondre à cet article

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