Accueil > Réalisations Web > Squelettes pour SPIP > Les squelettes IENSP > Pour SPIP 1.9 > Squelettes IENSP version Pleine Page

Squelettes IENSP version Pleine Page

mercredi 16 janvier 2008, par Stéphane Kus

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é ?PlateformeNavigateurVersion
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)

Téléchargement

squelettes IENSP version Pleine Page 1.0

3 Messages

  • Squelettes IENSP version Pleine Page Le 13 mai 2008 à 09:50, par sjpa

    Bonjour,

    et d’abord merci pour votre squelette bien réussi et simple à la fois. Je l’utilise sur www.petithan.be et sur www.malem-auder.org. Sur ce dernier, je ne parviens pas à utiliser l’agenda. L’insertion d’événements dans la partie privée est ok mais rien dans la partie publique. J’ai dû louper qqchose... Merci

    A. Petithan

    Répondre à ce message

  • Squelettes IENSP version Pleine Page Le 10 août 2008 à 09:13, par rcaron

    A l’utilisation de ce squelette (très très bien, par ailleurs), en début de page sommaire j’affiche des onglets (couteau-suisse). Du coup les sous-menus du menu latéral passe en dessous des onglets et ne sont donc pas visibles.

    Que faire ?

    Merci

    Répondre à ce message

    • Squelettes IENSP version Pleine Page Le 11 août 2008 à 15:59, par Stéphane Kus

      Bonjour,
      Essaie de rajouter la propriété z-index au bloc navigation dans le fichier squelettes/habillage.css :

      rajoute cette ligne :

      z-index:300;

      entre la ligne 82 et la ligne 83

      @ bientôt

      Stéphane

      Répondre à ce message

Répondre à cet article

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