Squelette « IENSP » v1.1

Ceci est une ARCHIVE, peut-être périmée. Vérifiez bien les compatibilités !

Ajoute au squelette par défaut (la dist) une barre de navigation et un menu déroulant ainsi qu’un portfolio .

Présentation

-  Nom du Squelette : « IENSP »
-  Version du squelette : 1.1
-  Auteur : Stéphane Kus
-  Licence : GPL
-  Compatibilite SPIP : compatible SPIP > 1.9.2
-  Sites exemples : le site de la circonscription de Saint-Priest, le site REP’Connection en version vert pâle
-  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 ouvre les images dans une fenêtre pop-up avec des boutons de navigation d’une photo à l’autre. 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.

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 .

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)
-  #336699 (couleur des bordures, des liens, de fond des menus et des barres de navigation)
-  #FFCC66 (couleur du texte du menu et des barres de navigation et de fond des menus déroulants)

Dernière chose à faire : modifier les images images/coin.gif et images/coinrond.gif pour les accorder avec les couleurs de votre habillage.css

Quelques sites qui utilisent les squelettes IENSP

-  Le site de Solidaires Rhône
-  Aquamac
-  Puls’Art Le Mans
-  Le Site des Elus Etudiants Rochelais et de la Vice-Présidente Etudiante
-  Mac & Guitare
-  Le site officiel de Max Foggéa
-  http://pascaljuhel.com
-  http://www.carolineballet.com
-  http://www.armelle-chesnel.com
-  http://www.stepk.com
-  http://fred-chapellier.com
-  http://www.heuvelinne.com
-  http://www.lorenzosanchez.com
-  http://www.danielrouyer.com
-  http://www.psychanalyste-en-colere.com
-  http://www.fho-madison.com
-  http://www.robertlerivrain.com

Mais encore

Donnez-moi votre avis (par mail ou via le forum de cet article) et aidez-moi à optimiser ce squelette pour toute plateforme.

Et pour finir, voici une petite image de la page d’accueil :

Discussion

Aucune discussion

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom