Afficher un message sur toute la largeur de l'écran

obtenir ces boutons

Afficher un message sur toute la largeur de l'écran

Certains documents volumineux ne peuvent s'afficher dans le message d'un blog, en raison de la largeur limitée de ce message, à cause de la présence d'une ou plusieurs barres(s) latérale(s).

On a alors recours à la sauvegarde de ce document (word, pdf, ...) chez un hébergeur qui fournit une adresse URL (http://...) que l'on insère dans un lien sur un blog. En cliquant sur ce lien, on accède au document.

Très SOUVENT cette procédure n'est PAS NÉCESSAIRE car on peut toujours UTILISER TOUTE LA LARGEUR DE L’ÉCRAN pour afficher un message ou une "page statique" (terminologie utilisée par Blogger pour ses "messages autonomes").

Pour cela, rien de plus simple. Il suffit d'ajouter dans la version HTML du message ou de la "page statique", le code suivant :

<style type="text/css">#left-sidebar{display:none;}#outer-wrapper {width: 100%;}#main{width:100%;}</style>

Cela :
- supprime temporairement la barre latérale gauche ;
- supprime les espaces vides à gauche et à droite ;
- augmente la largeur du message ou de la "page".

Cela a été réalisé sur ce message.

Le nom de la barre latérale ("left-sidebar") peut différer d'un blog à l'autre. Il faut le modifier. On peut ajouter la même instruction concernant la ou les autres barres latérales. Si le message est un peu trop large, il suffit de réduire "width:100%;" : par exemple : "width:90%;".

Aucun commentaire: