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.
#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;}
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;}