Mardi 13 janvier 2009
2
13
/01
/2009
21:46
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;}
Par Lavande
-
Publié dans : Over-Blog
4