Mettre une image sur le fond sur son blog Over-Blog

Vendredi 5 septembre 2008 5 05 /09 /2008 18:54

Mettre une image sur le fond sur son blog Over-Blog

Marre d'avoir un fond uni? Envie de motifs ou de dégradé?

C'est très simple.

Il vous faut générer une URL pour votre image. Pour cela, vous pouvez (entre autre) la charger dans un Nouvel article.
puis en cliquant sur

, vous aurez l'adresse de l'image sous cette forme :

http://idata.over-blog.com/00000.jpg (si votre image est en jpg, cela peut aussi être .gif ou .png ou .jpeg)

cette adresse vous la collerez dans

puis

et enfin dans

Là sur la ligne du body

body {margin:0px; padding:0px; background-color:#FFF ; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; color:#404040;}

en remplaçant le background-color de cette façon

background:#000 url(http://urldemonfond.jpg) repeat-y center;

ce qui donne en pratique :

body {margin:0px; padding:0px; background: url(http://urldemonfond.jpg) repeat-y center; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; color:#404040;}

Allez au travail!

Par Lavande - Publié dans : Over-Blog - Ecrire un commentaire - Voir les 8 commentaires

Précédent : Changer la largeur de son blog sur... Retour à l'accueil Suivant : Relooking : Des cadres de rubriques...

Commentaires

voilà une bonne explication!Merci!!

Commentaire n°1 posté par lory le 07/09/2008 à 09h14

Merci Lory!

Réponse de Lavande le 11/09/2008 à 07h02

Merci beaucoup, mais je n'y arrive pas.... Voici mon Css #cl_1_1 {padding:0 5px;} body { font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; color:#000; background: url(http://idata.over-blog.com/1/68/35/43/page.jpg) repeat-y center; }

Commentaire n°2 posté par Boumille le 29/09/2008 à 19h41

pourquoi tu mets cela dans #cl_1_1? c'est dans le premier bloc tout en haut que tu dois le mettre.

Réponse de Lavande le 03/10/2008 à 15h09

Bonjour, tout d'abord merci pour tous les tutos mit à notre disposition! je ss nouvelle fraichement débarqué sur la planète "Blog" ...je me suis essayé pour donner un peu de couleur à mon fond mais impossible j'ai beau refaire les manip dans tous les sens en vain, je me résous à t'écrire , tu voudrais bien stp me dire comment faire voilà mon bout de css, je le mets à quel niveau stp color:#FFF; padding:40px 0px 0px 15px; font-size:17px; width:785px;min-height:102px; height:auto!important; height:102px;} #top h1 { margin:0px; font-family:"Times New Roman", Times, serif;} avec mes remerciements anticipés

Commentaire n°3 posté par Taous le 11/11/2008 à 07h41

Taous peux tu utiliser le formulaire de contact, c'est plus facile pour moi pour répondre à ta question. Merci.

Réponse de Lavande le 11/11/2008 à 07h54

autant pour moi cela dit ton formulaire de contact génère une erreur donc impossible de l'utiliser :)

Commentaire n°4 posté par Taous le 11/11/2008 à 14h54

l'image n'est pas en repeat chez moi on voit juste une colonne dans le background tt en bas

Commentaire n°5 posté par camille la it girl le 14/11/2008 à 14h36

j'ai fait des modifs, et il faut juste mettre repeat sans le _y center pour que l'image soit partout...

Commentaire n°6 posté par camille la it girl le 14/11/2008 à 14h39

Bonsoir,

N'ayant trouvé de réponse à ma question nul part, je tente ma chance ici ^^

En fait, ce n'est pas sur le blog que j'aimerai mettre un fond, mes seulement sur les commentaire.
J'aimerai faire un peu la même chose qu'à cette adresse "http://msn-maniac.over-blog.com/250-comments-10116145.html"
Je trouve ça fort joli les bulles de paroles.
A ce que j'ai pu voir, l'image est en deux partis. Et c'est un peu là que je bloque.
Je suppose que ça passe par les border, mais j'ai un peu tout essayé, border border-image mais rien à faire, ça ne fonctionne pas =/

Je vous remercie d'avance pour toute l'aide que vous pourriez m'apporter =)

Sab'

Commentaire n°7 posté par Sab' le 10/06/2009 à 22h48

en fait il s'agit d'une image en deux parties à mettre en fond.

Réponse de Lavande le 16/06/2009 à 14h21

Bonjour, votre explication est très clair seulement la première partie de mon css est différent et pas moyen de mettre ce fameux fond d'écran , pouvez vous m'aider s'il vous plait:

body, html {padding: 0px; margin: 0px;}
#global{padding: 0px; margin: 0px auto; width: 950px;}

.ln {clear:both;}
.cl {float:left;}
.clear {clear:both;}

/* modele */
#cl_0_0 {margin:0px 0px 15px 0px; padding:0px; width:100%;}
#cl_1_0 {margin:0 10px 0 0; width:625px; padding:5px}
#cl_1_1 {margin:0px; width:300px; }
#cl_2_0 {width:100%; margin:15px 0 0 0 ;}
.box {width:100%; overflow:hidden;}/*----------------------------------------------------------------------------*/
/* Variation */
/*----------------------------------------------------------------------------*/
/*---------------- les styles ci-dessous affectes l'ensemble des ?l?ments de la page n'ayant pas de style propre ou h?rit? --------------*/

Commentaire n°8 posté par Petite Fée le 07/09/2009 à 23h22