Fonds de blog

Mettre un fond en passant par le CSS

Pour mettre un fond
Il y a trois possibilités

Premiere possiblité un fond en couleur

Choisissez un code couleur



Dans le CSS, vous mettrez

body{background-color:# votre code couleur choisi;}

Deuxieme possibilité une texture
100x100 par exemple

Dans le CSS, vous mettrez

body{background:URL(Adresse de la texture);}

( attention si vous prenez une texture à raccords )

Troisieme possibilités une photo

Heberger la et prenez l'adresse
car chez over elle ne passera pas
elle sera trop lourde

Dans le CSS, vous mettrez

body{background-image: url(Adresse de la photo);
background-repeat:no-repeat;background-position:center;
background-attachment:fixed;}

Background-repeat:no-repeat :
signifie que le fond ne se repete pas
puisqu'il fait le bon format
background-position:center :
signifie que le fond est centré
background-attachment:fixed :
signifie que le fond est fixe
Les articles et les modules bougent,
mais pas le fond

Videz le cache aprés toutes modifications

Attention plus le fond est lourd plus la page
aura des difficultés à se charger

******

Autres articles dans cette catégorie

Pensez a remplir aussi le formulaire
Pour toutes demandes de
créations graphiques

Comments

[daisy]

re bonjour Lali écoute je comprends pas,en plus ce n'est pas compliqué mais non cette fois je n'ai plus du tout mon fond décran,je l'aimais bcp,je l'avais fait moi même sur scrapblog,bon tout
bougait en mm tps c t surtout ça qui me posais pb,et là c soit j'ai plus rien ,mm plus de couleur et tt mes liens en couleur lien basique(bleu ou rouge)soit comme là,j'ai juste ma banière mais plus
du tout de fond!
J'avais copié l'ancien CSS avant modif et du coup l'ai re collé mais non j'ai plus rien du tout!
Du coup g décoché feuille perso ,et non mon fond du début ne reviens plus là tout est rose pale,c triste et moche et puis non ca vas pas ,j'avais fait un fond expret sur scrapblog et là il ne
reviens plus!
Ca me gonfle comme c pas permis c't'affaire!
alors???? une idée???
Merci

[lali]

Envoies moi un mail par mon lien contact Daisy et reprends point par point ce qui ne va pas je vais essayer de t'aider

[daisy]

Bonjour lali,
je tente de suivre tes explication ,mais ça vas pas!

Déjà j'ai pas ce truc body{ background}moi body htlm et plus bas body color!
aaaaaaaaaaaaaah ca m'enerve!
Je vais sur mon css,prend la zone accueil,clic sur "ma feuille"et je trouve pas cette ligne!
alors j'ai voulu changé ma police décriture du titre de mes article,je repère la ligne ,enlève le "none"et met à la place la police que je voulais ,je fais enregistrer et là je n'ai ni ma bonne
police,ni plus du tout de fond ,plus rien du tout!
Aaaaaaaaaaaaa l'aiiiiiiiide ca m'enerfeeeeeee
Merci
daisy

[lali]

Tu veux changer quoi ton fond?
C'est ici en début de CSS
tu as cela

body {
background-color: #FFF8F3 ! important;
background-image: url("http://idata.over-blog.com/3/35/40/08/overblog.jpg") ! important;
}

Pour titre des articles tu rajoute ceci en bas de ton CSS

.divTitreArticle{color: TON CODE COULEUR ! important;
font-family: "TA POLICE" ! important;
}

[Margot]

Je m'excuse !!!! je n'avais nullement l'intention de vous demander des cours..... ce que j'ai appris sur votre site, me suffit amplement..... même si j'ai encore des difficultés dans le CSS.
Merci pour votre gentillesse.....

[lali]

Et moi je m'excuses encore de n'avoir pas le temps de t'apprendre car je vois que tu t'interesse
Cela dit, je suis completement autodidacte donc tu peux y arriver aussi Margot
Bonne journée

[Margot]

Encore moi!!!! J'espère que je ne t'ennuies pas trop avec mes questions et peut être qu'il aurait mieux valu que je te demande s'il t'était possible de faire un desing complet pour mon blog, mais
je sais que tu as beaucoup de travail et ta gentillesse t'honores.....Je ne sais pas si cela a une incidence, j'utilise comme thème graphique "Shades of grey" couleur Pink. J'aimerais si possible
mettre de jolies images comme toi à droite et gauche si possible, j'ai fait un essai, mais ce c'était pas très joli, je suppose que là encore, il faut adapter une image de dimension correct.
Merci As tu des sites préférés ou l'on trouve de jolis images

[lali]

Alors là il faut savoir faire des designs je ne peux pas t'apprendre désolée je n'ai pas le temps de donner des cours

[Josiane Derwa Fondatrice de Crée Ta Vie]

Merci Lali, ici je trouve tout ce que je veux, c'est la caserne d'Alibaba et en plus l'ambiance est j'ai splendide. Je t'ai envoyé un mail mais j'ai voulu essayer toute seule de mettre une image de fond, celle des nuages que tu as réalisé pour mon blog, peux-tu me dire ce que tu en penses ? L'image se répète mais comment fairre si je veux une image no-repeat qui prenne toute la place du fond de blog ? J'ai essayé mais l'image est trop petite. Je veux tester les deux : repeat ou no-repeat.Merciiiiiiiii ma Laliiiiiiiiiiii

[lali]

J'allais te repondre Josiane
En fait , tu ne pourra pas faire mieux car j'avais essayé pour le fond
C'est pourquoi je les avais mis dans les articles
Je n'ai pas réussi a faire une image plus grande qui ne soit pas pixellisé, car pour que cela ne se repete pas il faut au moins une dimension de 1500x1500
Mais si tu aimes ainsi c'est le principal
Sinon essaye de mettre cette couleur a ton fond avec les nuages #E1E8F2