Bandeaux pour le site de Moret

Style impressionniste, d'après Alfred Sisley (1839-1899), peintre du Loing, mort à Moret-sur-Loing.

Comment lire cette page. Chaque variante est montrée en situation réelle : le bandeau occupe le haut de la page, avec le titre du site par-dessus — exactement l'effet qu'il produira sur le site. Les fichiers sources sont donnés sous chaque aperçu. Généré sur kvm4, sans service externe.

Variante 1 — le pont et les peupliers

Bandeau impressionniste : le Loing, le pont de Moret et les peupliers
Moret-sur-LoingAssemblées citoyennes · Seine & Loing
1920x300
Bandeau d'en-tête 1920×300 · ouvrir
1920x480
Pleine largeur 1920×480 · ouvrir
1024x256
Format d'origine 4:1 · ouvrir

Variante 2 — berges et reflets

Bandeau impressionniste : berges du Loing, saules et reflets
Moret-sur-LoingAssemblées citoyennes · Seine & Loing
1920x300
Bandeau d'en-tête 1920×300 · ouvrir
1920x480
Pleine largeur 1920×480 · ouvrir
1024x256
Format d'origine 4:1 · ouvrir

Variante 3 — le village et le moulin

Bandeau impressionniste : le village de Moret et le moulin au bord du Loing
Moret-sur-LoingAssemblées citoyennes · Seine & Loing
1920x300
Bandeau d'en-tête 1920×300 · ouvrir
1920x480
Pleine largeur 1920×480 · ouvrir
1024x256
Format d'origine 4:1 · ouvrir

Pose dans une page — le code

Une fois la variante choisie, l'en-tête s'écrit en trois lignes :

<header style="background:url(BANDEAU.jpg) center/cover;height:300px"></header>

Ce qui reste à faire. Ces bandeaux sont publiés et libres d'accès, mais je n'ai pas accès au site de Moret en production : il tourne sur l'hébergement OVH (194.36.166.10) et je n'y ai ni SSH ni clé d'API. Dès que l'accès est ouvert, ou dès que le DNS bascule vers kvm4, je pose le bandeau choisi dans l'en-tête — sans retoucher le contenu.