Modifier la largeur du texte des articles

Rixke

Janvier 2015

Bonjour,
j’utilise SPIP 2.1.0 pour gérer un site de documentation (http://rixke.tassignon.be/).
Tout fonctionne très bien sauf que de plus en plus de lecteurs apprécieraient une plus grande largeur de teste dans les articles. J’ai lu les articles sur les squelettes et CSS mais je suis un peu perdu :-(
Ou puis-je modifier la largeur du texte de mes articles ?
Merci de votre aide.
Patrick

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

Pierrox

Janvier 2015

Bonjour,

La procédure de base pour modifier l’apparence d’un squelette c’est de surcharger la squelettes-dist.

Pour ce faire :

creer un dossier squelettes dans la racine spip (au même niveau que squelettes-dist)

copier le fichier squelettes-dist/habillage.css dans le dossier précédemment créé pour avoir squelettes/habillage.css

dans cette surcharge de habillage.css repérer la ligne de l’id page (Ligne65)

remplacer
#page { position: relative; width: 58em; margin: 0 auto; text-align: left; }
par
#page { position: relative; width: 95%;max-width:1280px; margin: 0 auto; text-align: left; }
Exprimer la largeur de la page en % à la place de 58em

NB : On pourrait directement éditer habillage.css dans squelettes-dist mais aprés une mise a jour la modification sera supprimer.

Cordialement
Indiquez l’intérêt que vous portez à cette réponse

0

Rixke

Janvier 2015

Bonjour,

merci. En suivant vos instructions, j’ai réussi à modifier la présentation de mon site presque comme je le voulais. Presque, parce mon texte est devenu justifié à la place d’aligné à gauche.

Exemple : http://rixke.tassignon.be/spip.php?article963

Code utilisé :
#page { position: relative; width: 90%; max-width:750; margin: 0 auto; text-align: left; }
Ou me suis-je trompé ?

Merci,

Patrick
Indiquez l’intérêt que vous portez à cette réponse

0

Pierrox

Janvier 2015

max-width est plus petit que la largeur en % de votre page.

Max width c’est une limitte a ne pas depasser (c’est pour ne pas avoir du texte sur toute la largeur sion a un ecran 4K ou un ecran de 1920px de large.
Indiquez l’intérêt que vous portez à cette réponse

0

Pierrox

Janvier 2015

faut pas oublié l’unité : 1280px dans l’exemple.