SPIP - Contrib

SPIP - Contrib

[ar] [en] [es] [fr] [it]

85 visiteurs en ce moment

fontsizeup fontsizedown
Accueil du site > Contribs > Squelettes complets > Squelettes « éditoriaux » > IENSP > squelettes IENSP standard pour SPIP 2.0
[8 commentaires]

squelettes IENSP standard pour SPIP 2.0

samedi 6 décembre 2008, par StephK

2 votes

Présentation

- Nom du Squelette : "IENSP"
- Version du squelette : 4.2
- Auteur : Stéphane Kus
- Licence : GPL
- Compatibilite SPIP : compatible SPIP > 2.0
- Sites exemples : site de développement

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.

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.

- 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. Intègre également les plugins article PDF (attention, utiliser la version fournie avec les squelettes, celle sur SPIP-Contrib n’est pas compatible avec SPIP 2) et Version Imprimable.

- La version 4.0 a adapté les squelettes à SPIP 2.0
- La version 4.1 corrige un bug de compatibilité avec Thickbox et intègre le plugin Accès Restreint 3 pour SPIP 2
- La version 4.2 corrige un bug d’affichage de l’agenda avec IE, intègre les plugins Article PDF et Imprimer Article, élargi l’affichage de la page.

Il est à noter que IENSP utilise maintenant 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 .

Un petit aperçu

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
- black : couleur des bordures, du fond de l’entête du menu
- #cfcfcf : couleur de fond des blocs
- #f26522 : couleurs du fond de page, du titre du site, des liens et des textes de formulaires

images à modifier :
- coinrond.gif et coin.gif (arrondis du menu)
- degrade.gif (fond)
- 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)
- fondbarre.png (fond du pied de page)

Téléchargement

Zip - 681.6 ko
IENSP standard v4.2

Voir en ligne : article original

Retour en haut de la page

8 Messages de forum

Voir toute la discussion

  • Répondre à ce message

    4 mars 17:37 , par Cadsic

    Merci Stéphane pour ta réponse.

    J’ai bien vidé le cache ; je constate cette anomalie sur mes portables, aussi bien avec IE 6 que IE 7 mais pas avec Chrome.

    Christian

  • Répondre à ce message

    2 mars 18:10

    Merci pour tes remarques.

    Le pb du carré avec point vient du fait qu’il ne trouve pas l’image de cadenas qui devrait s’afficher : c’est une erreur dans le fichier squelettes/inc-entete.html : il faut remplacer zones-acces-24.png par zones-acces-24.gif.

    Pour le reste je n’ai pas ces pb ni dans IE 7 et 8 ni dans Chrome. As-tu bien vider le cache (de SPIP et de ton navigateur) après avoir installé les nouveaux squelettes ?

    Stéphane

  • Répondre à ce message

    2 mars 14:41

    Bonjour Stéphane,

    Merci pour cette correction, le calendrier est désormais ok avec IE

    Je constate cependant d’autres anomalies :

    - IE : carré avec point avant « se connecter »
    - IE : logos tronqués dans la barre du pied (ex. Firefox)
    - IE & Chrome : les lignes de titres du menu vertical sont en orange alors qu’elles sont en blanc avec Firefox
    - IE & Chrome : surlignage de couleur différente (gris) alors que l’on a orange avec Firefox

    Christian

  • Répondre à ce message

    1er mars 15:52 , par StephK

    Le pb vient du fichier formulaires/calendrier_mini.html. Version corrigée en PJ.

    Je vais faire une mise à jour du ZIP des squelettes rapidement.

    Stéphane

  • Répondre à ce message

    26 février 19:06 , par cadsic

    Merci pour ta réponse rapide

    Voilà l’url du site en cours de réalisation :

    http://www.difs.fr/

    (Pour info, le problème est identique sur tes autres squelettes avec IE7)

  • Répondre à ce message

    26 février 18:17

    Peux-tu nous donner l’adresse de ton site pour se rendre compte ?

    Stéphane

  • Répondre à ce message

    26 février 10:38 , par cadsic

    Bonjour,

    Problème d’affichage dans IE version 7 :

    1. pas de calendrier (rectangle "gris" à la place)
    2. images tronquées dans inc-pied (logos iensp + firefox)

    Je ne constate rien d’anormal avec Firefox et Google Chrome

  • Répondre à ce message

    27 janvier 13:23 , par moreau

    Quand j’écris un article je n’ai pas la fonction "ajouter un document je n’ai que celle ajouter une image. merci pour votre réponse

Répondre à cet article

Retour en haut de la page

Ça discute par ici