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... et de qui veut.

Forum de l’article

Mise en page générale

Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Rappel de la discussion
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"

Derniers commentaires

Espace entre image et légende
Bonjour, J’ai un espace entre l’image et la légende énorme ! Vous pouvez voir en exemple en (…)

Aligner les images
* Il pourrait être intéressant de pouvoir faire ce genre de composition : (saloperie de (…)

Aligner les images
Merci Jean-Christophe. Il pourrait être inintéressant de pouvoir faire ce genre de composition :

Aligner les images
En effet. Je vais poser la quetion sur discuter.spip.net

Aligner les images
en passant et avec un tableau |<docxx>|<imgxx>| et une régle css pour ne pas (…)

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2024 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 5.2.5