Dans le CSS, le terme qui désigne le fond est background.
Pour votre fond de blog, vous avez 3 possibilités :
Dans le CSS, cela se traduira par
- background-color:#000000
#000000est le code de la couleur Noir
Les codes couleur sont disponibles dans la FAQ
- Pour les couleurs courantes, il est possible de remplacer ce code par la traduction anglaise de cette couleur : black - white - pink - violet - blue - red - green - etc
On aura donc background-color:black pour background-color:#000000
PREMIER CAS : Une texture est un carré de 100*100 pixels qui va se répéter sur toute la page (attention aux raccords)
![]()
Dans le CSS, cela se traduira par
background:URL(http://fdata.over-blog.com/0/37/17/67/thumbs/css/fond-mauve-1.jpg)
http://fdata.over-blog.com/0/37/17/67/thumbs/css/fond-mauve-1.jpg est l'adresse où est située la texture.
Vu sa taille, ce carré de texture peut être hébergé sur OBDEUXIEME CAS : Une texture peut avoir une ou deux bordures. Elle se présentera sous la forme d'un rectange de 1024 px de large et 100 px environ de hauteur. Il faudra l'héberger ailleurs : OB redimensionnant en 600*600 px maximum.
![]()
Dans le CSS, cela se traduira toujours par
background:URL(http://fdata.over-blog.com/0/37/17/67/thumbs/css/fond-mauve-1.jpg)
Si vous désirez avoir une photo en fond, elle doit en général avoir un format de 1024*768 (la taille la plus courante des écrans de PC). Elle doit être hébergée ailleurs, car :
- bien trop lourde pour être hébergée sur OB
- OB redimensionne les images de grande taille en 600*600.
![]()
Dans le CSS, cela se traduira par
background-image: url(http://www.hiboox.com/images/2806/8bjd5ua.jpg);
background-repeat:no-repeat;background-position:center;background-attachment:fixed;}
Pour des explications plus détaillées sur chacun de ces fonds : se rendre là
Merci Annak, j'essaie de modifier couleur de fond et largeur de colonne dans le CSS, mais cela ne donne rien sur mon site...
Que faut-il faire après "enregistrer"?
A +
Je n'ai pas trouvé comment faire ce changement, si tu pouvais m'aider, ce serait super sympa de ta part !!
Merci d'avance !
Ton blog m'a beaucoup aidé, a present, je suis capable de faire pas mal de choses dont je me serai crue incapable il y a deux jours !!!
Bonjour Céline :)
Je suis sur ton blog. Le résultat est très plaisant.
Tu as rajouté, dans la ligne body,le background de ta texture ?
#global {margin-left:auto; margin-right:auto; position:relative; background-color:#F6A1EE; border:1px solid #E610DE;}
/*colonne principale, contient toutes les colonnes du blog*/
#main {}
/*colonne principale contenant les articles*/
je ne suis pas sure de te donner ce que tu veux pour global et main....Si ce n'est pas ca, dis le moi...
Encore merci pour ton aide, c'est vraiment tres sympa de ta part !
trop fiere de moi ! ptdr !!!
est ce que tu peux m'envoyer ton adresse postal via contact de mon blog, j'aimerai t'envoyer un petit quelque chose por te remercier !!!
Félicitations :) tu as raison d'être fière de toi :) je suis contente d'avoir fait une nouvelle adepte du CSS. tu vois, on y prend goût.
Tu rigoles ? je ne veux rien. Ca me fait plaisir et c'est déjà beaucoup ;)
Sur les conseils de Céline, je viens demander de l'aide pour mettre une texture dans mon entête+pied de page qui serait la même ainsi qu'une autre pour le corps...hier j'ai bidouillé, cela s'est traduit par du noir absolu....l'angoisse du trou noir !.
Donc, si tu avais la gentillesse de me dire où je dois aller pour mettre mes textures, je serais la plus heureuse.
merci d'avance
Bonjour Namuelle :)
Pour mettre une texture dans l'entête :
#top { background:URL(http://resize.over-blog.com/0/37/17/67/css/fond-mauve-1.jpg); }
dans le pied de page :
#footer p { background:URL(http://resize.over-blog.com/0/37/17/67/css/fond-mauve-1.jpg); }
dans tout le corps :
body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; background:URL(http://resize.over-blog.com/0/37/17/67/css/fond-mauve-1.jpg) ; }
Merki
le fond ? lol
Bonjour,
J'essaye depuis ce matin de changer mon fond de blog, sans succès... J'ai changé de thème pour voir si j'y arriverai mieux, mais ca ne change rien ! Je n'arrive pas à faire apparaitre mon image en fond !
Merci de ton aide !
Bonjour Guiline :) Tu as actuellement un fond rose très pâle. Tu veux en mettre un autre ? Ca ne passe pas ? Mets moi ta ligne de CSS, tu as peut-être oublié quelque chose.
body {margin:0px; font-family: Arial, sans-serif; font-size:small; background-image:url(http://www.mezimages.com/afficher.php?num=114219-083.jpg);}
Merci pour ton aide !
Réhéberge là. Prends la ligne Image Hébergée et ton adresse ressemblera à cela : http://www.mezimages.com/up/05/118663-m1.gif
J'essayerai plus tard, je ne peux pas accéder à mon admin.
Je te dirais si ça marche !!
Je trouve ton blog très complet, j'ai envie de rendre mon blog plus beau à l'aide de tes conseils mais... je n'y arrive pas! J'avais un blog avant, sur OB et j'arriveai tout à fait à mettre une image en fond, sans problème. Maintenant que j'en ai refais un et qu'il est en version 2 je n'arrive plus à mettre une image de fond comme je le faisais avant, dans le CSS (j'avais l'habitude de ne changer que la ligne background, pour le fond quoi) -__-"... Je ne comprend pas, malgré tes explications, comment remédier à mon problème.
Si tu pouvais m'éclairer s'il te plaît ^^
Meri d'avance!
Lapin
Bonjour Lapin :)
Le problème est que, si tu es en mode avancé, tu as plusieurs CSS. Tu n'utilises peut-être pas le bon car pour mettre un fond, c'est toujours la même ligne body.
Merci beaucoup pour tout le travail que vous avez fait grace à vous je me suis lancé dans css pour mon blog je ne connais que le langague HTML . Je ne suis qu'au début de la mofication de la feuille Css j'ai pu enlevé le bandeau par défaut que je n'aimais pas :-( maintenant je vais me faire une entete avec psp et continué de modifié la feuille de style grace a votre blog
Cordialement
Bonne journée
Fanny
Merci beaucoup pour ton aide
Cordialement
Fanny
J'ai déja choisie l'image voulue mais je sais pas comment la mettre et je suis pas très habituer au Blog et au CSS .
Je vien de me décider a le modifier un peu a mon Gout !!
Donc J'aimerais avoir de l'aide
Merci d'avance
Mitsu
Merci d'avance
Et de l'avoir fais pour moi !!!
Merci encore x0x
c'est dans la ligne body que tu dois mettre cette couleur. Mais tu as un design compliqué avec beaucoup d'images en fond. Si tu as envie de eprsonnaliser ton blog, ce serait plus facile de prendre un design plus épuré.
Si on va sur l'adresse directe du blog la présentation ne correspond pas du tout à celle qui devrait être !
en revanche si on clique sur un article on a bien toutes les modif que j'ai apportées en lisant tes modes d'emploi.
Mais dès qu'on revient à la page d'accueil rien ne va plus !
Comment faire ?
Merci d'avance
C'est encore moi !!!
A t on la possibilité d'avoir un fond différent pour les Pages uniquement ?
J'aimerais que le fond de mes "Pages" soit blanc, mais il a la même texture que celui du fond de mon blog !
Merci d'avance
Trinity
J'AI BESOIN D'AIDE car j'aimerais ca le faire seul un moment donner .
Merci d'Avance
Je crois que je vais rester dans le Rose !!!
Voicie donc le Fond que j'ai choisie :
http://photobucket.com" target="_blank">
Je sais pas si ca te dérangerais de mettre ce Fond la et de remettre en rose !!!
Promis apres ca je t'achale PLus LOL
Merci pour tout
Bonjour,
Mon blog vient de passer en V2 et pas mal de choses ont été bouleversées dans le design. Mon image de fond a disparu, J'ai réussi à rendre les commentaires visibles mais quand ils s'affichent le design est complètement modifié. Je désespère !
Ci-joint la partie du CSS concernant l'image de fond, peux-tu me dire ce qui cloche ?
/* ---------- Elements Principaux ------------- */
body { background-image: url(http://resize.over-blog.com/0/32/29/60/fonds-bleu.jpg); background-attachment:fixed; margin:0px; font-family: Comic Sans MS; font-size:small }
As-tu une piste pour les commentaires ?
Un gros merci d'avance.
Carine
1) dans ta ligne body, il manque un ; après font-size:small
2) tu es en mode avancé ? si c'est le cas, il faut corriger le CSS Articles (où se trouvent les commentaires) aussi et pas seulement accueil.
3) les 4 cases héritages tout en bas de ton (tes) CSS sont -elles bien cochées ?
www.pantinageur.over-blog.com
J'essaie de voir le CSS articles.
Les 4 cases héritages sont bien cochées.
Merci
Carine
J'essaie de changer mon Fond moi meme en remplacer l'ancien par le Nouveau et ca ne fonctionne pas !!!!
J'aimerais tellement ca le faire toujours seul mais ca veux jamais apparaitre !?!?!?
Pourrais-tu me dire ce qui vas pas de ma facon de faire !!
Ca c'est celui que je veux mettre :
http://i222.photobucket.com/albums/dd132/Mitsu_04/TSC_1049BlueberryCustard.jpg
Merci encore une fois
Mon ancien Fond revien toute seul !?!?!? QUOI FAIRE ...
1Jours il est plus la et 2 Jours plus tard il revien !?!?! MYSTÈRE LOL
Merci encore
Merci pour ta précédente intervention : j'ai signalé mon problème dans le forum que tu m'avais indiqué et l'admin a remis un peu d'ordre sur mon blog.
Par contre, je n'ai toujours pas ma photo de fond alors qu'elle est partout dans le CSS, que les cases héritages sont cochées. En plus, quand j'écris un nouvel article, mon fond est bien là, je le vois mais quand je passe "côté public", tout est blanc...
Je suis très déçue...
Merci d'avance
Que ferions nous sans toi ?
Carine
Je m'arrête là pour l'instant, je me suis suffisamment énervée... On verra le reste plus tard !
Merci beaucoup
Carine
Je n'arrive plus à changer mon CSS dans global, je suis en V2 j'ai fait plusieurs essais mais rien aucun changement.
Merci
J'essaie de modifier le fond noir de mon blog mais sans succés. Je voulais mettre une texture en fond et j'ai tapé dans la ligne body :
background-color:URL(http://idata.over-blog.com/1/58/44/46//fondpapier.jpg) ;
Est ce qu'il y a une erreur dans l'adresse de la texture? ça fait plusieurs fois que j'essaie et rien ne change.
Merci d'avance. Vermine01 et Bouzigues romain
L'adresse est bonne, je viens voir ton CSS
background:URL(http://idata.over-blog.com/1/58/44/46//fondpapier.jpg) ;
Arf.... je comprends pas.... Je suis sur Mac, peut être faut il faire autre chose que ctrl F5? en tout cas cette fois je l'ai enregistré, deux fois même.... Merci
ok je te remerci beaucoup !!!
je ferai un essaie plus trad !!!
Depuis que j'ai changé le fond de mon blog, dans mes images aléatoires ce n'est plus centré comme avant ??
Merci
j'ai fais ce que tu m'as dit mais ça ne marche pas ??
bonne soirée
MERCI
#general #cl_1_0{width:100%;}
ok ça marche mais maintenant mes modules: presentation, articles, commentaires, archives, categories et communautés
ne sont plus dans ma colonne de gauche ils se sont afficher en gros plan c'est moche ?
Merci et bonne journée
Merci de ton aide !!
Bonne journée
Après de très longs mois d'absence, je reprends petit à petit le blog. Que de nouveautés avec la v2!!!!
Voici mon problème du jour, j'ai changé d'écran d'ordinateur. Il est plus grand que le précédent. (maintenant 1280*1024). Du coup, mon fonds d'écran ne couvre pas entièrement l'écran de l'ordi. Que dois-je faire?
1) tu le redimensionnes sur un logiciel de dessin : Paint, mais attention à la déperdition de qualité de l'image
2) tu rajoutes un fond de couleur dans le CSS afin qu'il remplisse l'espace manquant
Bonjour Anna ... J'étais entrain de changer l'apparence de mon Blog et maintenant je n'est plus de Fond ... Il est rendue Blanc et je suis pas capable de remettre le Fond que je voulais !?!?!
Aussi j'essaie de changer la couleurs de mon Écriture dans ma Description et mes liens etc... et je sais pas ou aller ?!?!
Merci encore une fois
BiZ
Sophie Grenier
J'aimerai modifier le background de mon site, mais je n'arrive pas. Malgré vos explications, je ne trouve pas la ligne dans mon css, pour y ajouter l'image que j'ai hostée sur imagshack. Pouvez-vous m'aider ? merci
Tu es sur Over-Blog ? tu fais peut-être une erreur, il suffit que tu oublies un ; ou une} pour que cela ne fonctionne pas. Es-tu sûr de l'adresse de ton image ?
Laisse moi l'adresse de ton blog.
Merci beaucoup pour ton aide Anna.
J'ai suivi tes conseils et donc j'ai enfin réussi à changer la couleur de fond. C'est déjà un pas de franchi.
Ma prochaine étape va être de supprimer ces affreux traits orange... j'ai essayé plein de combinaison et je n'ai absolument pas réussi à toucher à ces fichus traits.
Petit à petit je me lance. Mon objectif prochain sera d'insérer une texture ou une photo.. mais chaque chose en son temps..
A très bientôt Anna, tu es géniale d'aider comme ça.
Afin d'ameliorer le design de mon blog je me suis ouvert un 2éme blog sur Ob et je passe des heures à tenter de changer le fond CSS en global version confiance pour mettre une photo !
Nada ..rien ne fonctionne et pourtant je fais tout comme tu dis de faire
rien ne bouge . qu'est ce que je ne fais pas pour que tout restes figé?j'aimerais apprendre à mettre une photo en fond qui rest fixe sur tout le blog
pourtant ton article est trés clair ...comprends pas
J'aime même tout enlevé pour voir si ça enlevait tout ( mon style ) rien !Ca n'enlève rien..ou est-ce qu'il faut que j'aille ? Bon je me doute que tu as 50 milles choses aà faire ..de plus passionnant !
Bon week-end
A+++++++