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 - Ecrire un commentaire - Voir les 4 commentaires
Retour à l'accueil



Je le fais pour vous !


Passer en mode avancé, installer un menu, migrer votre blog, créer un blog wordpress, besoin d'une bannière, relooker votre blog... Vous avez besoin d'aide ?
Je le fais pour vous ! Contactez moi, j'établierai un devis ! Pour un premier contact, clic ici.
@ tout de suite !

Coup de pouce pour

Comboost qui met à disposition des bloggeurs ses supers diaporamas !



 

Je sais aussi cuisiner...

Visitez mon autre blog !


Achetez mon livre !

Boutonlivre01

Installez le logo!

Parce que peut être vous avez trouvé votre bonheur sur blogtuto et que vous avez envie de le faire savoir, un petit lien ou une petite image sur votre blog, ça me fait drôlement plaisir quand je passe chez vous et que je reconnais mes codes... Alors pensez-y !

bouton_blogtuto

 




Bookmark and Share
http://www.wikio.fr
J'invite aussi les bloggeurs Haut et fort à ajouter le logo de Gee Mee, contributeur actif pour leur plateforme !

Personnalisez votre blog avec Gee Mee

Recherche

Comptons !

Compteur de visiteurs en lignes Nethique.info Il y a  6  personne(s) sur ce blog

Syndication

  • Flux RSS des articles
 
Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus - Articles les plus commentés