Bannière rouge

Cette page permet de découvrir une version rouge du blog avec une bannière rouge.

Un image rouge a été placée en-dessous du titre.

Pour l'obtenir, il faut utiliser un blog de couleur rouge et placer le code qui suit dans un gadget HTML/JavaScript en-dessous des messages :

<style type="text/css">#header h1 {text-align:center;background:#900 url(http://1.bp.blogspot.com/-3vMrVNk7dNU/TtdLG4SUILI/AAAAAAAABBI/YS43jQX9do8/s1600/template2%2Brouge.jpg) center bottom no-repeat;padding-top: 20px;padding-bottom: 215px;}</style><!--[if IE]><style type="text/css">#header h1 {padding-bottom: 180px;}</style><![endif]-->

Comment ajouter un gadget HTML/JavaScript sur un blog

Explications :
- "bottom" place l'image contre le bord inférieur du cadre ;
- "padding-top" règle la distance entre le bord supérieur du cadre et le titre du blog ;
-"padding-bottom" règle la distance entre le bord supérieur du cadre et l'image ;
- <!--[if IE]><style type="text/css"> permet de corriger certaines instructions pour Internet Explorer.

Si l'image est suffisamment grande, elle peut remplir tout le cadre de l'en-tête. Dans ce cas, il faut que le titre ait des couleurs contrastées par rapport au fond pour être lisible.

D'autres images sont disponibles sur le site :
http://www.freewebpageheaders.com/gallery/

Template image by Sookhee Lee. Powered by Blogger.
blogger