Bandeau
Escal V3
Slogan du site
À ce jour, Escal est utilisé dans 610 sites
flècheAccueil flèche Paramétrer
Mise en page générale
Article mis en ligne le 24 janvier 2009
par Jean Christophe Villeneuve
Imprimer 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.

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.

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)

NB : 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.

Forum
Répondre à cet article
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.

Répondre à ce message
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)

Répondre à ce message
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

Répondre à ce message
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

Répondre à ce message
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.

Répondre à ce message
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

Répondre à ce message
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.

Répondre à ce message
Ordre rubrique
Thomas - le 16 mars 2013

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

Répondre à ce message
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é...).

Répondre à ce message
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ù ?

Répondre à ce message
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...

Répondre à ce message
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"

Répondre à ce message
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.

Répondre à ce message
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

Répondre à ce message
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 :-)

Répondre à ce message
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

Répondre à ce message
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 :-)

Répondre à ce message
Escal et base SQlite
Wontolla - le 15 août 2012

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

Répondre à ce message
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 !

Répondre à ce message
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.

Répondre à ce message
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).

Répondre à ce message
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 :-) )

Répondre à ce message
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.

Répondre à ce message
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

Répondre à ce message
Moteur de recherche SPIP & Escal
Wontolla - le 14 août 2012

Test effectué : cela fonctionne très bien !

Répondre à ce message
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.

Répondre à ce message
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.

Répondre à ce message
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.

Répondre à ce message
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 ?

Répondre à ce message
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).

Répondre à ce message
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.

Répondre à ce message
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.

Répondre à ce message
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.

Répondre à ce message
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 !

Répondre à ce message
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 !

Répondre à ce message
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).

Répondre à ce message
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 ?

Répondre à ce message
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.

Répondre à ce message
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...

Répondre à ce message
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.

Répondre à ce message
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

Répondre à ce message
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

Répondre à ce message
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é.

Répondre à ce message
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.

Répondre à ce message
Validation W3C
Jean Christophe Villeneuve - le 5 août 2012

Normalement, c’est corrigé avec la version 3.35.11

Répondre à ce message
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... :-)

Répondre à ce message
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 !

Répondre à ce message
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 :-( :-( :-(

Répondre à ce message
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.

Répondre à ce message
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 !

Répondre à ce message
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... :-)

Répondre à ce message
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).

Répondre à ce message
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.

Répondre à ce message
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é.

Répondre à ce message
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.

Répondre à ce message
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é.

Répondre à ce message
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

Répondre à ce message
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.

Répondre à ce message
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é

Répondre à ce message
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

Répondre à ce message
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 ?

Répondre à ce message
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 ... :-)

Répondre à ce message
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.

Répondre à ce message
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

Répondre à ce message
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).

Répondre à ce message
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

Répondre à ce message
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.

Répondre à ce message
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

Répondre à ce message
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 ...

Répondre à ce message
Mise en page générale
henri tran - le 10 juin 2012

bonjour
je n arrive pas à te joindre

Répondre à ce message
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 ?

Répondre à ce message
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

Répondre à ce message
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)

Répondre à ce message
Taille des colonnes
Cyrille - le 28 février 2012

Ok, merci pour les conseils

@+

Répondre à ce message
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.

Répondre à ce message
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.

Répondre à ce message
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.

Répondre à ce message
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 !

Répondre à ce message
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 !

Répondre à ce message
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".

Répondre à ce message
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

Répondre à ce message
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.

Répondre à ce message
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

Répondre à ce message
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.

Répondre à ce message
Mise en page générale
Vincent - le 13 mai 2011

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

Répondre à ce message
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 ;-)

Répondre à ce message
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>
Répondre à ce message
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">

Répondre à ce message
Mise en page générale
vincent - le 16 mai 2011

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

Répondre à ce message
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.

Répondre à ce message
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

Répondre à ce message
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

Répondre à ce message
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.

Répondre à ce message
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

Répondre à ce message
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.

Répondre à ce message
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 !!!

Répondre à ce message
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 ?

Répondre à ce message
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

Répondre à ce message
Mise en page générale
Jean Christophe Villeneuve - le 12 décembre 2010

C’est en ligne ?

Répondre à ce message
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 ?

Répondre à ce message
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.

Répondre à ce message
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.

Répondre à ce message
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".

Répondre à ce message
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 !

Répondre à ce message
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 !

Répondre à ce message
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 ?

Répondre à ce message
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" ?

Répondre à ce message
Mise en page générale
Jean Christophe Villeneuve - le 30 mars 2010

yes of course ! ;-)

Répondre à ce message
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 ?

Répondre à ce message
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.

Répondre à ce message
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 ?

Répondre à ce message
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");
Répondre à ce message
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

Répondre à ce message
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.

Répondre à ce message
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

Répondre à ce message
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.

Répondre à ce message
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

Répondre à ce message
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

Répondre à ce message
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 !

Répondre à ce message
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.

Répondre à ce message
Mise en page générale
vbossard - le 29 septembre 2009

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

Répondre à ce message
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 !

Répondre à ce message
Mise en page générale
vbossard - le 30 septembre 2009

mon adresse mail est vincebossard free.fr

Répondre à ce message

Mots-clés associés

Onglet de paramétrage :
Généralités

Dans la même rubrique

0 | 5

Quelques astuces
le 21 mars 2013
par Jean Christophe Villeneuve
Jouer avec les couleurs
le 16 mars 2013
par Jean Christophe Villeneuve
Jouer avec le bandeau
le 15 mars 2013
par Jean Christophe Villeneuve
Mes premiers pas avec Escal
le 5 décembre 2011
par Jean Christophe Villeneuve
Les fichiers de langues
le 14 juin 2011
par Jean Christophe Villeneuve

Évènements à venir

Pas d'évènements à venir


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

RSS puce Valid XHTML 1.0 Strict puce Licence Creative Commons

2009-2013 © Escal V3 - Tous droits réservés
Site réalisé sous SPIP
avec le squelette ESCAL-V3
Version : 3.71.9
Hébergeur : Académie de Lyon