Présentation
- Nom du Squelette : « IENSP »
- Version du squelette : 3.1
- Auteur : Stéphane Kus
- Licence : GPL
- Compatibilite SPIP : compatible SPIP > 1.9.2
- Sites exemples : site de développement
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, 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 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.
- La version 2.0 améliore le rendu avec Firefox (utilisation de la propriété CSS3 border-radius pour arrondir les angles des blocs), amélioration de l’esthétique du portfolio, ajout d’un bloc « derniers sites référencés » en page d’accueil, ajout d’un fichier annuaire.html qui donne la liste de tous les sites référencés, ajout d’un dégradé autour de la page.
- La version 2.1 rajoute un 3e niveau au menu déroulant
- La version 2.2 corrige un bug du menu déroulant avec des titres qui débordaient parfois du cadre et 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é).
- La version 3.0 améliore le menu déroulant (transparence), la barre de navigation (survol des liens modifiant l’image de fond) et 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.
- la version 3.1 corrige 2 petits bugs de l’identification
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é ? | Plateforme | Navigateur | Version |
---|---|---|---|
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 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)
Discussions par date d’activité
16 discussions
Bonjour,
J’ai rechargé entièrement SPIP et vos squelettes sur le site http://lesentimentalisme.org/ ,
pourquoi si je veux charger les plugins j’obtiens une page blanche ?
ce qui fait que dans la zone privée il n’y a pas de plugins dans la configuration.
Le calendrier ne s’affiche plus sur la première page du site.
Par ailleurs l’accès restreint fonctionne, pourquoi mystère.
Je ne sais pas me servir du portfolio, donc je n’ai pas vérifié si Thickbox2 est en action.
Bonjour Stéphane,
je viens de changer de serveur et je n’ai plus aucun problème, je tenais à vous informer de cette bonne nouvelle. Merci encore pour vos squelettes. Cordialement. Gédid
Répondre à ce message
Bonjour Stéphane,
Je m’y perds un peu dans les différentes versions et leur numéro ...
J’utilise le jeu de squelettes de cette page iensp 3.0 ... pas la version 3.1 ...
La version 3.0 pour l’avoir testée n’est pas compatible avec spip 2.0 (comme je le disais ds mon dernier post). le 3.1 l’est-elle ou prévois tu un update pour que cette même version le soit ?
Quid des autres versions (PP etc ..)
Cordialement,
@ bientôt
@rno
C’est sorti hier : IENSP 4.0 pour SPIP 2
Répondre à ce message
Ok Stéphane,
merci beaucoup pour l’info ...
je reste en mode vigilence.
@rno
Répondre à ce message
Bonjour Stéphane,
J’ai installé en local la dernière version de spip (spip 2.0) mais dès que je positionne ton squelette iensp standard 3.0 j’ai un pb d’authentification pour accéder à mon interface admin ...
as-tu un retour d’expérience la-desssus ?
cordialement,
Arnaud
http://www.valarep.fr
Bonjour,
La nouvelle version pour IENSP 2.0 est en cours de finalisation... Encore quelques jours de patience...
@+ STéphane
Répondre à ce message
Bonjour,
J’ai téléchargé votre squelette qui me plait bien.
J’ai ausi téléchargé l’AGENDA.
Y-a-t-il possibilité d’écrire des événements dans l’agenda ?
url du site : www.dites-le.be
Répondre à ce message
Bonjour,
pour le menu de recherche, il faudrait vraiment incorporer le OK de validation que beaucoup attendent à la fin d’un formulaire (c’est le cas de ma maman !). Un petit OK à la fin du formulaire de recherche, qu’en pensez-vous ?
J’ai essayé personnellement de le rajouter, mais n’étant pas fortiche en code PHP et a fortiori en SPIP, je cale.
En tout cas chapeau aux GD (gentils développeurs) qui ont réalisé ce bien bel outil IENSP. Bonne continuation à toute l’équipe.
Ben
Bonne idée, je teste et je te tiens au courant
Salut,
Pour avoir ton OK, rajoute ceci à la fin de la ligne 7 du fichier /squelettes/formulaires/recherche.html
<input class="spip_bouton" type="submit" name="Soumettre" value="OK">
Répondre à ce message
Bonjour Stéphane,
toutes mes félicitations pour vos squelettes, j’ai mis en place la version 2.2 sur le site http://lesentimentalisme.org, cela fonctionne très bien, la version 3.1 m’interesse pour l’Accès Restreint, j’ai par 2 fois supprimé les squelettes et plugins de la V2.2 et rechargé ceux de la V3.1 . A chaque fois cela me supprime toute affichage du site, je fais donc l’opération inverse et je retrouve l’affichage,
quelle erreur je fais ?
pensez-vous faire une version en multilingue ?
merci par avance pour votre réponse, très cordialement .
Bonjour Stéphane,
j’ai trouvé l’erreur, je n’avais pas vidé le cache, c’est en installant le site en local que je me suis rendu compte du problème.
Veuillez m’excuser de vous avoir fait perdre votre temps, encore bravo pour vos squelettes, cordialement, Gédid.
Répondre à ce message
Petit détail sur la page 404, le fil d’ariane coupe le menu
sinon, squelette sympa car il est simple dans son graphisme sans sacrifier les possibilités offertes.
autre petit problème, la page d’affichage des mots clé est « en vrac »
Merci pour ces infos, je vais essayer d’y remédier.
Répondre à ce message
Bonjour,
Félicitation pour votre squelette.
Il est simple d’utilisation. Et j’ai réussi à modifier l’habillage à mon gout. Cela reste simple mais je suis novice donc pour l’instant j’y vais par petites touches.
Toutefois j’ai besoin de vos lumières :
- Le menu déroulant ne fonctionne pas : est-ce que parce que j’utilise Explorer 6 ? Si c’est le cas, à votre avis dois je mettre à jour Explorer7 ou bien prendre Firefox ?
- Je souhaiterais lorsque j’ai un seul article dans un rubrique que la rubrique pointe directement sur l’article et l’affiche. J’ai trouvé des exemples de boucles (tester s’il y a plus d’un article, puis tester s’il n’y en a qu’un) mais je suis incapable de les faire fonctionner : j’ai beaucoup de mal avec les boucles à mettre les unes dans les autres.. l’affichage d’1 article unique fonctionne (mais dans la partie contre-encart alors que je veux directement l’article) et les rubriques qui ont plusieurs articles affichent quand meme le premier article. Et en plus cela plante le navigateur 1 fois sur 2. J’ai donc supprimer ces tests.
Je galère ....
Avez vous fait quelquechose à ce sujet ?
- Pour les articles qui se suivent, j’ai utilisé le lien (->art). Mais j’aimerais y associer une image de flèche : comment faire ?
Merci de vos réponses.
Danièle
Bonjour,
Merci pour tes appréciations sur les squelettes.
Effectivement, le menu déroulant ne fonctionne pas avec IE 6, par contre, il fonctionne avec IE7, Firefox, Opera, Safari,...
Pour la deuxième question, je pense que c’est possible, mais je n’ai jamais testé, je vais essayé et je te tiens au courant.
Pour la troisième question, le plus simple me semble de faire une insertion de l’image de flèche en html :
<HTML><img src="chemin-de-ton-image" /></HTML>
@+
STéphane
Bonjour Stéphane,
je voudrais faire appel à tes lumières (css)
Quand j’affiche mes articles ou mes rubriques, la barre basse (#pied) remonte en plein milieu de mon texte. Comment puis je faire pour la fixer à la page ?
exemple : http://valarep.free.fr/spip.php?rubrique2
g pas mal modifier le css, si tu veux que je t’en envoie une copie dis le moi ...
site : http://valarep.free.fr
Merci
@ bientôt
@rno
Répondre à ce message
Bonjour Stéphane,
mon site touche presque à sa fin http://valarep.free.fr ou http://www.valarep.com et bientôt http://www.valarep.fr
je me pose aujourd’hui le problème du référencement ... aurais-tu des éléments là-dessus ... j’ai vu beaucoup de choses sur le net mais qu’en est-il quant au référencement de sites réalisés sous spip ?
J’aimerais aussi que des visiteurs’inscrivent pour avoir le droit de télécharger des documents ... si tu as une idée ...
Merci d’avance
@rno
Bonjour,
Pour ce qui est du référencement, je n’y connais pas grand chose, mais je sais que mes sites sous SPIP sont parfaitement référencés sans que j’ai eu besoin de quoi que ce soit... d’ailleurs si tu tapes VALAREP dans google, tu es en 1re page...
Pour que des visiteurs s’inscrivent pour avoir le droit de télécharger des documents, il faudrait que tu rajoutes un lien « s’inscrire » dans le pied de page (squelettes/inc-pied.html) avec ce code :
<a href="#URL_PAGE{spip_inscription,focus=nom_inscription}&mode=(#URL_SITE_SPIP|tester_config{mode_inscription})" target="spip_pass" onclick="javascript:window.open(this.href, 'spip_pass', 'scrollbars=yes, resizable=yes, width=480, height=400'); return false;"><:login_sinscrire:></a>
Ensuite, il faudra mettre la rubrique téléchargement en accès restreint (en activant le plugin acces_restreint dans l’espace privé et en créant une zone restreinte comprenant ta rubrique téléchargement). Par contre, il te faudra autoriser les visiteurs à y accèder au fur et à mesure qu’ils s’inscrivent...
@ bientôt
Stéphane
Répondre à ce message
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
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.
Suivre les commentaires : |