Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon.

Utilisé à ce jour dans 1291 sites
Mise en page générale
Article mis en ligne le 24 janvier 2009
dernière modification le 21 février 2017

par Jean Christophe Villeneuve
logo imprimer
Enregistrer au format PDF

Avec EscalV3 et sa page de configuration, le choix de la mise en page se fait en quelques clics. Et ce n’est pas moins de 13 mises en pages possibles qui sont proposées :

  • 5 mises en pages fixes (voir ci-dessous) avec paramétrage de la largeur totale et de celle des colonnes latérales
  • 3 mises en pages fluides, c’est à dire s’adaptant à la taille de l’écran
  • 5 mises en pages mixtes, c’est à dire avec une partie centrale fluide et les 2 colonnes latérales fixes. La largeur de ces colonnes étant paramétrable.

Avec EscalV2

Pour changer la mise en page, on copie le fichier inc-head.html de /plugins/escal/inclusions vers /squelettes/inclusions et on change l’appel dans cette ligne du fichier.

  1. <link href="#CHEMIN{styles/layoutPMP.css}" rel="stylesheet" type="text/css" />

Le choix est

GIF - 3.9 ko
layoutMP
GIF - 3.9 ko
layoutMPP
GIF - 3.9 ko
layoutPM
GIF - 3.8 ko
layoutPMP
GIF - 3.8 ko
layoutPPM

où P = colonne de 190 px

et M = colonne de 570 ou 770 px selon l’affichage en 2 ou 3 colonnes.

Par défaut c’est le layout PMP qui s’affiche, comme sur ce site.

On peut facilement faire une des mises en pages visibles sur Layout Gala en allant chercher dans le code les css qui vont bien. (Pensez à adapter les noms des "div" et les "width" de chaque bloc)

On peut aussi envisager des mises en page différentes selon la page sommaire, rubrique, article ou autre mais là il faut enlever cet appel du fichier inc-head et mettre celui qu’on veut dans le "head" de chaque page.

Exemple : Pour avoir une page d’accueil en 3 colonnes (layout PMP) et les autres avec 2 colonnes (layout PM), on va procéder ainsi :

  • on paramètre le layout PM dans la configuration d’Escal
  • on copie le fichier inc-head.html de /escal/inclusions vers /squelettes/inclusions et on le renomme inc-head-sommaire.html par exemple
  • dans cette copie, on modifie les lignes
  1. [(#REM) pour passer le layout dans l'url ]
  2. [(#SET{layout,#ENV{layout,#CONFIG{escal/config/layout,PMP}}})]
  3. [<link href="(#URL_PAGE{layout#GET{layout}.css}|direction_css)" rel="stylesheet" type="text/css" />]

Télécharger

par

  1. [<link href="(#URL_PAGE{layoutPMP.css}|direction_css)" rel="stylesheet" type="text/css" />]
  • on copie ensuite le fichier sommaire.html de /escal vers /squelettes
  • dans cette copie, on remplace
  1. <INCLURE {fond=inclusions/inc-head, env}>

par

  1. <INCLURE {fond=inclusions/inc-head-sommaire, env}>

et hop !

Forum
Répondre à cet article
Mise en page générale
Philippe Pellicier - le 30 octobre 2016

Bonjour,

Est-il possible dans Ecal que la largeur du bandeau soit différente de la largeur de la partie centrale ?
Actuellement si j’ai bien compris les possibilités offertes, le bandeau ne peut pas être plus large que la colonne centrale + les blocs latéraux.
Autre question. A-t-on un moyen que le menu vertical soit décalé, par exemple à cheval sur le bandeau et sur ce qui est en dessous.Ou que le menu horizontal ne soit pas centré ?
Je cherche à avoir un site qui se démarque un peu, d’avoir une présentation qui sorte des standards qu’on voit partout.

Merci

Mise en page générale
Jean Christophe Villeneuve - le 30 octobre 2016

Hello

Le bandeau plus large, on doit pouvoir mais c’est sûrement pas simple.

Pour le menu vertical (et donc toute la colonne de gauche) soit décalée vers le haut, on peut faire ceci

div#navigation {
 margin-top: -100px;
}

Et pour mettre le menu horizontal à droite par exemple, tu peux faire cela

ul#menu {
 text-align: right;
}

Mise en page générale
Patrice CALEYRON - le 4 octobre 2016

bonjour,

A partir de mots cles différents est-il possible d’obtenir dans les colonnes de droite et de gauche deux sites web favoris différents ou deux sites favoris...

Merci

Cordialement,
Patrice

Mise en page générale
Jean Christophe Villeneuve - le 4 octobre 2016

Non, on ne peut pas mais on peut bidouiller !
En gros l’idée est de créer un modèle similaire à la noisette et d’appeler ce modèle dans une noisette article-libre
Si tu ne vois pas de quoi je parle, je peux te faire un tuto rapide.

Mise en page générale
Jean Christophe Villeneuve - le 4 octobre 2016

Bizarre ton message n’apparait pas dans le forum mais j’ai bien eu une notification pour une demande de tuto.
Alors c’est parti !

  • par ftp, tu crées un fichier autres-sites.html dans /squelettes/modeles (dossier et sous-dossier à créer si pas existant)
  • dans ce fichier, tu colles ce code

et tu remplaces les 8 occurences de "LIEN" par "a" (la protection antispam m’empêche de mettre le code réel)

  • tu crées le mot-clé "autressites" dans le groupe "affichage"
  • tu crées un article (son titre sera celui de la noisette) dans une rubrique cachée (mot-clé "invisible") et dedans tu mets juste <autres-sites|> et tu n’oublies pas de publier l’article ;-)
  • tu associes le mot-clé "article-libre1" à cet article
  • dans la config d’Escal, tu affiches la noisette "Article libre 1" où tu le souhaites
  • tu n’as plus qu’à associer le mot-clé "autressites" aux sites référencés que tu veux afficher dans cette noisette

Les réglages appliqués à la noisette "sur le web" dans la config d’escal s’appliqueront aussi à cette noisette

Allez, à toi de jouer.

Mise en page générale
Rody - le 9 février 2016

Bonjour,

Tout d’abord, bravo pour le produit Escal. Il est vraiment hautement paramétrable pour réaliser des sites personnalisables.

Toutefois, je bute depuis 3 jours sur un problème (plutôt vocabulaire que technique).

Je cherche à faire une présentation layoutMPM (3 colonnes)de ma page sommaire (page d’accueil) et que le reste du site reste en layoutPM (2 colonnes).

J’ai scanné le forum, pas de réponse récente avec EscalV3 sous Spip 3.1.

J’ai essayé de modifier le fichier sommaire.html avec les indications "NB : On peut aussi envisager des mises en page différentes selon la page sommaire ..." sans grand succès.

Vous dites : "Il faut enlever cet appel du fichier inc-head" est-ce bien la ligne 12 :

INCLURE fond=inclusions/inc-head, env (j’ai enlevé les signes supérieurs et inférieurs pour les besoins de la rédaction du message)

"et mettre celui qu’on veut dans le "head" de chaque page"
ce qu’on veut (?), j’ai tenté toujours en ligne 12 le code

link href="#CHEMINstyles/layoutPMP.css" rel="stylesheet" type="text/css" /

mais ça ne marche pas.

Il me manque un détail pour avoir un bon fichier sommaire.html à placer dans /squelettes et résoudre le problème.

D’avance merci.

Mise en page générale
Jean Christophe Villeneuve - le 9 février 2016

Hello

Je te détaille la procédure

  • tu copies le fichier in-head.html de /escal/inclusions vers /squelettes/inclusions
  • tu le renommes inc-head-sommaire.html par exemple
  • dans cette copie, tu modifies les lignes

[(#REM) pour passer le layout dans l'url ]
   [(#SET{layout,#ENV{layout,#CONFIG{escal/config/layout,PMP}}})]
   [<link href="(#URL_PAGE{layout#GET{layout}.css}|direction_css)" rel="stylesheet" type="text/css" />]

par

[<link href="(#URL_PAGE{layoutPMP.css}|direction_css)" rel="stylesheet" type="text/css" />]

  • tu copies ensuite le fichier sommaire.html de /escal vers /squelettes
  • dans cette copie, tu remplaces

<INCLURE {fond=inclusions/inc-head, env}>

par

<INCLURE {fond=inclusions/inc-head-sommaire, env}>

et hop !

NB : pour écrire du code dans un message, il faut l’encadrer des balises code

Mise en page générale
Rody - le 10 février 2016

Bonsoir Jean-Christophe,

Un grand merci pour tes explications claires et précises.

Effectivement, et hop ... Ça marche.

Le tuto est déjà à jour. Bravo.

Bien cordialement.

Rody.

Mise en page générale
Chris - le 4 juin 2015

Bonjour,

Est-il possible de faire défiler mon annonce défilante de gauche à droite ou droite à gauche ? actuellement elle défile de bas en haut. Merci
Chris

Mise en page générale
Jean Christophe Villeneuve - le 5 juin 2015

Hello

Ah non, je crois que ça va pas être possible ... désolé.

Mise en page générale
Elisabeth Durrmann - le 9 mars 2015

Bonjour,

Dans la partie centrale de ma page d’accueil, je voudrais mettre le bloc avec les onglets avec pour le premier onglet le dernier article, pour le deuxième les derniers articles, mais sans celui qui est déjà dans le premier onglet.
Pour le premier onglet, pas de difficultés, j’affecte le mot clé accueil, mais pour le deuxième je n’y arrive pas.
Est-ce possible ?
Merci, bonne journée

Mise en page générale
Jean Christophe Villeneuve - le 9 mars 2015

Hello

Rajoute le mot-clé "pas-a-la-une" à ton dernier article et ça devrait le faire.

Mais ça veut dire qu’à chaque nouvel article, il faudra enlever ce mot-clé à l’avant-dernier pour qu’il apparaisse dans le 2e onglet.

Une autre solution est de copier inc-une_dernier.html de /plugins/escal/inclusions vers /squelettes/inclusions (dossier à créer) et de rajouter dans cette copie

<BOUCLE_exclure_art2(ARTICLES){titre_mot=accueil}{par date}{inverse}{0,1}{doublons}>
</BOUCLE_exclure_art2>

juste après la BOUCLE_exclure_art

Mais du coup, tu ne disposeras plus des éventuelles corrections/modifications que je pourrais faire dans inc-une_dernier.html

Mise en page générale
Elisabeth Durrmann - le 15 mars 2015

Bonjour,

Merci beaucoup pour la réponse, j’ai choisi la solution des mots clés.
Au-dessus du bloc ’A la une’, je voulais mettre l’éditorial sur toute la largeur, quand il est dans un bloc sur les côtés, je trouve que la lecture n’est pas sympa car le texte s’ouvre sur le côté. Du coup j’ai fait une annonce défilante, avec 1 seul article et une temporisation de 20 secondes, j’aurais préférer qu’il reste fixe mais je n’ai pas trouvé d’autre méthode.
Enfin, je vais surement découvrir encore beaucoup de choses sur votre squelette.
nb : mon site http://citoyendemaville.fr/
Bonne journée et surement à très bientot

Mise en page générale
Jean Christophe Villeneuve - le 15 mars 2015

Le bloc "annonce" à la place de "annonces défilantes" devrait faire l’affaire !

Mise en page générale
Elisabeth Durrmann - le 16 mars 2015

Annonce ne me convient pas parce qu’il affiche tout l’édito et du coup le bloc avec les onglets est trop bas.
Je n’ai pas trouvé d’autre solution dans les paramétrages, il faudrait pouvoir limiter la taille de Annonce avec un lien pour la suite.

Mise en page générale
Jean Christophe Villeneuve - le 16 mars 2015

Pas difficile de limiter la taille du texte mais le souci, c’est que dans ce cas, on perd les enrichissements de texte (gras, italique, liens, ...)

Ce bloc est fait au départ pour une annonce courte.

Mais tu peux créer un fichier inc-annonce.html dans un sous-dossier /inclusions du dossier /squelettes avec dedans

<BOUCLE_annonce(ARTICLES){titre_mot=annonce}>
 <div class="annonce">
 <div class="annonce-titre #EDIT{titre}">#TITRE</div>
 <div class="#EDIT{texte}">
       [(#PLUGIN{COUTEAU_SUISSE}|oui)[(#TEXTE*|appliquer_filtre{cs_traitements, TEXTE, articles, sommaire_d_article}|couper{300}|propre)]]
       [(#PLUGIN{COUTEAU_SUISSE}|non)[(#TEXTE|couper{300}|propre)]]
 </div>
 <div class="nettoyeur"></div>
 </div>
</BOUCLE_annonce>

la valeur de "300" pour le filtre couper est adaptable à tes envies

ton article devra avoir le mot-clé "annonce" et il faudra afficher le bloc "Annonce"

et hop !

Mise en page générale
Jean-Luc GUY - le 18 juin 2014

Jean-Christophe
Après la dernière mise à jour, l’image du bandeau a doublé de volume. Je souhaiterais une cure d’amaigrissement ou du moins voir comment lui redonner sa taille normale.
http://www.latoiledelun.fr/?var_mode=calcul
Merci
Jean-Luc

Mise en page générale
Jean-Luc GUY - le 18 juin 2014

J’ai remis l’ancien inc.bandeau, la page est redevenue normale. Qu’y a-t-il de nouveau ?
Jean-Luc

Mise en page générale
Jean Christophe Villeneuve - le 18 juin 2014

La nouveauté c’est que l’image du bandeau est devenue responsive ! Maintenant, dans la page de configuration du bandeau, on peut lire :

"Pour l’option 3 :
- votre image doit être placée dans /squelettes/images/bandeau
- cette image s’adaptera à la largeur du site, prévoyez-la donc assez large
- en revanche, cette image sera "responsive" si l’écran fait moins de 640px de large "

voilà, voilà

Mise en page générale
Jean-Luc GUY - le 18 juin 2014

Jean-Christophe, j’ai bien lu cette nouvelle configuration responsive, le problème est que, quand l’image est relativement petite, elle augmente tant qu’elle masque tout le reste de la page d’accueil. Que faire si l’image fait moins de 640 px ex :http://www.lesamatcoeurs.fr/ ?
Pour l’insatnt j’ai gardé l’ancien inc.bandeau, Dois-je le mettre dans squelettes pour qu’il ne subisse pas encore la prochaine màj ?
Merci
Cordialement
Jean-Luc

Mise en page générale
Jean Christophe Villeneuve - le 18 juin 2014

Première solution : mettre cette image comme logo du site et utiliser l’option2

Deuxième solution : comme tu le suggères, mettre le inc-bandeau qui va bien dans /squelettes/inclusions

Troisième solution : travailler le bandeau pour qu’il soit plus large

Mise en page générale
Jean-Luc GUY - le 19 juin 2014

Jean-Christophe,
Merci pour tout. La solution 1, je l’ai utilisée pour le site http://www.lesamatcoeurs.fr/ et l’autre solution (2) pour les autres sites : printempspoetique.org, latoiledelun.fr, ludotheque-recreajeux.fr, lacouleedouce-lasuze.fr.
L’idée d’image responsive est peut-être intéressante dans les cas d’image de bandeau très large, quoique la hauteur varie aussi et ça prend de l’espace sur le reste de la page ; par contre, pour des images plus réduite, ça provoque quelques frayeurs !
Belle journée
Jean-Luc

Mise en page générale
Jean Christophe Villeneuve - le 19 juin 2014

Oui, tout à fait, d’où l’indication dans la page de config "cette image s’adaptera à la largeur du site, prévoyez-la donc assez large"

Mise en page générale
Jean Christophe Villeneuve - le 19 juin 2014

Du coup, ça m’a titillé les neurones et on va pouvoir éviter ce souci. Je livre ça dès que je rentre chez moi (pas de connexion via svn possible ici)

Mise en page générale
Jean Christophe Villeneuve - le 19 juin 2014

Voilà, c’est livré avec la version 3.78.31, l’indication sus-citée a donc disparu. Tu vas pouvoir utiliser l’image que tu veux !

Mise en page générale
Jean-Luc GUY - le 9 avril 2014

:-)Bonjour Jean-Christophe.
Une petite question de mise en page générale. Pour le site latoiledelun.fr, j’ai opté pour le layout fixe, une seule colonne à gauche (les deux l’une sur l’autre). Est-il possible de faire la même chose en fluide, une seule colonne à gauche largeur fixe, et la partie centrale variable sur le reste de l’écran ?
Merci par avance.
Jean-Luc

Mise en page générale
Jean Christophe Villeneuve - le 9 avril 2014

Hello

Je ne propose pas cette option car sur les écrans très larges, on obtient une colonne principale très (trop) large qui nuit à la lecture : les colonnes larges obligent l’œil à parcourir de longues distances de gauche à droite. On risque alors de "perdre la ligne" ce qui lassera rapidement les lecteurs.

Un des conseils sur l’ergonomie des sites est de faire en sorte qu’une ligne ne dépasse pas une quinzaine de mots ou environ 80 caractères.

Mise en page générale
Jean-Luc GUY - le 30 novembre 2013

Bonjour Jean-Christophe,
Je te contacte pour un autre site lesamatcoeurs.fr. Avec l’onglet archive j’obtiens, parfois, ce message
Warning : Illegal string offset ’format_dest’ in /homez.184/lesamatc/www/ecrire/inc/filtres_images_lib_mini.php on line 928

Warning : Illegal string offset ’format_source’ in /homez.184/lesamatc/www/ecrire/inc/filtres_images_lib_mini.php on line 931
Il est vrai que j’ai mis une rubrique entière avec le mot clé archive. Cela vient-il de là ? ou est-ce autre chose ?
Cordialement
Jean-Luc

Mise en page générale
Jean Christophe Villeneuve - le 30 novembre 2013

Salut

Dans l’espace privé - Configuration - Fonctions avancées - est-ce que GD2 est bien activé ?

Mise en page générale
Jean-Luc GUY - le 30 novembre 2013

Yes Sir !
ça le fait surtout après un re-calcul et surtout avec la page sur laquelle se trouvent les affiches.

Mise en page générale
Jean Christophe Villeneuve - le 30 novembre 2013

Ah ben des images de 1 778px × 2 519px, avec un poids de 1.85 Mo et d’une résolution de 300 ppp, c’est peut-être un peu gourmand ! Tu as de la chance de ne pas planter ton site.

Essaye de les passer à 72 ppp (un écran n’affiche pas plus) et de les réduire à 500px de large. Elles s’afficheront bien plus vite et l’erreur disparaitra peut-être.

Ceci dit, l’erreur n’est pas du tout visible par un visiteur.

Mise en page générale
Jean-Luc GUY - le 30 novembre 2013

Jean-Christophe, je te remercie encore une fois.
Ceci étant dit, le site tourne depuis plus d’un an sans ce message d’erreur et je suppose qu’une mise à jour a révélé le problème.
Beau weekend
Jean-Luc

Mise en page générale
Jean Christophe Villeneuve - le 30 novembre 2013

oui mais ton article avec les affiches de 2014 date d’avant hier ... Peut-être que ce fut la goutte qui a fait déborder le vase ?

Essaye de les réduire pour voir ?

Mise en page générale
Jean-Luc GUY - le 1er décembre 2013

Jean-Christophe,re bonjour
J’ai pratiquement tout réduit et le message apparait toujours. Ceci dit, je pense que c’est indépendant de Escal et que ce pourrait être un petit bug de spip. Si je trouve pas de solution je vais poster sur le forum de spip voir si d’autres sites rencontrent le même problème. merci encore d’y avoir regardé.
Cordialement
Jean-Luc

Mise en page générale
KesT - le 30 septembre 2013

Il est bien dommage qu’aucune réelle précision ne soit donnée quant aux étapes élémentaires à suivre. En tant que ne néophyte, je m’attendais à trouver des explications plus indicatives que "Avec EscalV3 et sa page de configuration, le choix de la mise en page se fait en quelques clics." Un exemple : la page de configuration d’escal v3 me permet peut-être de changer la largeur du layout (950 px imposé), mais je ne vois pas où cliquer. Pour le reste, je pense que ce plugin est destiné à des utilisateurs qui ont comme vous dites, l’habitude de mettre les mains dans le moteur":-/:-(

Mise en page générale
Jean Christophe Villeneuve - le 30 septembre 2013

Bonjour ! (on commence comme ça d’habitude)

Tu as le choix entre 8 mises en pages possibles, c’est déjà pas mal. Et en effet, ce choix se fait en quelques clics.

Maintenant, si ça ne te suffit pas, alors là oui, il faut mettre les mains dans le moteur ou ... aller voir ailleurs !

Et je peux t’assurer que nombre d’utilisateurs d’EscalV3 n’ouvrent jamais le capot.

Mise en page générale
patrice landrevie - le 16 octobre 2013

Bonjour jean-Christophe

arccyclo.spipfactory.com
A l’approche de Noël je me demande s’il ne serait pas possible de choisir le layout 3 colonnes pour la page d’accueil, avec l’onglet sommaire tel qu’il est et un layout 2 colonnes pour les pages Rubriques et Articles. Facile à dire mais je suppose moins facile à réaliser.

L’avantage du 3 colonnes pour l’accueil c’est une bonne distribution des noisettes en menus verticaux, page moins descendante, alors que 2 colonnes en articles donnerait de la largeur, donc une meilleure visibilité, y compris avec des images.

Bien sûr ne pas tenir compte de ce rêve si impensable. En tout cas merci pour l’existant.
Patrice

Mise en page générale
Jean Christophe Villeneuve - le 16 octobre 2013

En effet ce n’est pas si simple mais ça me fait penser à quelque chose que je pourrais faire pour que ça le devienne.

Je teste et je te dis.

PS : commence un nouveau sujet plutôt que de répondre à un sujet existant ;-)

Mise en page générale
Jean Christophe Villeneuve - le 16 octobre 2013

Bon, tu attends un peu que la version 3.73.11 soit disponible, tu mets à jour et tu mets ce code dans /squelettes/styles/perso.css

.contenu-article{
 margin-right: 0 !important;
}

et hop !

Mais attention, la colonne de droite doit être vide, sinon, elle sera superposée au texte de l’article.

Mise en page générale
patrice landrevie - le 18 octobre 2013

Bonjour,

Quelle puissance de travail ! C’est impressionnant ! Étant sur la plateforme SpipFactory, je vais attendre la mise à jour, mardi prochain peut-être, et je ferai la modification dans squelette. Je confirmerai dans la foulée.
Bravo, merci, que dire de plus...
Patrice

Mise en page générale
Jean Christophe Villeneuve - le 18 octobre 2013

En te relisant, je vois que tu parles aussi des rubriques. La modification que j’ai faite ne concerne que les articles. Je vais faire la même pour les rubriques.

Le code a rajouter dans perso.css sera

.contenu-article{
margin-right: 0 !important;
}

avec la même restriction : la colonne de droite devra être vide.

Mise en page générale
patrice landrevie - le 23 octobre 2013

Bonjour,
arccyclo.spipfactory.com

Étant sur la plateforme spipfactory j’ai constaté que la version de Escal était 3.73.9, il me tarde que la mise à jour vers la version 3.73.11 soit faite, pour que j’essaye ces nouvelles mise en page. Merci pour les codages supplémentaires à mettre dans squelettes/.../
Patrice

Mise en page générale
patrice landrevie - le 23 octobre 2013

re bonjour,

En relisant je m’aperçois que les textes à saisir dans squelettes/... sont identiques, est-ce que par hasard pour la rubrique il ne faudrait pas changer le mot article en mot rubrique ?
Évidemment je n’y connais rien, un essai de petite logique !
Merci patrice

Mise en page générale
Jean Christophe Villeneuve - le 23 octobre 2013

Et c’est effectivement ce qui est prévu, c’est moi qui me suis trompé en écrivant le message. C’est bien

.contenu-rubrique{
margin-right: 0 !important;
}

qu’il faut utiliser pour la page rubrique

Ta logique est la bonne !

Mise en page générale
Jean Christophe Villeneuve - le 23 octobre 2013

voilà, ça vient d’être fait par Stéphane !

Mise en page générale
patrice landrevie - le 24 octobre 2013

Bonjour Jean-Christophe
arccyclo.spipfactory.com

Je viens d’insérer les codes proposés dans mon fichier perso.css, mais cela ne fonctionne pas, la largeur des pages articles et des pages rubriques sont toujours restreintes comme si la 3ème colonne était présente.

.annoncedefil
font-size : 12px ;

#descriptif-site-spip
margin-left : 10% ;
margin-right : 10% ;
text-align : justify ;

.contenu-article
margin-right : 0 !important ;

.contenu-rubrique
margin-right : 0 !important ;

Je constate que pour les deux premières commandes, annonce défilante et descriptif site, il y a un espace entre le dernier mot de la ligne et l’accolade, pas pour le code des marges, est-ce cela ?
Ou je n’ai pas fait ce qu’il fallait ?
Merci d’avance.
Patrice

Mise en page générale
patrice landrevie - le 24 octobre 2013

re bonjour

mes accolades n’apparaissent pas sur le message, pourtant elles étaient sur la saisie du message, bizarre.
Patrice }}}}}

Mise en page générale
patrice landrevie - le 24 octobre 2013

re bonjour

Finalement cela fonctionne parfaitement, j’ai vérifié dans le fichier perso.css les codes sont bien ceux entrés ce matin, et sans espace entre le dernier mot de la première ligne et l’accolade, donc conformes à ta proposition.
Par contre j’ai l’impression qu’il a fallu un certain temps entre l’enregistrement du fichier avec skeleditor et la prise en compte de la modification sur le site.
En tout cas, pour moi c’est merveilleux les articles ont pris de l’embonpoint comme je souhaitais.
Vraiment merci.
Patrice

Mise en page générale
Jean Christophe Villeneuve - le 25 octobre 2013

Hello

Bien sur que ça fonctionne !

Sinon, pour voir les modifications sur les css il faut rafraichir la page (pas la recalculer) ou vider le cache du navigateur.

Ensuite, normal que tes accolades n’apparaissent pas car c’est le raccourci que spip utilise pour l’italique. Pour éviter l’interprétation du code par spip, sélectionne ton code et utilise les chevrons bleus de la abarre d’outil pour le mettre entre les balises "code"

Moteur de recherche SPIP & Escal
Wontolla - le 13 août 2012

Jean-Chrisrophe,
je lance un nouveau fil pour ne pas se perdre (cf. discussion ci-dessous).
Je viens de tester en remplaçant les boucles de la page recherche dans Escal par les boucles du squelette-distant recherche de SPIP.
Et cela fonctionne.
Bien sûr, le look est affreux car la page n’est pas stylée.
Le problème n’est donc pas lié à la base sqlite mais probablement à quelque chose dans la page recherche de Escal.
Faudrait que je bosse sur les codes... mais ce sera pour plus tard !

Moteur de recherche SPIP & Escal
Jean Christophe Villeneuve - le 13 août 2012

Pour les rubriques, je vais livrer ça dans peu de temps. Le plus long, ce sont les chaines de langue à traduire.

Pour le reste je regarde le code de la dist. Néanmoins, ça fonctionne sans souci sur certains sites, c’est donc louche.

Remets le code d’Escal pour demander de l’aide en comparant 2 sites, un qui roule, l’autre non.

Moteur de recherche SPIP & Escal
rticl - le 14 août 2012

Voilà, j’ai supprimé le squelette recherche modifié avec le code de la dist.
On a donc sérié deux problèmes.
- Celui des rubriques (j’entends donc que tu vas t’y atteler, j’attends donc).
- Des articles qui n’apparaissent pas (*)

(*) Précisions
En faisant une recherche sur le mot temporel dans ce site deux articles n’apparaissent pas sous Escal. En revanche, ils sont listés avec le code de la dist : (l’article 1, le seul article de sa rubrique, et l’article 7 qui lui a le mot clé "accueil").
Pour essayer toutes les pistes,
- j’ai supprimé momentanément le mot clé accueil mais cela ne change rien (caches SPIP et navigateur vidées). Je voulais savoir si l’ajout de ce mot-clé perturbait Escal.
- j’ai ajouté (momentanément) un article de test dans la rubrique où se trouve le seul article n°1 mais cela ne change rien (caches SPIP et navigateur vidées). Je voulais voir si le fait qu’il s’agissait de l’article n°1 et/ou du seul article de la rubrique perturbait Escal.

Donc, dans ce site la recherche trouve bien trois articles (deux maintenant après la fin de mes tests) mais ne les liste pas.
La boucle de comptage des articles fonctionne bien et le problème se situerait alors dans la boucle d’affichage des articles trouvés (ou pas trouvés ?). Je suppose qu’il faudrait comparer le code de la boucle dans dist et celui dans Escal.

En revanche, dans ce site, les articles s’affichent bien (les autres sites où le problème se posent avec Escal - mais pas avec la dist - sont en sqlite et dans un sous-répertoire).

Moteur de recherche SPIP & Escal
Wontolla - le 14 août 2012

Bonjour Jean-Christophe,

j’avais posté une longue réponse... mais elle s’est perdue :-(
Bon j’ai fait les mises à jour et pas mal de tests.
En gros, sur ce site cela fonctionne.
En revanche, ici il y a un problème.
Le comptage des articles et rubriques est OK mais les rubriques et articles ne sont pas affichés (lors qu’ils le sont bien avec le squelette de la dist).

Il faudrait voir, je suppose, les différences entre les boucles d’Escal et celles de la dist pour voir où cela cale. Ce qui est très bizarre c’est que quand cela cale, ce n’est qu’avec Escal (je me rends seulement compte du jeu de mots à l’instant :-) )

Moteur de recherche SPIP & Escal
Wontolla - le 14 août 2012

Et pour pouvoir tester, sur ce site en sqlite, j’ai Escal mis à jour et la page recherche adaptée avec le code de la dist.

NB : on peut éliminer la question du sous-répertoire évoquée hier. Un test sur un autre site montre que la recherche articles et rubriques est fonctionnelle comme sur celui-ci.

Moteur de recherche SPIP & Escal
Jean Christophe Villeneuve - le 14 août 2012

Peux-tu me faire un test :
- copie de /escal/recherche.html en /escal/rechercheOLD.html par exemple (par sécurité)
- dans recherche.html, suppression des 3 boucles de comptage (lignes 41 à 90)
- recalcul d’une page de résultats de recherche

Moteur de recherche SPIP & Escal
Wontolla - le 14 août 2012

Test effectué : cela fonctionne très bien !

Moteur de recherche SPIP & Escal
Jean Christophe Villeneuve - le 14 août 2012

Donc voilà le problème cerné : avec une base SQLite, la double boucle sur le même champ ne fonctionne pas. Reste à trouver la solution.

Moteur de recherche SPIP & Escal
Wontolla - le 14 août 2012

Si le problème ne concerne que moi, je peux copier le squelette modifié dans /squelettes et il n’y a aucune urgence ni obligation de résultat.

Au besoin, je peux même essayer de remplacer le moteur interne par celui de Google. Je n’arrive cependant pas à voir ou se gère l’appel de la div espace où se situe le moteur de recherche.

Moteur de recherche SPIP & Escal
aghag1866 - le 9 septembre 2013

, almost all i realize usually that we have very own gentleman now

that’s why minutes for anyone to jump in

exploreballard.com/history.html might be the factusually thatthat isis actuallytypicallymaynormallywill bewill be the factactualityis itis
Essai et test du layout MP
Le Jaseur Boreal - le 3 avril 2013

Bonjour Jean Christophe,

Cela donne le temps de prévoir le muguet pour le 1er mai !

Sur un projet développé en Local, j’ai essayé le layout MP, avec un passage des articles de une au format carré.

Or les noisette de la Colonne "extra" (par défaut à droite)n’apparaissent que très en dessous du bloc à la une.
Il se forme un espace vide à droite du bloc articles à la une.
Rien n’a été touché dans les css etc ..
Il y a un truc que je n’ai pas réglé ?

Merci de ton aide.

Essai et test du layout MP
Jean Christophe Villeneuve - le 4 avril 2013

Je viens d’essayer mais je ne reproduis pas.
T’as pas une règle css qui trainerait dans un perso.css ou une copie d’un fichier dans /squelettes qui perturberait l’affichage ?

Essaye de renommer ton dossier /squelettes pour tester.

Ne serait-ce pas une div "socialtag" qui pose problème ? (essaie de désactiver ce plugin)

Essai et test du layout MP
Le Jaseur Boreal - le 4 avril 2013

Merci Jean Christophe,

Il y avait en effet du tag social qui perturbait l’affichage.
maintenant à droite comme à gauche ( MP ou PM cela s’affiche correctement.

J’ai simplement déplacé l’endroit où "socialtags" se positionne et je l’ai mis :

Tout est ok

Mise en page générale
Thomas - le 20 mars 2013

Salut, ma question n’est pas simple à poser, j’aimerais bien pouvoir retirer les alinéas des articles de mon site. En fait, quand je publie un article genre :

Tél : 04 90 .. .. ..
Fax : 04 90 .. .. ..

Et bien la première ligne est décalée (alinéa). Je souhaiterais virer ceci mais je ne sais pas comment.

Merci

Mise en page générale
Jean Christophe Villeneuve - le 20 mars 2013

C’est très clair et simple à corriger. 2 solutions :

- solution 1 : encadrer les lignes concernées par la balise poesie grâce à l’icone en forme de P dans la barre d’outils pour obtenir

et toutes les lignes seront décalées et on garde les alinéas pour tout le reste du texte. De plus, pas la peine de laisser de ligne vide entre chaque ligne.

- solution 2 : créer un fichier perso.css dans /squelettes/styles et mettre dedans le code suivant

et l’alinéa disparaitra pour tous les articles du site.

Ordre rubrique
Thomas - le 16 mars 2013

Salut Jean-Christophe,

Comment je peux choisir l’ordre des rubriques dans le menu à gauche ("Au menu") ?

Merci

Ordre rubrique
Jean Christophe Villeneuve - le 16 mars 2013

Tout simplement en les numérotant avec un chiffre suivi d’un point et d’une espace.

Exemple :
10. rubrique A
40. rubrique B
30. rubrique C
20. rubrique D

Ce qui affichera les rubriques dans cet ordre : ADCB

Les numéroter de 10 en 10 permettra d’en insérer plus tard si besoin sans refaire toute la numérotation.

Cette numérotation n’apparaitra pas sur le site public.

Ordre rubrique
Thomas - le 16 mars 2013

Oh merci, c’est exactement ce que je cherchais ! Et merci du conseil pour les dizaines.

Mise en page générale
wontolla - le 18 septembre 2012

Bonjour Jean-Christophe,

De retour de vacances, j’ai quelques réactions des visiteurs de mon site, la plupart positives.
Deux : demandes reviennent régulièrement :

1. Est-il posible d’afficher la noisette inc-evenement dans les pages articles et pas seulement au sommaire ? En effet, si l’on a cliqué sur un événement, il faut faire un retour vers la page sommaire. Avoir les événements toujours accessibles éviterait aux internautes des clics aller-retour inutiles.

2. Peut-on concevoir un page qui listerait tous les événements à venir, sur le modèle d’une page rubrique ? Autrement dit, plutôt que de lister les articles par date de création, elle afficherait les articles à venir par date de publication antérieure. En quelque sorte la même boucle que pour inc-calendrier, mais avec la mise en page rubrique (et donc avec le titre et les premiers caractères de l’article et le lien vers la suite, et le tout paginé...).

Mise en page générale
Jean Christophe Villeneuve - le 18 septembre 2012

Demande 1 :
ça c’est pas dur et c’est dans la version 3.54.0 dispo sur contrib d’ici 1h

Demande 2 :
Pas trop dur à faire je pense, mais le lien vers cette nouvelle page, tu le vois où ?

Mise en page générale
wontolla - le 18 septembre 2012

Demande 2 :
Pas trop dur à faire je pense, mais le lien vers cette nouvelle page, tu le vois où ?

Je précise l’origine de la demande. Dans mon squelette précédent ahuntsic j’avais (ou plutôt, il y a) une page qui faisait cela ; j’avais donc une page à accès direct dans mon menu qui me listait les événements à venir (il y avait même les mois, etc.).

Les journalistes du service pouvaient facilement visualiser les événements dont ils étaient intéressant qu’ils rendent compte. Ils m’ont dit que cela (leur) manquait.

Comme l’appel de la page agenda ne m’affiche pas les mois qui suivent, je n’avais rien à leur offir.

Dans un premier temps, naïvement - parce que je bute toujours un peu sur les boucles spip, j’avais copié la boucle dans inc-calendrier pour la coller dans une page rubrique que j’aurais renommé, par exemple calendrier.html mais je n’ai eu que des pages blanches qui s’affichaient !! :-(

Je me rends compte que cela n’est peut-être pas nécessaire pour les autres utilisateurs d’escal mais si tu m’éclaires sur le code à intégrer pour cela dans une copie d’une page rubrique, je pourrais déjà avancer...

Mise en page générale
Jean Christophe Villeneuve - le 18 septembre 2012

Ok, je t’envoie un fichier evenements.html en privé, à placer dans /squelettes

A toi de mettre un lien vers cette page où tu veux,soit sous la forme
[Evènements|<:escal:evenements:>->spip.php?page=evenements]
dans un article comme "Accès direct"
soit sous la forme
<@ href="#URL_PAGE{evenements}" [title="<:escal:evenements:>"]><:escal:evenements:></@>
dans un fichier (en remplaçant les "@" par des "a"

Mise en page générale
wontolla - le 18 septembre 2012

Demande 1 :
ça c’est pas dur et c’est dans la version 3.54.0 dispo sur contrib d’ici 1h

Merci, je viens de tester... mais j’ai désactiver l’affichage car, comme il s’agit de la noisette inc-evenements et pas inc-calendrier, il n’y a pas de pagination et comme il y a plusieurs dizaines d’événements... le bas de page est très bas.

Je songeais tout simplement à une duplication de ce qu’il y a dans la mise en page de sommaire dans l’interface privée. Du coup il est possible de gérer noisette dépliée/repliée pour ceux qui le souhaitent et la pagination... mais je ne veux pas faire le difficile...

PS:je vois aussi que tu as amélioré (pendant mes vacances) la gestion de inc-une_derniers :-)

Merci en tout cas pour le suivi de ce squelette.

Mise en page générale
Jean Christophe Villeneuve - le 18 septembre 2012

Si ce n’est que ça ...

Et hop, une pagination configurable pour inc-evenements dans la version 3.54.1

Escal et base SQlite
Wontolla - le 15 août 2012

Donc voilà le problème cerné : avec une base SQLite, la double boucle sur le même champ ne fonctionne pas. Reste à trouver la solution.

Comme je l’ai signalé ci-dessous, à titre personnel, je puis trouver des solutions.
Mais le problème peut se poser à l’avenir depuis le passage en SPIP 3.
En effet, non seulement SPIP 3 accepte dorénavant les bases de données Sqlite mais, en plus, c’est le format qu’il propose par défaut. Donc plus besoin de créer une base préalable chez son hébergeur, etc. C’est ce qui m’est arrivé pour les nouveaux sites que j’ai créés. Le problème ne s’est pas posé pour les sites qui sont passé de la version 2 à la version 3.

Il ne faudrait donc peut-être pas enterrer l’affaire trop vite (comme je pensais le faire) parce que à l’avenir, d’autres pourraient être concernés.

C’était pour faire avancer le schmilblick :-)

Escal et base SQlite
Jean Christophe Villeneuve - le 15 août 2012

C’est bien pour ça que je ne laisse pas tomber. Peux-tu
- vider le dossier /tmp/log
- lancer une recherche quelconque sur le site
- me faire parvenir le contenu de sqlite.log

Escal et base SQlite
wontolla - le 15 août 2012

Je vois cela en fin de journée ou demain (je suis chez des amis et ne puis passer trop de temps sur l’ordi :-)

Escal et base SQlite
Wontolla - le 15 août 2012

Voilà, c’est envoyé en MP.
Ch.

Escal et le moteur de recherche SPIP
Wontolla - le 13 août 2012

Bonjour Jean-Christophe,
Mes visiteurs me signalent que le moteur de recherche ne fonctionne pas correctement. Voir par exemple sur ce site, avec un recherche sur le mot "fabriques". Via Escal, il m’indique "un article et aucun site". Mais aucun article n’est affiché ni aucune rubrique (qui n’est/ne sont pas trouvée(s)).
En revanche, dans l’interface privée (et aussi si je désactive Escal et /squelettes) la recherche donne bien un article affiché et quatre rubriques affichées.

Vois-tu d’où vient le problème ?
Je suis sous Escal 3.39.6

Merci.
Ch.

Escal et le moteur de recherche SPIP
Jean Christophe Villeneuve - le 13 août 2012

Là je sèche.

Sur le site de test, tu peux essayer avec "test" et tu verras ça fonctionne sans souci.

Versions d’Escal identiques. Seule une petite différence dans le numéro de révision de Spip 3.0.4. La 19781 pour toi et la 19586 sur le site de test. Mais en local, j’ai aussi la 19781 et tout baigne.

Un autre plugin qui interfèrerait ?

Escal et le moteur de recherche SPIP
Wontolla - le 13 août 2012

Oui, sur ce site les articles s’affichent bien mais pas les rubriques.
Je vais voir en désactivant le plus possible de plug-ins.
En revanche, pour des raisons techniques, le site référencé dans mon message ci-avant est quasi exclusivement constitué de rubriques (qui s’affichent bien lors d’une recherche sous le squelette "natif" de SPIP).

Escal et le moteur de recherche SPIP
Wontolla - le 13 août 2012

Voilà. Impasse donc.
Sur ce site :
Tous les plugins désactivés sauf Escal : même problème (caché vidée off course).
Tous les plugins désactivés, y compris Escal : la recherche est fonctionnelle.

En revanche, pas de problèmeici (sauf, bien sûr, les rubriques qui ne s’affichent pas).

Dans les deux cas, la version de SPIP est : SPIP 3.0.4 [19781]

Seule différence, dans le cas du site à problème je suis dans un sous-répertoire.
J’avais indiqué Rewrite base /TEMPOREL/ dans .htaccess pour indiquer ce sous répertoire. J’ai remis Rewrite base / mais cela ne change rien.

Bizarre donc.

Au pis, je puis intégrer ce site dans le principal mais il y a toujours le problème des recherches dans les rubriques qui n’apparaissent pas.

Escal et le moteur de recherche SPIP
Jean Christophe Villeneuve - le 13 août 2012

Pour les rubriques, je vais regarder et proposer une évolution d’Escal en ce sens.

Pour le site qui ne fonctionne pas, ta remarque concernant le sous-répertoire me parait fort judicieuse. A tester, je dirais.

Escal et le moteur de recherche SPIP
Jean Christophe Villeneuve - le 13 août 2012

Ah mais oui, pour les rubriques, c’est normal. Escal ne donne que les articles et les sites correspondant au mot recherché.

Je suis plus inquiet sur le fait que le ou les articles trouvés ne s’affichent pas.

Escal et le moteur de recherche SPIP
Wontolla - le 13 août 2012

1. Donc je devrais modifier un squelette pour afficher les mots qui se trouvent dans les rubriques ?

2. Me vient à l’esprit qu’il y a une autre différence que d’être dans un sous-répertoire. le site dans la root est en MySQL et l’autre, dans /TEMPOREL/ est en sqlite !

Escal et le moteur de recherche SPIP
Wontolla - le 13 août 2012

Je viens de constater le même problème dans ce site qui est également dans un sous répertoire et en sqlite !

Escal et le moteur de recherche SPIP
Wontolla - le 13 août 2012

Nouveau test sur mon tout premier site de tests qui est également dans un sous-répertoire. Là (hormis les rubriques) pas de problème pour la recherche.

La seule différence serait liée à une base en sqlite (qui poserait problème à/dans Escal mais pas à SPIP).

Escal et le moteur de recherche SPIP
Jean Christophe Villeneuve - le 13 août 2012

Là, ça dépasse mes compétences.

Peut-être poser la question sur la liste spip ?

Escal et le moteur de recherche SPIP
Wontolla - le 13 août 2012

Ok. Je vais voir sur spip et au besoin je réinstalle avec une base mysql (il s’agit de deux sites pas encore trop développés).
Reste à voir comment obliger Escal à faire la recherche dans les rubriques.
Je suppose que je dois pouvoir trouver la boucle adéquate dans le squelette de SPIP puisque lui y trouve les occurrences.

Validation W3C
Wontolla - le 2 août 2012

Il y a quelques jours mon site était valide W3C XHTML 1 strict et je constate que ce n’est plus le cas. Bizarre...

Validation W3C
Jean Christophe Villeneuve - le 2 août 2012

Je n’ai regardé que la page sommaire.

D’abord, un truc bizarre dans inc-a_la_une, le code renvoyé est (j’ai mis des @ à la place des a)

<li><@ href="#onglet" name="contenu_2" class="tab" title="Présentation">Présentation<!--"a"--></@></li><@ href="#onglet" name="contenu_2" class="tab" title="Présentation">
 </@></ul><@ href="#onglet" name="contenu_2" class="tab" title="Présentation">

 </@>

Ensuite les autres erreurs viennent des images appelées dans inc-photos. Sans doute des noms de fichier ou des titres avec des guillemets, je pense.

Validation W3C
Wontolla - le 2 août 2012

Je viens d’enlever mon squelette inc-a_la_une et j’ai mis le mot clé photo-une sur un article dont j’étais sûr du nom des photos. je n’ai plus qu’une erreur et un avertissement. Je scrute le code pour voir.
Apparemment (lignes 17330 et 17337), c’est dans la noisette statistiques.
Noisette statistique enlevée : c’est valide.
Donc,
- une erreur dans mon inc-a_a_une : j’analyse mes modifications.
- une erreur dans la noisette statistiques.

Pour info, SPIP me signale une erreur dans :
plugins/auto/escal_V3/inc/escal_autoriser.php
version.3.33.0

Validation W3C
Wontolla - le 4 août 2012

Il est probable que je doive enlever l’icône W3C XHTML1 de mon site :
Même si je mets en suspens /squelettes, il y a des erreurs.
Dans le sommaire ce qui a trait :
- au mini-calendrier, je crois
- à la noisette inc-stat

Dans les pages rubriques :
- erreur dans le mots-clé pas-au-menu-vertical.
- erreur dans les crayons, avec les div surtitre-article et soustitre-article (déjà définies)

Dans les pages articles, deux types d’erreurs ou d’avertissement :
- character "<" is the first character of a delimiter but occurred as data
- end tag for "meta" omitted, but OMITTAG NO was specified

Validation W3C
Jean Christophe Villeneuve - le 4 août 2012

Pour le plugin inc-calendrier, je ne peux rien faire ...

Pour inc-stats, c’est corrigé.

Pour la page rubrique, la première erreur est corrigée.

La deuxième doit venir d’un de tes fichiers (un inc-rubrique_normal modifié ou un inc-rubrique_XXX) car je n’ai des id=surtitre-article et id=soustitre-article que dans inc-article.html et ce n’est affiché qu’une fois. il faut donc changer les "id" en "class" et copié les css correspondant en changeant le "#" par un "." ou alors tu vires les div concernées de ton fichier.

Pour la page article, c’est corrigé.

Validation W3C
Wontolla - le 5 août 2012

Merci Jean-Christophe,

Je progresse donc. Au niveau de la validation, pour la page sommaire, il n’y a plus que les erreurs dues au mini-calendrier (je contacterai à l’occasion le développeur).

Pour la page rubrique, j’avais oublié une ancienne page dans /squelettes. Je l’ai enlevée, c’est la page officielle qui a la main. Donc c’est OK et bien entendu valide.

Pour la page article, j’ai encore des problèmes. J’utilise la page officielle d’Escal.

Validation W3C
Jean Christophe Villeneuve - le 5 août 2012

Normalement, c’est corrigé avec la version 3.35.11

Validation W3C
Wontolla - le 5 août 2012

Normalement, c’est corrigé avec la version 3.35.11
Oui, hormis le minicalendrier - où ce n’est pas dû à Escal, tout est valide.
Merci.
PS : j’ai été voir ton code sur spip-zone, cela tient parfois à très peu de choses... :-)

Validation W3C
Jean Christophe Villeneuve - le 5 août 2012

Ah oui, parfois, un slash ou un crochet qui manque et hop. XHTML strict, c’est strict !

Grosse dégradation du squelette avec Internet explorer
Wontolla - le 2 août 2012

Bonjour jean-Christophe.
Catastrophe :
On vient de me signaler que mon site est complètement dégradé (tout comme celui-ci) lorsque l’on utilise Internet explorer. La barre de navigation verticale se déploie verticalement ...

Comme j’ai 78 % des internautes qui utilisent IE...
si je ne trouve pas de solution, je dois trouver un autre squelette :-( :-( :-(

Grosse dégradation du squelette avec Internet explorer
Wontolla - le 2 août 2012

Vérification faite, le problème ne se présente pas sur toutes les machines avec IE !
J’avais testé en mode émulation sur mon Mac (une machine Windows "virtuelle" peut être lancée) et je n’avais pas de problème.
Ce matin, au bureau, ma chef me dit "mais c’est quoi cela comme site !" et de fait avec son IE8, c’était dégradé, un collègue regarde sur une machine avec IE7, même problème, y compris sur le site Escal (cela n’était donc pas lié à mon site).

Je vias tester sur d’autres machines avec IE.
Le fait d’avoir le même problème sur deux machines consécutives m’a fait paniquer. Je me voyais déjà recommencer plusieurs semaines de travail...
Donc, patience et mettons cette alerte en veille jusqu’à plus amples vérifications.

Grosse dégradation du squelette avec Internet explorer
Jean Christophe Villeneuve - le 2 août 2012

D’après mes tests, aucun souci avec IE8 et IE9
Pour IE7, je viens de poster un hack css qui règle le problème.

Ils mettent jamais à jour, tes collègues ? IE9 est sorti le 14 mars 2011 et IE8 le 19 mars 2009 !

Grosse dégradation du squelette avec Internet explorer
Wontolla - le 2 août 2012

Ils mettent jamais à jour, tes collègues ? IE9 est sorti le 14 mars 2011 et IE8 le 19 mars 2009 !

Certains utilisent encore l’ordinateur comme une machine à écrire !!! :-)
Enfin, ce n’est pas le cas de tous... :-)

Mise en page générale
Wontolla - le 27 juillet 2012

Il me semble qu’il y a un problème dans la page sommaire.html avec le bloc "derniers commentaires".

L’interface ne permet pas de le faire disparaître. J’ai enlevé l’inclusion directement dans le fichier sommaire.html *, mais rien à faire, ce block est toujours là.

* que le fichier soit placé dans :
/squelettes
/squelettes/inclusions
voire même directement dans le plugin escal (j’ai fait un backup du fichier d’origine bien entendu).

Mise en page générale
Jean Christophe Villeneuve - le 27 juillet 2012

Bizarre, ça fonctionne très bien sur le site de test.

Et le bloc est toujours là, même en enlevant l’inclusion ???
Pas possible !

Tu as du te mélanger les pinceaux quelque part.

Mise en page générale
Wontolla - le 27 juillet 2012

Hello.
Très curieusement, je revois la noisette "inc-derniers_commments" dans la page de configuration de l’interface privée.

Probablement la cache du nouveau Safari 6 (sous Mac) !
En effet, je vais voir dans un autre des trois sites et la noisette n’y est pas.
Je recharge la page du premier site... la noisette a disparu.
Je charge dans Firefox, elle y est ! Je recharge : n’y est plus.

Très bizarre.

Je tente en vidant la cache de SPIP : OK, elle apparaît.

Je n’avais pas le réflexe de vider la cache de SPIP pour utiliser l’interface privée après une modification des squelettes/plugins ... :-(

Désolé.

Taille des polices
Wontolla - le 17 juillet 2012

Ma question est d’ordre général et concerne la logique de la gestion des polices.

Jusqu’à présent je raisonnais en taille relative (em) pour permettre d’adapter la taille en fonction du choix par défaut de l’utilisateur dans son navigateur.

Au moment de tout restyler les px en em je constate que le site répond bien à l’augmentation/diminution de taille dans le navigateur.

Donc inutile de restyler.

Cependant, pour ne pas mourir idiot, je me demande si c’est moi qui avait mal compris la gestion des tailles en em dans les css ou si c’est toi qui a géré cela dans une feuille de style.

Taille des polices
Jean Christophe Villeneuve - le 17 juillet 2012

Je ne suis pas spécialiste mais en effet, ça fonctionne très bien avec les tailles en px et comme c’est plus clair pour moi, je m’en suis contenté.

Mise en page générale
david - le 10 décembre 2009

Bonjour, je cherche à mettre une rubrique en dessous des articles à la une. J’ai bien modifié le code de sommaire.html et tout se passe bien au niveau du positionnement et de l’affichage des images sauf que le cadre bleu prend toute la largeur de la page et que je ne vois pas ce qu’il faut modifier pour que ça fasse la même largeur que le cadre des articles à la une.

Pouvez-vous m’éclairer ?

Merci par avance

Mise en page générale
Jean Christophe Villeneuve - le 10 décembre 2009

Bonsoir

A priori, il s’agirait d’une balise de fermeture de div mal placée

Tu as ça :

<div id="page">
  <div id="contenu">
     <INCLURE {fond=inclusions/inc-a_la_une}>
  </div>
  <div class="cadre-bleu">
   <INCLURE {fond=inclusions/inc-partenaires}>
  </div>
</div>

donc ton bloc rajouté "cadre-bleu" est à l’extérieur du bloc "contenu" alors qu’il devrait être dedans.
Essaye avec

<div id="page">
  <div id="contenu">
     <INCLURE {fond=inclusions/inc-a_la_une}>
     <div class="cadre-bleu">
      <INCLURE {fond=inclusions/inc-partenaires}>
     </div>
  </div>
</div>

et tout devrait rentrer dans l’ordre.

Mise en page générale
david - le 10 décembre 2009

super, c’est génial, je te remercie beaucoup, tout fonctionne :-) J’ai juste rajouter un break entre les deux blocs afin qu’ils ne soient pas collés. Encore merci pour ta réactivité

Mise en page générale
david - le 14 février 2010

Salut Jean-Cristophe,

je te contacte suite à un nouveau problème que je n’arrive pas à résoudre dans la page d’accueil de mon site.

J’ai créé dans la partie centrale (en dessous des articles à la une) un cadre avec des images cliquables). Tous se passe bien, le code à l’air de fonctionner sauf que désormais, j’ai d’autres cadres qui se retrouvent eux aussi cliquables (alors qu’ils ne sont pas cencés l’être) avec l’adresse du dernier lien du cadre central et là, je ne pige pas pourquoi ça me fait ça ...
Peux tu m’aider stp ?

Merci par avance

Mise en page générale
Jean Christophe Villeneuve - le 15 février 2010

Ouh, c’est original, ça ! ;-)B-)

Au premier coup d’oeil, je ne vois pas l’origine du souci.

Je te conseille donc de mettre en commentaire les inclure que tu as rajouté dans la page sommaire (inc-partenaires, inc-image1 ...) et de voir ce que ça donne, histoire de repérer l’origine.

En tout cas, ça ressemble à un problème de balise mal fermée quelque part.

Quel éditeur utilises-tu pour travailler sur tes squelettes ?

Mise en page générale
david - le 15 février 2010

re,

ben j’utilise Gedit sous linux.

Effectivement je me disais aussi que ça ressemblait à un problème de balise mais j’arrive pas à situer le problème. :/
je vais donc faire comme tu as dit pour tester ;-)

Long is the road ... :-)

Mise en page générale
Jean Christophe Villeneuve - le 15 février 2010

Bon, ça vient pas de l’éditeur, à priori.

Teste et tiens-moi au courant ... la raison de ce dysfonctionnement m’intéresse.

Mise en page générale
david (ac versailles) - le 17 février 2010

taaaddaaa, j’ai trouvé et tu avais parfaitement raison ! C’était un problème de balise ! En fait, j’avais ouvert des balises "a href" et j’avais tout bêtement (si, si, j’assume) oublié de les refermer avec le résultat que tu connais.

C’est un concept intéressant de multi-images cliquables avec une seule balise à la base :-)

Il me reste un dernier (et nouveau) problème à résoudre que je vais te soumettre sur le champ car maintenant que cette histoire de balises est résolue, je suis certain que tu dois t’ennuyer ;-)

Alors voilà, j’ai un tableau dont j’ai copié le code html dans l’article, le code semble ok (comme d’habitude tu vas me dire) et quand j’enregistre l’article, il apparait comme il faut et loge bien dans la largeur de la page sans dépasser (en mode admin/rédacteur).
Par contre, quand je l’affiche en mode "visiteur" ben il se met à dépasser de la largeur de la colonne ... étrange, non ?

C’est toujours dans le même site, rubrique Qi Gong et Tai Ji Quan, article "test tableau"

Si tu as une idée, je suis preneur ;-)

Merci encore

Mise en page générale
Jean Christophe Villeneuve - le 17 février 2010

Content que tu aies résolu ton problème.

Tu as visiblement créé ton tableau sans utiliser les raccourcis spip.

Et comme tes cellules sont déclarées avec une largeur définie et trop grande ... ben ça rentre pas dans la case !

Donc soit tu diminues ces largeurs, soit tu réécris le tableau en spip avec des pipes (AltGr + 6).

Mise en page générale
david (ac versailles) - le 17 février 2010

re,

ben avec les raccourcis spip ça ne marchait pas. j’ai donc gardé le code html et j’ai fait sauter tous les "width" et depuis ça marche :-)

Donc une fois de plus tu avais raison. Je te dois donc une bonne bouteille pour toute cette aide.

Merci beaucoup, vraiment !

David

Mise en page générale
Jean Christophe Villeneuve - le 17 février 2010

Pour que ça marche avec les raccourcis spip, il faut veiller à :
- laisser une ligne vide avant et après le tableau
- bien faire attention à avoir le même nombre de pipes dans chaque ligne

Sinon, y’a pas de raison que ça ne marche pas.

Mise en page générale
david berland - le 18 février 2010

warggg, excellent ;-)
Je vais faire pareil alors :-)
Au fait, je me suis permis de transmettre l’adresse de ton site à ma conseillère de bassin pour qu’elle le diffuse dans l’académie de versailles, j’espère que ça ne t’embête pas.

A bientôt et encore merci pour tout.

David Berland
(Personne ressource TICE collège les Goussons - 91)

PS : au fait, j’ai utilisé ton squellette pour :
- www.clg-goussons-gif.ac-versailles.fr
- http://krav.maga.yvelines.free.fr

Mise en page générale
Jean Christophe Villeneuve - le 18 février 2010

Pas de souci, il est en licence GNU/GPL. Il est donc fait pour être utilisé par qui en a envie.

Alors, diffuse, diffuse ...

Mise en page générale
henri tran - le 10 juin 2012

bonjour
je n arrive pas à te joindre

Mise en page générale
Jean Christophe Villeneuve - le 10 juin 2012

Euh oui, mais pourquoi un message ici dans un thread déjà bien long et qui date de plus de 2 ans ? Et comment essaie-tu de me joindre ? Et pourquoi veux-tu me joindre ?

Taille des colonnes
Cyrille - le 27 février 2012

Bonjour

J’aime bien ce thème mais j’aimerais utiliser la taille maximum de la fenêtre du navigateur.
Est-ce possible ? Comment faire ?

Merci pour votre aide

Taille des colonnes
Jean Christophe Villeneuve - le 27 février 2012

Hmmm je te le déconseille.

J’ai opté pour une largeur fixe parce qu’afficher le site sur toute la largeur d’un écran donnera une partie centrale très large sur les écrans de 1280px ou plus.

Les colonnes larges obligent l’œil à parcourir de longues distances de gauche à droite. On risque alors de "perdre la ligne" ce qui lassera rapidement tes lecteurs.

Néanmoins, ces largeurs sont définies dans le fichier layoutPMP.css si tu utilises le layout par défaut. Contenu à copier dans /squelettes/styles/perso.css et modifier en conséquence. Tu peux t’inspirer de Layout Gala (la première proposition par exemple)

Taille des colonnes
Cyrille - le 28 février 2012

Ok, merci pour les conseils

@+

Problème d’affichage en largeur
Titeuf - le 13 février 2012

Bonsoir,
J’ai modifié le fichier sommaire et tout se passe bien sauf un petit problème d’affichage en largeur sur la page d’accueil sous firefox. Or je n’ai pas ce problème sous ie, un comble !
Pourtant, j’ai recompté mes div et je n’ai pas l’impression d’en avoir oublié.
Que se passe-t-il ?

http://www2.ac-lyon.fr/etab/colleges/col-69/jouvet/
Merci d’avance pour votre aide.

Problème d’affichage
Jean Christophe Villeneuve - le 14 février 2012

Non il s’agit d’un petit bug d’Escal que j’ai corrigé il y a peu. (un div fermant mal placé dans inc-calendrier)

Mets à jour Escal et tout devrait rentrer dans l’ordre.

Problème d’affichage en largeur
Titeuf - le 14 février 2012

Bonjour,
Je suis pourtant en version 2.4.0 de la version d’escal. Je n’en ai pas trouvé d’autres plus récente.

Problème d’affichage
Jean Christophe Villeneuve - le 14 février 2012

Oui oui mais je ne change pas le numéro de version à chaque petite correction. C’est le numéro de révision (celui entre crochets) qu’il faut regarder, qui lui s’incrémente automatiquement.

On en est à Version : 2.4.0 [58268].

Mets à jour que je te dis !

Problème d’affichage en largeur
Titeuf - le 14 février 2012

C’est pourtant la version que j’ai. On le voit en bas de la page d’accueil. J’aurai pourtant aimé que ce soit ça !

Problème d’affichage en largeur
Titeuf - le 14 février 2012

Et j’ai toujours le problème en supprimant mon fichier personnalisé "sommaire".

Problème d’affichage
Jean Christophe Villeneuve - le 14 février 2012

J’ai un peu cherché mais c’est compliqué sans voir les fichiers.

Je maintiens que c’est un problème de div dans inc-calendrier
Tu n’as pas une copie de ce fichier dans /squelettes/inclusions des fois ?

Pour tester, vire

<div class="cadre-bleu">
<INCLURE {fond=inclusions/inc-calendrier}{lang}>
</div>

de ton fichier sommaire.html

Problème d’affichage en largeur
Titeuf - le 15 février 2012

C’est bien un problème de div dans le fichier inc-calendrier.
J’ai résolu mon problème. Encore merci.

Mise en page générale
Vincent - le 11 mai 2011

Bonsoir, j’ai un souci avec la mise en page de notre site EPS académique sous Escal : j’ai fait une bascule de layout sur le site pour passer de trois à 2 colonnes ; puis au au fur et a mesure de la conception je me suis rendu compte qu’il était intéressant de conserver 3 colonne ; du coup, j’ai remis le layout d’origine sauf que mes cadre latéraux sont partis se loger dans le coin gauche en bas de ma page d’accueil. En modifiant le css, j’ai réussi a ramener ma colonne de droite a 10px du bloc central (comme d’origine) mais les cadre reste flanqués en bas, impossible de les faire remonter au niveau de mon bloc central...
HELP !!
Site EPS Amiens

Mise en page générale
Jean Christophe Villeneuve - le 12 mai 2011

Hmm ça sent une div mal fermée, ça !

Dans ta copie de sommaire.html, tu as

<div id="page">
<div id="contenu">
<INCLURE {fond=inclusions/inc-a_la_une}>
</div>

au lieu de

<div id="page">
<div id="contenu">
<INCLURE {fond=inclusions/inc-a_la_une}>
</div>
</div>

il manque un </div> à la fin.

Mise en page générale
Vincent - le 13 mai 2011

Heuuu non, je viens de tester comme ça mais rien n’y fait

Mise en page générale
Jean Christophe Villeneuve - le 13 mai 2011

C’est parce que tu as maintenant un </div> en trop (en fait il n’était pas à sa place) entre

<div class="cadre-rouge">
<INCLURE {fond=inclusions/inc-edito}>
</div>

et

<div class="cadre-rouge">
<INCLURE {fond=inclusions/inc-calendrier}>
</div>

PS : tu peux mettre du code HTML dans tes réponses mais il faut l’entourer d’une balise "code" donc entre <code> et < / code> (sans mettre les espaces) mais évite de mettre une page entière ;-)

Mise en page générale
vincent - le 15 mai 2011

Bon voici l’extrait de code que j’ai pour ma page sommaire, j’ai viré les div en trop mais rien ne bouge même en vidant le cache...

<div id="page">
           <div id="contenu">
             <INCLURE {fond=inclusions/inc-a_la_une}>
           </div>
         <div id="navigation">
           <div class="cadre-rouge">
             <INCLURE {fond=inclusions/inc-edito}>
           </div>
                        <div class="cadre-rouge">
             <INCLURE {fond=inclusions/inc-calendrier}>
           </div>
                       
                        </div>
                       
         <div id="extra">
                        <div class="cadre-rouge">
             <INCLURE {fond=inclusions/inc-actus}>
           </div>
           <div class="cadre-rouge">
             <INCLURE {fond=inclusions/inc-photos}>
           </div>

Mise en page générale
Jean Christophe Villeneuve - le 15 mai 2011

Ben là il manque toujours un </div> avant <div id="navigation"> et je suppose qu’il y a un autre </div> juste après ton extrait de code pour fermer la <div id="extra">

Mise en page générale
vincent - le 16 mai 2011

Désolé, oui, c’est fait mais ça ne change rien...

Mise en page générale
vincent - le 16 mai 2011

PS : c’est le cas sur toutes les pages du site....
Les cadres extérieurs restent en bas.

Mise en page générale
Jean Christophe Villeneuve - le 16 mai 2011

Arf, si tu m’avais dit ça avant ...

Le problème, c’est que tu as bidouillé le fichier layoutPMP.css !!

La solution est donc simple : supprime le fichier /squelettes/styles/layoutPMP.css

Et hop !

Mais attention tu as rajouté un <div> au lieu d’un </div> dans ta dernière modif de sommaire.html

Mise en page générale
vincent - le 17 mai 2011

Ok, tout est rentré dans l’ordre, je te remercie vivement pour tout le travail que tu fais. Ton squelette est vraiment extra.
Il est vrai qu’il est parfois difficile, quand même, de repérer les cadres (par exemple ton cadre bleu accès direct ici sur le côté)sur le visuel en ligne, avec les pages inc- et les styles auxquels ils font appel.... On a du mal a savoir quelle page ou quel feuille de style modifier pour toucher le bon cadre... Et une dernière question : le fichier perso.css doit-il être seul dans le dossier styles ; moi j’ai mis aussi une copie des fichiers général.css et alaune.css ; est-ce une erreur ??
Encore merci pour ta patience, je suis un bidouilleur loin d’être expert dans l’art de la conception et n’ai que de minimes connaissances dans les différents languages (HTML, PhP, etc...)
Vincent
site EPS acad Amiens

Mise en page générale
Jean Christophe Villeneuve - le 17 mai 2011

Copier les fichiers general.css et alaune.css n’est pas une erreur en soi mais ne sert à rien. Escal est conçu pour que toutes les modifications de css inscrites dans perso.css surchargent les styles des autres feuilles css.

Pour les cadres, j’ai essayé d’être le plus clair possible : le cadre accès direct correspond au ficjier inc-acces_direct par exemple...

Pour les styles, je reconnais qu’il y a encore un peu de boulot pour que ce soit plus clair et ordonné mais c’est plus simple à dire qu’à faire. Pour t’y retrouver, je te conseille de lire la page sur les extensions de Firefox qui peuvent beaucoup t’aider, notamment Webdevelopper et Firebug.

Mais si tu as des idées, je suis preneur ! N’hésites pas à proposer. Et je dis ça sans aucune ironie.

Mise en page générale
regis - le 8 février 2011

Bonjour

Je teste ce squelette en local pour un établissement scolaire de l’Indre avant de l’adopter pour notre site.
Est-il possible d’avoir une valeur relative (et non absolue) pour l’affichage public (quels fichiers modifier et surtout comment ?).

Merci pour ce beau plugin.

Régis

Mise en page générale
Jean Christophe Villeneuve - le 8 février 2011

Bonjour

Oui, tout se passe dans les fichiers layoutXX.css

Je me suis inspiré largement de quelques layouts présentés sur http://blog.html.it/layoutgala/. Tu peux donc choisir celui que tu veux et te créer ton propre layoutmachin.css que tu mets dans un dossier /squelettes/styles

Attention au piège des colonnes sur les côtés en relatif, ça peut vite devenir trop étroit. Je m’inspirerais du layout 13, par exemple.

Il ne te restera plus qu’à copier le fichier inc-head.html de /plugins/escal/inclusions vers /squelettes/inclusions et tu changes l’appel dans cette ligne du fichier.

<link href="#CHEMIN{styles/layoutmachin.css}" rel="stylesheet" type="text/css" />

à la place de

<link href="#CHEMIN{styles/layoutPMP.css}" rel="stylesheet" type="text/css" />

Et si tu coinces, n’hésite pas à revenir.

Mise en page générale
pdwade - le 10 décembre 2010

j’ai changé une première fois la mise en 2 colonne et si je reviens sur 3 colonne en mettant PMP pour le css le menu vertical ne s’affiche pas à l’accueil mais seulement à l’accueil
Qui peut m’aider merci d’avance !!!

Mise en page générale
Jean Christophe Villeneuve - le 10 décembre 2010

"le menu vertical ne s’affiche pas à l’accueil mais seulement à l’accueil"

là déjà, ce n’est pas très clair ;-)

Escal propose 2 menus verticaux. Lequel ne s’affiche pas ?

Ensuite, as-tu bien vidé le cache spip et le cache navigateur puis recalculé la page ?

Enfin ... une URL pour voir ?

Mise en page générale
pdwade - le 12 décembre 2010

Merci .Si je dit seulema pas a l’accueil cela veut dire que si je clique sur un autre lien les 3 colonne revienne.Et un autre blem j’ai développé une noisette et si je clique sur une rubrique la page est dérangé ce que g développé ne respecte pas disons le css

Mise en page générale
Jean Christophe Villeneuve - le 12 décembre 2010

C’est en ligne ?

Mise en page générale
rm - le 13 juillet 2010

J’ai installé le plugin escal, et je souhaiterai désormais personnalisé la mise en page générale.

J’ai bien récupérer le dossier inc-head.html dans mon ftp mais dans quel squelette inclusions faut-il le copier ?

En effet, dans ma racine du site, j’ai un dossier plugins et 3 dossiers squelettes :
- squelettes delta
- squelettes gamma
- squelettes beta
Et dans ces trois dossiers j’ai un dossier inclusions.

J’ai aussi directement à la racine de site un dossier squelette. Par contre dans celui-là pas de dossier inclusion mais je peux en créer un s’il faut.

Donc dans quel dossier squelette y copier le fichier ?

Mise en page générale
Jean Christophe Villeneuve - le 16 juillet 2010

Il faut le copier dans le dossier /squelettes/inclusions à la racine du site, dossier à créer si pas encore existant.

Mise en page générale
Jérôme - le 29 mars 2010

Salut,

Besoin d’une petite info,
je sais qu’il est possible de remplacer le fond bleu qui se trouve derrière "les articles à la une" par une image mais comment dois je procéder stp.
merci d’avance.

PS : Benoit m’a transmis ton bonjour merci !
au passage j’ai trouvé sur internet le module "une photo au hasard" dispo sur internet tu devrais l’intégrer à ton site, comme je l’ai fait sur le mien, ca pourrait intéresser des gens.

Mise en page générale
Jean Christophe Villeneuve - le 29 mars 2010

Dans perso.css, tu rajoutes

#laune {
background-image:url("../images/ton_image.jpg");
background-position: center;
}

et tu mets ton image dans /squelettes/images

Pour l’image au hasard, pourquoi pas. On pourrait aussi mettre un bloc qui fait défiler les X dernières images à la façon du bloc "actus".

Mise en page générale
Jérôme - le 29 mars 2010

Merci beaucoup !!!!
Si tu veux le fichier inc_imagehasard dis le moi je te le fais suivre !

Mise en page générale
Jean Christophe Villeneuve - le 29 mars 2010

Merci pour la proposition de fichier mais je me suis débrouillé comme un grand !

Voir sur la page d’accueil et l’article inc-photos

Si tu vois des améliorations possibles, n’hésite pas !

Mise en page générale
Jérôme - le 30 mars 2010

Au niveau amélioration je pense que tu ne pourrais garder qu’une photo car sinon la c’est un peu grand le bandeau tout en longueur et faire une rotation avec les photo comme pour actus. Tu en penses quoi ?

Mise en page générale
Jérôme - le 30 mars 2010

autant pour moi je n’avais pas vu que tu l’avais déjà fait. Pour moi c’était statique : petit problème de navigateur.

question : tu as déjà mis à jour le plugin avec le fichier "inc-photos" ?

Mise en page générale
Jean Christophe Villeneuve - le 30 mars 2010

yes of course ! ;-)

Mise en page générale
Jérôme - le 30 mars 2010

petit souci : j’ai pas de perso.css dans mon squelette. Il faut que je le crée ?

Mise en page générale
Jean Christophe Villeneuve - le 30 mars 2010

Ah ben voui, bien sur !

Et c’est là que tu mets toutes tes modifs de css par rapport au plugin Escal, ainsi que tous les fichiers que tu modifies.

Comme ça, quand tu mets à jour le plugin, tu n’écrases pas tes modifs.

Relis bien cet article.

Mise en page générale
Jérôme - le 31 mars 2010

je dois avoir un problème de raccourci : le fichier jpeg se trouve la : ftp://clg-val-de-meuse xxi.ac-reims.fr/unss/squelettes/images/etoile.jpg
je lui indique /squelettes/images/etoile.jpg comme url est ce correct ?

Mise en page générale
Jean Christophe Villeneuve - le 31 mars 2010

si c’est pour ton image de fond des articles à la une, essaie plutôt :

background-image:url("../images/etoile.jpg");

Mise en page générale
J-M JUCKER - le 5 mars 2010

Bonjour

Tout d’abord merci pour avoir mis a disposition votre squelette qui est super

je rencontre quelques difficultés :
http://www.ffmc17.org/

1. lors de la navigation dans le site je ne peux revenir sur l’onglet Accueil, il y a un message. De plus cette rubrique Accueil n’apparait pas dans le squelette.

2. je n’arrive pas à changer la couleur de fond (orange pale) de l’article a la une.

N’étant vraiment pas doué je viens vers vous.

Par avance merci beaucoup.

JM JUCKER

Mise en page générale
Jean Christophe Villeneuve - le 5 mars 2010

Problème 1 : sans doute l’adresse du site est-elle mal indiquée dans l’espace privé, icone Configuration

Problème 2 : c’est, je pense, un paramétrage dans la lame "Jolis coins" du plugin "Couteau suisse". Mets deux slash devant chaque ligne du bloc "Améliorer les coins des sélecteurs suivants :" (en tout cas celle où tu trouveras #FFE0C0) et regarde ce que ça donne.

Ensuite, je te conseille de lire la partie "le titre du site" dans cet article

Et n’hésite pas à revenir ici si tu coinces.

Mise en page générale
- le 6 mars 2010

Bonjour

Merci Jean-christophe

Le N°1 est résolu merci beaucoup c’est super.

Pour le 2 désolé je ne suis vraiment pas doué. Les 2 slachs sont bien présents

// coins ronds aux formulaires ...

// colorisation de la dist de SPIP 2.0 en ...

// coins ronds aux parents !
.jc_parent

je sèche !

Pour le bandeau idem car je ne trouve pas le fichier inc-bandeau.html
Mon dossier Squelette n’est pas enrichi

Merci pour vos précieux conseils et bonne journée

Mise en page générale
Jean Christophe Villeneuve - le 6 mars 2010

Qu’y a-t-il exactement dans le bloc "Améliorer les coins des sélecteurs suivants :" de la lame Jolis coins ? Au pire, tu désactives cette lame.

Pour le bandeau, si tu veux faire disparaitre le titre du site, tu écris le code suivant dans le fichier perso.css que tu mets dans le dossier /squelettes/styles.

#titrepage {
        display: none;
}

Et si tu veux modifier un fichier, il faut recopier le fichier du dossier /plugins/escal vers le dossier /squelettes (en respectant l’arborescence) et le modifier ensuite.

Mise en page générale
JMJ - le 9 mars 2010

Bonsoir Jean-Christophe

Explications super claires et voilà, même l’elève pas doué y arrive !
Merci Jean-christophe cela fonctionne et oui !
après avoir désactivé la lame "Jolis coins" et copié le fichier comme tu l’expliques, et bien le résultat correspond bien à mes attentes.

Maintenant il reste pas mal de choses à faire mais au moins il est en ligne http://www.ffmc17.org/

Merci beaucoup. Si il y a des formations je suis preneur !

Bonne semaine

JM JUCKER

Mise en page générale
Jean Christophe Villeneuve - le 9 mars 2010

Commence par mettre à jour le plugin Escal, ça
- fera disparaitre la petite bande bleue foncée tout en haut
- évitera le saut d’affichage au clic sur les liens de la page d’accueil
- rendra ton site valide XHTML

Mise en page générale
vbossard - le 9 octobre 2009

Je dois être un peu stupide, mais je galère pour changer les couleurs du site... Il est vrai que je débute. A l’aide !

Mise en page générale
Jean Christophe Villeneuve - le 9 octobre 2009

Vaste sujet car les couleurs sont gérées par general.css (tout est au début du fichier) mais aussi menu.css pour le menu et alaune.css pour les onglets de la page d’accueil.

Le mieux est d’utiliser Firefox avec Firebug pour repérer les "class" ou "id" utilisés à chaque endroit que tu veux modifier.

Mise en page générale
vbossard - le 29 septembre 2009

comment obtenir les versions beta, delta ... du squelette ?

Mise en page générale
Jean Christophe Villeneuve - le 30 septembre 2009

Envoie-moi un message avec ton adresse et je t’enverrais les squelettes mais attention, je ne les ai pas finalisés ni mis à jour comme le squelette alpha. Ce sont des brouillons !

Mise en page générale
vbossard - le 30 septembre 2009

mon adresse mail est vincebossard free.fr



Plan du site Contact Mentions légales Espace rédacteurs squelette

RSS Valid XHTML 1.0 Strict

2009-2017 © Escal V3 - Tous droits réservés
Site réalisé sous SPIP
avec le squelette ESCAL-V3
Version : 3.86.30