Polices des colonnes latérales

Bonsoir,

Grâce aux conseils recueillis sur cette liste, j'ai pu adapter à
mes goûts la présentation de mes articles sur :
https://www.laurentbloch.net
en insérant dans le fichier perso.css le texte suivant :

#texte-article {
    text-align: justify;
    font-family: Garamond, Georgia, Times, serif;
}

Je voudrais, de la même façon, modifier les polices des colonnes
latérales, mais je n'ai pas trouvé le moyen de désigner ces
colonnes. J'avais auparavant modifié general.css :

body {
  font-size: 1rem;
  font-family: Garamond, Georgia, Times, serif;
  text-align: center;
}

mais je ne pense pas que ce soit une bonne méthode. Serait-ce
ici :

.titre-article-cadre

et pour les messages de forum là :

.texte-message

Merci de toute indication.

Bonne nuit !

--
Laurent Bloch - https://www.laurentbloch.net - lb@laurentbloch.org
Si vous trouvez que l'éducation coûte cher, essayez l'ignorance !
(A. Lincoln)

Le 31/03/2018 à 23:56, Laurent Bloch a écrit :

Bonsoir,

Grâce aux conseils recueillis sur cette liste,

cool ...

j'ai pu adapter à mes goûts la présentation de mes articles sur :
https://www.laurentbloch.net
en insérant dans le fichier perso.css le texte suivant :

#texte-article {
     text-align: justify;
     font-family: Garamond, Georgia, Times, serif;
}

ok perso.css étant dans /squelettes/styles/

Je voudrais, de la même façon, modifier les polices des colonnes
latérales, mais je n'ai pas trouvé le moyen de désigner ces
colonnes. J'avais auparavant modifié general.css :

body {
  font-size: 1rem;
  font-family: Garamond, Georgia, Times, serif;
  text-align: center;
}

mais je ne pense pas que ce soit une bonne méthode.

effectivement on ne touche pas a general.css on reporte les modif dans son perso.css

Serait-ce
ici :

.titre-article-cadre

et pour les messages de forum là :

.texte-message

Merci de toute indication.

Bonne nuit !

après j'ai pas trop compris la question tu cherche a modifié quoi exactement ?
moi je partirais par modifié le selecteur #extra

--

Mutualisation sous SPIP 3.2.0 [23778] + écran de sécurité 1.3.2 avec le squelette ESCAL 4.0.40 - dev

Hello

Pour styler toutes les noisettes latérales, c’est la class « cadre-couleur » qu’il faut cibler.
Exemple :

.cadre-couleur{
font-family: Garamond, Georgia, Times, serif;
}

Et je confirme ce que dit Stéphane : on ne touche jamais aux fichiers d’escal ! On ne surcharge les css d’escal que dans perso.css

JC

Merci ! Ça commence a avoir bonne allure.

Bonne finde week-end !

Le Sun, 1 Apr 2018 13:49:39 +0200,
Jean Christophe Villeneuve <jean-chris.villeneuve@ac-lyon.fr> a écrit :

Hello

Pour styler toutes les noisettes latérales, c'est la class
"cadre-couleur" qu'il faut cibler.
Exemple :

.cadre-couleur{
font-family: Garamond, Georgia, Times, serif;
}

Et je confirme ce que dit Stéphane : on ne touche jamais aux fichiers
d'escal ! On ne surcharge les css d'escal que dans perso.css

JC

Le 31/03/2018 à 23:56, Laurent Bloch a écrit :
> Bonsoir,
>
> Grâce aux conseils recueillis sur cette liste, j'ai pu adapter à
> mes goûts la présentation de mes articles sur :
> https://www.laurentbloch.net
> en insérant dans le fichier perso.css le texte suivant :
>
> #texte-article {
> text-align: justify;
> font-family: Garamond, Georgia, Times, serif;
> }
>
> Je voudrais, de la même façon, modifier les polices des colonnes
> latérales, mais je n'ai pas trouvé le moyen de désigner ces
> colonnes. J'avais auparavant modifié general.css :
>
> body {
> font-size: 1rem;
> font-family: Garamond, Georgia, Times, serif;
> text-align: center;
> }
>
> mais je ne pense pas que ce soit une bonne méthode. Serait-ce
> ici :
>
> .titre-article-cadre
>
> et pour les messages de forum là :
>
> .texte-message
>
> Merci de toute indication.
>
> Bonne nuit !
>
>
>
>
> _______________________________________________
> Spip-avec-escal@rezo.net -
> http://listes.rezo.net/mailman/listinfo/spip-avec-escal

--
Laurent Bloch - https://www.laurentbloch.net - lb@laurentbloch.org
Si vous trouvez que l'éducation coûte cher, essayez l'ignorance !
(A. Lincoln)

Hello Bonjour,

Allez, je jase encore
… joyeuses Pâques … Priecīgas Lieldienas

Hello Bonjour,

Mr Garamont , l’illustre breton, graveur de caractères, ayant donné son nom à la machine Linotype qui fabriquait les lignes de caractères en plomb
http://www.garamond.culture.fr/fr/page/la_machine_a_composer_linotype

Bonsoir,

Le Sun, 1 Apr 2018 15:16:00 +0200, JASEUR BOREAL <jaseurboreal@free.fr>
a écrit :

> Avec ma casquette d'ex-imprimeur ...

Concernant les polices de caractères "avec serif", c'est à dire de
type Garamond, Georgia, Times, serif, etc* Ce sont des polices qui ne
sont pas très lisibles sur des écrans numériques.

Alors c'est aussi une question du type de texte proposé, et de goût !

Les polices sans empattements vont bien pour des titres, mais pour un
texte de plusieurs lignes destiné à être lu (ce qui n'est pas toujours
le cas), les empattements fournissent une ligne de base qui guide l'œil
et rend la lecture plus confortable, à l'écran aussi.

Jean-François Bizot, qui dirigeait le magazine Actuel au début des
années 1970, le publiait dans une police sans empattements de corps
9 ou 10, parce que, disait-il, « il ne voulait pas être lu par les
vieux » (lire les plus de quarante ans). Effectivement, j'ai le plus
grand mal à lire les notices des médicaments, composées en corps
minuscule sans empattements. Pourtant, plus on vieillit plus on
risque d'en avoir besoin.

Et puis, sur le Web, si la police d'une page ne vous plaît pas, vous
pouvez, en général, en choisir une autre.

Bonne soirée !

L'oeil humain y est habitué car elles sont utilisées depuis longtemps
pour imprimer des magazines et des livres. Elles ont été fabriquées
il y a plusieurs siècles pour créer une économie d'encre chez les
imprimeurs : leur surface encrée est plus petite, et donc la
consommation globale d'encre est moindre. Depuis Gutemberg, elles
sont utilisées pour cet usage : imprimer sur papier en consommant
moins d'encre ! L'imprimante typographique de la marque "Garamond"
peut en témoigner : moins d'encre + moins de plomb à la fabrication
des caractères => des économies à la production !

Sur les écrans, surtout les petits écrans de smartphones, sur les
panneaux du code de la route à voir en pleine lumière et de loin,
les polices avec empattements deviennent fatigantes, voir illisibles
pour l'oeil. A moins de vouloir utiliser ponctuellement l'effet
esthétique d'un gros titre avec une police à empâtement, dite
"sérif". Il y a aujourd'hui • Un large choix de polices sans
empâtement , exemple ici • Et aussi ici : Choisir une police
d’écriture pour un site avec TypeWonder TypeWonder, un service en
ligne qui permet de tester l’apparence de votre site avec différentes
polices.
>
> Le principe est particulièrement simple et se déroule en 3 étapes :
> 1- Entrez l’adresse de votre site
>> 2- Choisissez la police
>> 3- Visualisez le résultat
>> •
Optimisez vos polices web
Optimisez vos polices web - Alsacreations
• 10 outils pour trouver les combinaisons de font parfaites
10 outils essentiels pour une bonne combinaison de font Choirdialement

Et je confirme ce que dit Stéphane : on ne touche jamais aux fichiers
d'escal ! On ne surcharge les css d'escal que dans perso.css
>
> JC
>
> Le 31/03/2018 à 23:56, Laurent Bloch a écrit :
> Bonsoir,
>>
>> Grâce aux conseils recueillis sur cette liste, j'ai pu adapter à
>> mes goûts la présentation de mes articles sur :
>> https://www.laurentbloch.net
>> en insérant dans le fichier perso.css le texte suivant :
>>
>> #texte-article {
>> text-align: justify;
>> font-family: Garamond, Georgia, Times, serif;
>> }
>>
>> Je voudrais, de la même façon, modifier les polices des colonnes
>> latérales, mais je n'ai pas trouvé le moyen de désigner ces
>> colonnes. J'avais auparavant modifié general.css :
>>
>> body {
>> font-size: 1rem;
>> font-family: Garamond, Georgia, Times, serif;
>> text-align: center;
>> }
>>
>> mais je ne pense pas que ce soit une bonne méthode. Serait-ce
>> ici :

--
Laurent Bloch - https://www.laurentbloch.net - lb@laurentbloch.org
Si vous trouvez que l'éducation coûte cher, essayez l'ignorance !
(A. Lincoln)

Hummm

épinglé sur spipfactory.com