Gandi.net Groups

Blog Généralités: Personnalisation print.css

Vous devez être connecté pour poster de nouveaux messages. Créer un compte.

Bonjour,

OK pour la personnalisation des CSS écran (media="screen") mais je ne
vois nulle part comment personnaliser les CSS pour l'impression
(media="print"). Pas possible ? Ça serait un vrai problème, alors !

Je donne un exemple bête : la gestion « fine » des <sup>, qui est
indispensable pour bien gérer les appels de note. Par défaut, les
exposants sont très mal gérés en html, et en plus ça varie beaucoup
selon les navigateurs. Le solution est donnée par une note d'Adobe, 
là :

    <http://minilien.com/?E3yH8fD7Zw>

J'y ajoute personnellement un ajustement de la taille relative des
caractères. Ce qui me donne :

sub, sup { 
         font-size: 67%;
         height: 0;
         line-height: 1;
         vertical-align: baseline;
         _vertical-align: bottom;
         position: relative;
 }

sup { 
         bottom: 1ex;
}

sub {
         top: .5ex;
}

et là, c'est impec !  Voir par exemple là ce que ça donne avec les
appels de notes  : 

    <http://www.loeilducaractere.com/>

Mais, il est peut-être encore plus important d'avoir une bonne
présentation des exposants à l'impression... La modification de
l'interligne à chaque présence de supérieurs est un truc
insupportable, un complet contresens typographique. 

Alors possible ou pas possible, des CSS d'impression custom ? 

À défaut, je n'aurais rien contre l'insertion de mon super
paramétrage des sup dans le print.css commun à tout le monde ! :o)
Sinon, il faudra bien que je finisse par me décider à déménager mes
blogs vers un hébergement standard ou je pourrai bricoler mon Dotclear
tranquillement, et franchement, cette perspective ne m'enchante pas...

Cordialement,

F.P.
Notons quand même que rendre possible cette personnalisation serait
assez simple : il suffirait de tester (par exemple au moment de
l'enregistrement des CSS custom pour l'écran) la présence au premier
niveau du répertoire "public" d'un fichier print.css (ou encore
custom_print.css), et s'il est présent de positionner un flag qui
conduira à préférer ces CSS pour l'impression aux CSS par défaut. 

Avec un hack de ce genre, il n'y aurait même pas besoin de réviser
l'interface. Il suffirait de documenter cela succinctement dans un
coin...

Enfin moi, cela ferait bien mon affaire. :o)

F.P.
Euh... Pas la moindre petite réponse ? :o)

Vraiment cette question me tient à cœur. J'ai évoqué les exposants,
qui sont un réel problème typographique, mais il y a bien d'autres
choses que l'on aimerait pouvoir changer dans les CSS pour l'impression.

La particularité la plus contestable de ces CSS, c'est le choix de
l'édition, entre parenthèses, de l'URL associée à chaque lien. Bonne
idée si les liens sont rares et par ailleurs courts. Dans ce cas, c'est
une aide pour le lecteur du texte imprimé. Mais si, comme c'est plutôt
le cas dans les billets de certains blogs, les liens sont très nombreux
et qu'ils pointent vers des URL très longs d'articles de presse, le
résultat c'est que le billet imprimé devient non seulement indigent,
mais à vrai dire pratiquement illisible.

Donc, j'insiste : la customisation facultative du fichier de styles pour
l'impression me semble indispensable.

F.P.
Bonjour,

Euh, en ce qui concerne la longueur des liens apparaissant dans les
billets, je ne crois pas que cela soit gérable par les styles CSS. (À
moins que vous connaissiez un truc qui m'est inconnu ?)

Sinon, globalement, je suis d'accord avec vous : ce serait intéressant
de personnaliser sa feuille "print.css". Par exemple, il peut y avoir du
contenu pertinent pour les visiteurs du blog qu'il faut afficher (ex: le
blogroll), alors que c'en est moins pertinent à l'imprimé ; cacher des
éléments à l'impression (ne serait-ce que des images inutiles, ça
économise de l'encre) peut être fort intéressant dans certains cas.

Il serait probablement plus efficace de contacter directement le support
de Gandi par courriel à ce sujet. La proposition sera alors acheminée
vers les développeurs et mainteneur de la plateforme GandiBlog.
http://www.gandi.net/faq/form_contact_supp...
Alexandre - http://www.livresanspage.net
Hello,

Et merci de cette réponse.
Euh, en ce qui concerne la longueur des liens apparaissant dans les
billets, je ne crois pas que cela soit gérable par les styles CSS.
Ce que je voulais dire, c'est qu'on peut, à l'impression, éditer les
URL pointées (ce que fait, entre parenthèses, ce paramétrage
print.css), ou bien pas (cas le plus simple).

Cette édition des URL pointées vient du paramétrage suivant :

.post-content a[href^="http"]:after, #comments a[href^="http"]:after,
#trackbacks a[href^="http"]:after {
	content: " ("attr(href)") ";
	color: #333;
Il serait probablement plus efficace de contacter directement le
support de Gandi par courriel à ce sujet. 
Quoi, quoi ? On ne lirait pas les forums chez Gandi ? Mais si, j'en suis
sûr.  :o) 

Moi qui suis réaliste, j'ai déménagé celui des blogs dont je
m'occupe pour lequel cette questions était vraiment importante vers un
hébergement DC2 ordinaire, et j'ai donc pu reparamétrer les feuilles
de style pour l'impression... Mais je continue à promouvoir l'idée de
rendre cette feuille de style customisable sur les Gandiblogs. Par
exemple par le hack que j'ai suggéré.

Bye !

F.P.
Bonjour,

Merci pour l'astuce. Je ne suis pas très connaisseur des possibilités
de CSS dans ces cas-là. Je vais me coucher moins stupide ce soir. :)

Oui, Gandi lit les forums. ;) Mais je ne suis pas sûr que les
développeurs et mainteneurs des GandiBlogs lisent systématiquement
tous les messages, ou que les modérateurs font remonter
systématiquement toutes les suggestions aux développeurs.

On verra la suite. :) [Peut-être proposer dans le forum de DotClear
d'éditer aussi la feuille d'impression quand on choisit le thème
'print.css' ? Si la fonction est ajoutée dans DC, elle sera sûrement
activée aussi dans les GandiBlogs.]
Alexandre - http://www.livresanspage.net