Donc trois colonnes, trois couleurs (ou deux tons plus une couleur, plutôt), gris, noir, rouge. Des filets, pour l’instant, d’une part parce que j’aime bien le design presse, de l’autre parce que ça donne des repères pour estimer les blancs et voir si ça respire.
Le premier div (le div au background noir) est nommé barre-nav et il est prévu pour fonctionner avec le plugin Menus.
Les dimensions du body et de tous les éléments de la structure sont exprimées en ems, et le font-size en pourcentage. Si vous changez ce pourcentage, toute la présentation change. J’ai essayé plusieurs pourcentages et ça fonctionne bien (sur Firefox, Opéra, Safari sur Mac) à partir de 72%. Parfois à certains pourcentages on peut noter un problème d’alignement du pied, mais on le corrige rapidement en augmentant (ou l’inverse) le pourcentage par paliers de 1 %.
A partir de la Revision 36537 j’ai commencé à expérimenter avec @font-face qui permet d’utiliser ses propres polices pour l’affichage (ces polices étant chargées dans le serveur. Mais ce n’est pas pour l’instant fonctionnel en Internet Explorer (une fois le choix des polices arrêté je ferai le nécessaire).
La Revision 36537 a un double background pour la balise html : une image supérieure et une en bas de page avec une position:fixed.
Notez aussi que Zpresse est en développement malgré le fait qu’il s’auto déclare comme stable (ce n’est que en faisant cela qu’il s’affiche en tant que thème). Si vous avez des commentaires, suggestions ou bien critiques, surtout n’hésitez pas.
Version 1.0.0
RSS 2.0
Vos commentaires
# Le 18 février 2012 à 05:30, par marieb_web
En réponse à : Zpresse
Bonjour
Je ne comprends pas du tout comment je pourrai mettre des menus dans les barres de droite et de gauche autre que celles par défaut, est-il possible de les configurer ?
merci :-)
cordialement
# Le 18 février 2012 à 10:07, par Luis Speciale
En réponse à : Zpresse
Il faut commencer par comprendre la logique de Z.
http://www.spip-contrib.net/Le-Squelette-Zpip-dist
Où il est dit que
head/ qui contient les squelettes de la section personnalisée pour chaque page, lorsque c’est nécessaire, qui s’ajoute à un commun situé dans inclure/
contenu/ dans lesquels seront mis tous les squelettes produisant le contenu principal de chaque page
extra/ dans lesquels seront mis tous les squelettes produisant les informations extra contextuelles pour chaque page
navigation/ dans lesquels seront mis tous les squelettes produisant les informations de navigation propres à chaque page
A +
# Le 14 mars 2012 à 15:40, par marie_web
En réponse à : Zpresse
bonjour merci pour votre réponse
effectivement pas évident évident de passer d’un cms à un autre mais bon j’ai bricolé un truc avec le plugin « menus » et en modifiant le fichier body menu, env, identifiant=gauche} />
ça marche ;-)
par contre je ne trouve nulle part pour supprimer « accueil du site » du fil d’ariane dans le template.
une idée ?
merci
cordialement
# Le 16 mars 2012 à 19:44, par Luis Speciale
En réponse à : Zpresse
Same as before. Ce n’est pas le template qui le fournit, il faut modifier ça soit dans Z, soit dans squelettes_dist. De mémoire, je ne suis pas sur ma machine mais au beau milieu des cartons, pinceaux, et autres lessives St Marrrrrrrc ‡-]
Répondre à ce message
# Le 29 novembre 2011 à 08:55, par Sylvain
En réponse à : Zpresse
Tout simplement bravo pour ce travail !
Répondre à ce message
# Le 22 octobre 2011 à 12:35, par barbarie
En réponse à : Zpresse
Bonjour (et bravo pour ce thème vraiment classe),
Je cherche à faire une modif dans l’organisation des pages, en gros je voudrais que ma page article.html n’ait que 2 colonnes (fusionner les colonnes contenu et extra, seulement sur cette page). Est-ce possible ? Faut-il prévoir un fichier body.html alternatif ?
Merci.
# Le 22 octobre 2011 à 13:01, par barbarie
En réponse à : Zpresse
J’ai trouvé en tâtonnant : il faut effectivement créer un body alternatif, de même qu’une structure alternative et les appeler à la construction de la page article.html
A+
Répondre à ce message
# Le 25 juillet 2011 à 18:34, par rezki
En réponse à : Zpresse
J’ai installé ce thème et je suis tombé sous le charme : simple, beau et fonctionnel.
J’ai deux petites remarques à intégrer si possible dans la version téléchargeable.
- L’interlignage dans les titres (en page d’accueil) est trop petit il faudrait aérer un tout petit peu.
- Proposer une largeur de 960 pixels par défaut ou mettre dans le CSS une petite ligne de commentaire pour aider les utilisateurs à fixer simplement leur largeur. C’est un plus d’avoir utilisé des largeurs en % et proposer une largeur à la carte permettrait de tirer profit de tout ça.
J’attends les remarques de Luis et des internautes, et je le répète c’est du bon travail.
Répondre à ce message
# Le 22 mars 2010 à 12:32, par ajo
En réponse à : Zpresse
Il semblerait que le fichier body.html doit être renommé en body-layout.html.
Maintenant il s’affiche mieux mais ce n’est pas ça encore. Je me demande si la création des menus après activation du plugin Menus va arranger les DIV (pour l’instant j’ai qu’une seule colonne).. à suivre.
Merci en tout cas pour ce beau travail !
# Le 22 mars 2010 à 12:46, par Cedric Morin
En réponse à : Zpresse
tu as une ancienne version de Zpip, c’est pour ça. Le nommage en vigueur est maintenant
body.html# Le 22 mars 2010 à 12:54, par Luis Speciale
En réponse à : Zpresse
Bonjour ajo
Non, je ne crois pas c’est bien body.html. Est-ce que vous avez votre zpip à jour ? D’après ce que vous dites (1 seule colonne) je ne vois que ça. Avez-vous réchargé le zpresse d’aujourd’hui ? J’ai fait beacoup de changements depuis hier.
# Le 22 mars 2010 à 14:11, par ajo
En réponse à : Zpresse
ok, c’est fait, ça marche ..mieux ! ha !
merci, merci, merci !
# Le 24 mars 2010 à 23:07, par ajo
En réponse à : Zpresse
Le petis silence (« ..mieux ») c’est parce que quand j’utilise Zpresse (avec les autres thèmes, beaucoup moins jolis soit dit en passant, cela m’arrive aussi) j’ai ce message d’erreur :
Cela ne m’arrive pas avec le squelette par défaut de Spip.
Excusez, je croyais pouvoir comprendre mais il faut bien avouer que je vois pas d’où ça vient. Les traces que j’ai trouvé dans de forums ne m’aident pas nom plus. Des pistes ??
(ah ! j’ai installé les dernières versions de TOUT : plugins et Spip !)
# Le 24 mars 2010 à 23:18, par Maïeul
En réponse à : Zpresse
Tu n’a pas supprimé squelettes-dist par hasard ?
# Le 25 mars 2010 à 00:22, par speciale
En réponse à : Zpresse
Ajo :
Pouvez-vous me dire quelle version de SPIP et quels plugins vous utilisez ? Ainsi que les arborescences des dossiers spip, zpip ? Comme ça je pourrais essayer de reproduire le problème.
Hasta mañana ;)
# Le 25 mars 2010 à 10:53, par ajo
En réponse à : Zpresse
Bonjour et merci !
> Oui, squelette-dist je l’ai renommé ’000’
> J’utilise les toutes dernières versions de Crayons, Menus, Slogan, Spip Bonus, Zpip et Zengarden. Spip 2.0.10. J’ai tout installé comme décrit ici :
http://www.spip-contrib.net/Installer-Zpip-pas-a-pas
Donc l’arborescence est identique.
J’ai des messages d’erreur parfois différents. A chaque fois j’efface le cache, bien sûr.
Un autre symptôme (?), après quelques rafraîchissements de la page le message de erreur disparaît et la page s’affiche correctement sauf que les noms des auteurs n’apparaissent pas sur les articles.
voici mon bac à sable :
http://www.artecomochurros.com/blogs/potencialdeaccion/
Gracias, hasta luego.
# Le 25 mars 2010 à 11:15, par Cedric Morin
En réponse à : Zpresse
Il ne faut pas renommer ni supprimer
squelettes-distqui contient un certain nombre de modèles et formulaires nécessaire.On aurait pu tout redéfinir dans Zpip-dist, mais j’ai toujours des réticences à dupliquer un même code, ce qui entraine mécaniquement l’effort de maintenance.
Rétabli le nom du dossier et tout devrait rentrer dans l’ordre.
# Le 25 mars 2010 à 13:49, par Luis Speciale
En réponse à : Zpresse
Ché ajo, van teniendo buena pinta los churros. Sigo en francés.
Comme te l’on dit Cédric et Maïeul, c’est au niveau de
squelettes-distque le problème réside : comme preuve, le petit logo de SPIP en bas de page n’est pas trouvé. Je me permettrais aussi de te donner un conseil : passe en 2.1.http://www.spip-contrib.net/Essayez-SPIP-2-1-RC
A +
# Le 25 mars 2010 à 16:40, par ajo
En réponse à : Zpresse
ayayay ! il fallait pas le supprimer ! j’ai tout compris de travers ! je m’excuse. Avant il fallait justement le remplacer, c’est pour cela que je ne me suis pas posé des questions. Enfin merci beaucoup à tous les trois. Gracias Luis, estupendo tema. Gracias por el cumplido (los churros estan un poco parados ahora pero vamos a relanzar la maquina pronto) y los consejos, paso en modo 2.1 en un momentito. Hasta pronto. +
# Le 11 juillet 2011 à 15:55, par clem
En réponse à : Zpresse
J’ai supprimé par erreur squelettes dist je viens de m’en rendre compte ...
Qu’est ce que je peux faire pou réparer ma boulette !!!
# Le 11 juillet 2011 à 16:02, par speciale
En réponse à : Zpresse
Désolé de vous donner une réponse plus qu’évidente. Il faudrait le remettre.
# Le 11 juillet 2011 à 16:04, par clem
En réponse à : Zpresse
En faite c’est la première fois que je fais un site sur SPIP,
donc ma question peut paraître bête, mais jle trouve ou ???
Faut que je réinstalle SPIP ??
# Le 11 juillet 2011 à 16:11, par speciale
En réponse à : Zpresse
Oui, au moins le dossier dist ;-)
# Le 11 juillet 2011 à 17:32, par Maïeul
En réponse à : Zpresse
pas la peine de réinstaller SPIP.
Juste le dossier squelettes-dist.
Tu trouvera un zip de toutes les versions de SPIP à cette adresse http://files.spip.org/spip/archives/.
Choisi la bonne version, dézippe et remet en ligne le dossier dist
# Le 12 juillet 2011 à 11:05, par clem
En réponse à : Zpresse
Merci bcp de votre aide, ca y est erreur résolu seulement maintenant ca ne veux tjr pas m’afficher mes images, donc je ne vois pas mon squelette ... jvois uniquement le fond bleu !!! Je ne comprends pas pk, si jamais vous pouvez m’aider merci !!!
Clémentine
# Le 12 juillet 2011 à 11:12, par Maïeul
En réponse à : Zpresse
vous auriez un site exemple ?
# Le 12 juillet 2011 à 11:16, par clem
En réponse à : Zpresse
http://spip.toubatoo.fr
ca c l’adresse de mon site si vous voulez voir rien ne s’affiche en image.
# Le 12 juillet 2011 à 11:57, par clem
En réponse à : Zpresse
Oui jai créer mon Squelettes en html !!! jai tt fé et rien ne s’affiche et je n’ai aucun plugin pour le moment, faut-il que j’en télécharge un ?
Répondre à ce message
# Le 26 février 2011 à 17:37, par Yffic
En réponse à : Zpresse
Salut
Il manque une image dans le theme pour le background de l’entete :
Ligne 35 de habillage.css : images/speciale.png
# Le 26 février 2011 à 20:52, par Yffic
En réponse à : Zpresse
Ah ben ca change tout ;-)
# Le 26 février 2011 à 21:10, par speciale
En réponse à : Zpresse
Et oui ! Quel service AV !
Répondre à ce message
# Le 31 janvier 2011 à 11:28, par dut
En réponse à : Zpresse
Je rencontre un soucis de présentation des polices de caractère d’un site spip utilisant Zpresse.
Les caractères semblent pixélisés, et cela ne se produit que sous Windows, plus précisement sous firefox et chrome, mais pas sous IE explorer
Pour vous faire une idée :
http://rictus-interactive.org/bug/firefox.png
cordialement.
# Le 31 janvier 2011 à 12:00, par Luis Speciale
En réponse à : Zpresse
Je n’ai pas de machine tournant Windows, je ne peux donc pas vous aider sur ce point. Mais je ne pense pas qu’il soit une bonne idée de laisser tous les textes avec la police en question (j’ai fait ça pour voir le comportement d’une page entière avec cette technique) mais l’utiliser pour les h1, h2, h3 et laisser le texte courant dans une police « normale ». Une autre solution serait peut-être d’utiliser soit les Google fonts, soit le plugin webfonts (je ne l’ai jamais utilisé encore).
# Le 1er février 2011 à 18:45, par Nicolas Hoizey
En réponse à : Zpresse
Je confirme, ce thème est plein de potentiel, mais la typo bave énormément sur Windows, Firefox comme Safari.
# Le 1er février 2011 à 20:32, par Luis Speciale
En réponse à : Zpresse
Merci pour les mamours ;-) La solution : convertir les fichiers .ttf (les polices) en .eot et les mettre dans le même dossier.
Por ce faire il y a ttf2eot, mais je ne peux pas le faire avec mon Mac (vieux PPC)
http://code.google.com/p/ttf2eot/
Ensuite il faut faire un conditionnel à placer dans head.html, genre
<!--[if IE ]><style>
@font-face { font-family:Aller_Display; src:url(polices/Aller/AllerDisplay.eot)format("eot"); }
</style>
<![endif]-->
Mais j’insiste sur le point que ça ne devrait concerner que la titraille (et encore pas toute). H1, H2, H3 et basta.
# Le 1er février 2011 à 20:38, par Luis Speciale
En réponse à : Zpresse
Par ailleurs, je viens de faire un tour chez GoogleFonts et ils ont plus de choix maintenant. En tout cas il y a la Yanonne et la PT Sans est très élégante.
http://code.google.com/webfonts/family?family=PT+Sans&subset=latin
# Le 1er février 2011 à 22:02, par Nicolas Hoizey
En réponse à : Zpresse
La meilleure solution pour convertir une fonte et obtenir le code optimal pour l’utiliser, c’est Font Squirrel : http://www.fontsquirrel.com/fontface/generator
Je suis d’accord, il ne faudrait utiliser une fonte personnalisée que pour la titraille.
Mais pitié, pas d’utilisation de l’API de Google Fonts, il faut utiliser une fonte locale, sinon ça ne marche pas quand on est en local ou en Intranet sans connexion Web.
# Le 1er février 2011 à 23:20, par dut
En réponse à : Zpresse
Merci de ces pistes, je vais essayer la conversion.
Par contre, je n’ai pas compris quel était le problème avec l’utilisation de ces polices en dehors des titres. Est-ce une raison technique, esthétique, une injonction de principe. Merci de clarifier de point.
Et merci au passage Luis, ton thème est vraiment bien fait.
# Le 1er février 2011 à 23:29, par Nicolas Hoizey
En réponse à : Zpresse
Ce qui me gène moi avec la typo sur tous les textes, c’est qu’elle est illisible sur Windows (testé avec Firefox et Safari) pour les textes simples. Elle ne devient lisible qu’à une plus grande taille.
# Le 2 février 2011 à 01:33, par Luis Speciale
En réponse à : Zpresse
Nicolas : j’avais entendu parler de FontSquirrel mais je croyais que c’était payant et passé outre. Le formulaire de conversion a l’air bien, et il a le bulletproof de Irish. Par contre en local j’affiche sans problèmes avec mon Mac.
dut : pour la question esthétique (et ergonomique) il y a des polices qui sont peu lisibles à des petites ou moyennes tailles. La Verdana est une des plus lisibles, peut-être parce qu’elle a un grand œil (hauteur du x bas de casse) par rapport aux descendantes (un p) et ascendantes (un d). Par contre certaines fonctionnent mieux à partir d’une certaine taille (voilà pourquoi je dis limitons nous à la titraille).
Techniquement, @font-face (la méthode pour afficher les polices) permet que si le visiteur de ton site n’a pas la police en local puisse la télécharger à la volée. L’idée est donc d’utiliser deux, voire trois polices maximum. Ça va fonctionner avec les grosses et les petites bécanes. Mais il faut surtout ne pas faire ce que j’ai fait.
# Le 2 février 2011 à 01:43, par Luis Speciale
En réponse à : Zpresse
Un exemple de police grand œil
http://code.google.com/webfonts/family?family=Arimo&subset=latin
# Le 2 février 2011 à 09:31, par Nicolas Hoizey
En réponse à : Zpresse
Je pense qu’il faudrait se limiter à une police chargée avec @font-face pour les titres, et une police « web safe » pour le reste, afin de ne pas trop charger et réduire la performance. C’est relativement lourd, une typo.
Plein de choses intéressantes sur ce site récent et déjà bien rempli : http://typographisme.net/
# Le 2 février 2011 à 12:04, par Luis Speciale
En réponse à : Zpresse
Sympa l’initiative, mais ternie par l’usage approximatif de l’orthographe. Je les ai engueulés (- ;
# Le 2 février 2011 à 12:31, par dut
En réponse à : Zpresse
Super, je découvre plein de choses à l’occasion de ce fil.
Peut-être serait-il judicieux d’indiquer plus clairement dans la doc du thème que toutes ces polices sont là à titre de démonstration, mais que pour un site en prod, il faut en resserrer le nombre.
Perso j’aimerasi bien garder le texte des articles en Aller_Lt, est-ce si génant d’appliquer une police à l’ensemble du texte, si on se limite à cette seule ?
Cette police est proposée en multiple versions, mais je crois comprendre que si la police du texte est Aller_Lt, une phrase mise en italique dans ce texte sera rendue par une déformation de caractère de Aller_Lt, mais pas par une utilisation de Aller_LtIt. Est-ce le cas ? Cela fait-il une grosse différence ?
# Le 2 février 2011 à 12:57, par Luis Speciale
En réponse à : Zpresse
Oui, il faudra être plus explicite dans la doc du thème, mais bon, ça un coté pédagogique aussi (- ; moi, je n’apprends qu’à force de faire des conneries.
>j’aimerais bien garder le texte des articles en Aller_Lt, est-ce si gênant d’appliquer une police à >l’ensemble du texte, si on se limite à cette seule ?
Faut faire des tests avec une grosse config et une petite (petite connexion, petite machine)
>si la police du texte est Aller_Lt, une phrase mise en italique dans ce texte sera rendue par une >déformation de caractère de Aller_Lt, mais pas par une utilisation de Aller_LtIt.
Exacte, le browser va italiser la police et ça va être affreux. Par ailleurs, je suis en train de faire des modifs sur le thème (oui, les polices faites avec FontSquirrel). Dès que j’ai fini, je commite. En tout cas, mes paramètres FontSquirrel sont…
# Font Squirrel Font-face Generator Configuration File
# Upload this file to the generator to recreate the settings
# you used to create these fonts.
« mode » :« expert »,« formats » :[« ttf »],« options_hinting » :« Y »,« options_vertical_metrics » :« Y »,« options_kerning » :« Y »,« options_subset » :« none »,« subset_custom » :« »,« subset_custom_range » :« »,« css_format » :« smiley »,« filename_suffix » :« ttf »,« emsquare » :« 2048 »,« spacing_adjustment » :« 0 »
# Le 2 février 2011 à 13:56, par Luis Speciale
En réponse à : Zpresse
Bon, c’est dans la boite (- ; Maintenant il faut attendre que le zip soit généré. J’ai ajouté les eot avec un conditionnel pour IE. Dites-moi si ça fait avancer le schmilblick.
# Le 20 février 2011 à 11:56, par dut
En réponse à : Zpresse
Merci pour ces précieuses informations. Tout marche beaucoup mieux maintenant.
Répondre à ce message
# Le 14 septembre 2010 à 17:07, par fred
En réponse à : Zpresse
Bonjour,
Je souhaite modifier les dimensions du body de mon site www.hackmein.fr.
Cependant je rencontre des difficultés est ce que quelqu’un peut m’aider SVP.
Merci à vous
Cordialement
# Le 30 novembre 2010 à 09:47, par Sylvain P
En réponse à : Zpresse
Bonjour,
J’ai eu un peu de mal à comprendre comment le télécharger (je n’avais pas vu l’icône sur la droite), mais c’est fait. J’ai commencé à installer le template en local pour pouvoir le modifier plus facilement (bravo pour la conception, il est assez facile à comprendre). Je me lance donc dans les modifs avant de le balancer sur mon serveur. Je vous tiens informé une fois que mon projet est en ligne.
En tout cas, merci beaucoup pour cette contribution, ça va me faire gagner beaucoup de temps.
Amicalement,
Sylvain
# Le 30 novembre 2010 à 10:54, par Luis Speciale
En réponse à : Zpresse
Notez tout de même qu’il n’est pas compatible IE, à l’heure actuelle
Répondre à ce message
# Le 25 juillet 2010 à 01:01, par Catherinelle
En réponse à : Zpresse
Bonjour
Je voudrais faire apparaître un bloc « brèves » sous le bloc « recherche » dans la colonne de droite.
Comme la brève que j’avais créée n’apparaissait pas spontanément, j’ai ajouté une boucle à la suite de la balise recherche dans le fichier dist.html, que j’ai placé dans squelettes/navigation.
Résultat : la brève s’affiche (c’est déjà ça), mais dans la colonne de gauche, sous le menu de navigation... et sa présentation n’est pas terrible.
Merci d’avance pour vos indications.
# Le 25 juillet 2010 à 13:27, par Luis Speciale
En réponse à : Zpresse
Catherine :
Je suis désolé d’insister (et non que je ne veuille pas vous répondre), mais vous devriez lire cet article (au diable l’avarice : lisez toute les articles sur zpip) pour mieux comprendre la logique.
http://www.spip-contrib.net/Le-Squelette-Zpip-dist
Globalement, un thème ne s’occupe que de l’habillage des contenus déjà présents dans zpip (que c’est un squelette), et un squelette, oui, modifie l’affichage les contenus. Voilà pourquoi je vous disais que « Si vous voulez modifier le comportement d’une page vous devez recréer la structure de zpip à l’intérieur du thème lui-même. », en modifiant du coup son comportement de base.
En clair : si vous voulez savoir quelle partie d’une page affiche quel élément vous devez le dépister d’abord dans zpip, récréer les pages et dossiers concernés dans le thème et les modifier ensuite.
# Le 25 juillet 2010 à 18:07, par Shnoulle
En réponse à : Zpresse
Salut,
Pour Catherinelle, il faut emballer la liste dans un conteneur, et bien la nommer aussi pour compatibilité avec les thèmes
voir : http://www.spip-contrib.net/Conventions-de-nommage-dans-Zpip
Un truc dans ce style :
A toi de voir les critères : http://www.spip.net/fr_article898.html
Répondre à ce message
# Le 19 juillet 2010 à 17:27, par ?
En réponse à : Zpresse
A lire absolument
http://www.spip-contrib.net/Le-Squelette-Zpip-dist
# Le 19 juillet 2010 à 20:58, par Catherinelle
En réponse à : Zpresse
Merci pour votre lien.
J’ai réussi à atteindre mon objectif e créant dans squelettes un fichier contenu/page-sommaire.html où j’ai ajouté dans la boucle articles une exclusion sur le mot clé concerné. C’est du bidouillage mais cela marche.
Répondre à ce message