over-blog.com

Options

Fermer

Rechercher Rechercher
Administration
Connexion
Je n'ai pas encore de blog… Créer un blog

www.blogtuto.org

www.blogtuto.org

Accueil Article suivant

Mettre un fond sur un blog OB

Un joli fond tout en transparence comme sur l'image ça vous tente?

 

Alors c'est parti pour un tuto cyberquiche!
1 - Bien sûr il faut avoir une belle image avant de penser à la mettre en fond! Celle de ce modèle mesure 1400x994 comme ça pas de pb de démarquation!
2 - Il vous faut ensuite héberger votre image. Ceux qui ont un ancien blog canalblog n'auront pas de soucis avec ça pour les autres cherchez un hébergeur d'images, car à ma connaissance OB ne permet pas de telle dimension! Voyez du côté de flickr

3 - on commence par aller dans  "design", "mode avancé", "mon style"



4 - le css à corriger est le suivant :
la ligne "#Body" dans "Définitions d'affichage basiques" en général la première , ce qui va donner :



 body {margin:0px; padding:0px; background-color:#000000 ; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; color:#FFF; background-image:url(http:votre image.png); background-repeat: no-repeat ; background-attachment:fixed;}
la partie en rouge est le script à ajouter.
  si vous voulez que votre image soit visible sous votre texte toujours comme su l'image en modèle ci dessus, vous devez mettre votre aussi corrigé votre "#global" dans "Définitions de structure de la variation" de la façon suivante
 #global {padding: 0px; margin: 0 auto; width:1000px; background-color:#DCF4FF;background-image:url(http:votre image.png);  background-repeat: no-repeat ; background-attachment:fixed;}

 

Publié le 13/01/2009 à 21h46 dans Over-Blog

Accueil

Retour sur le site classique