Personnaliser l’apparence de vos pages Web
Le Web permet de recevoir et de partager de nombreuses informations, comme des articles de presse. Il est aisé de conserver un article de presse du jour pour le relire plus tard :
sous forme HTML, commande Fichier | Enregistrer sous...
sous forme PDF, commande Fichier | Imprimer ... sur PDFCreator (voir Créer un fichier PDF)
Mais ces documents sont remplis de publicités, de liens vers d’autres articles, de propositions de forums, ... souvent indésirables à l’impression. D’autant que ces encarts imposent d’avoir une petite police de caractères pour notre texte principal.
Le navigateur Internet libre et gratuit Mozilla Firefox permet de personnaliser l’apparence de la page de votre choix sur le site de votre choix.
Pour mieux mettre au point vos styles, nous vous conseillons de lui installer un module complémentaire qui est Firebug. Voir :
- La page d’origine
Exemple :
- Article Sud-Ouest du jour de la forme http://www.sudouest.com/accueil/actualite/france/article/520501/mil/4246442.html : 4 Pages en PDF, dont la dernière vide !
Il faut d’abord créer une feuille de style dédiée à cette page. Attention, ce code est valable pour la mise en page de mars 2009.
Rajouter dans
C :\Documents and Settings\Default User\Application Data\Mozilla\Firefox\Profiles\default.xxxxxx\chrome\userContent.css:
/* le CSS défini ici s'appliquera à toutes les pages issues du nom de domaine */
@-moz-document domain(sudouest.com) {
}
/* le CSS défini ici s'appliquera à toutes les pages issues de l'actu */
@-moz-document url-prefix(http://www.sudouest.com/accueil/actualite/),
@-moz-document url-prefix(http://www.sudouest.com/charente-maritime/actualite/)
{
div#pub-haut /* bandeau de pub */
, div#box-login /* login */
, div#box-breveafp /* Dépèches */
, div#box-menu-H0
, div#box-menu-H1 /* onglet rubriques H1 */
, div#box-menu-H2 /* onglet titres H2 */
, div#box-menu-H3-droite /* Rechercehr actualité */
, div#entete-article
, div#pub-left
, div#box-bordure /* bendeau droite */
, div#box-central-bas /* Commentaires */
, div#box-footer
, div.box-accueil-newsletter
{ display: none; } /* masquer ces zones */
div#box-gauche
, div#box-normal
{ width: 100% !important; }
div#box-normal
{ font-size: 11px !important; }
}
- La page modifiée
- Enregistrer
- Redémarrer Firefox