Mettre un fond dans les articles

Publié dans : Modifier les fonds dans le blog - OB

Pour cela, il faudra aller dans le CSS : Design > Mode Avancé > cocher personnaliser

Après chaque modification, pensez à

enregistrer
faire CTRL+F5 pour écraser le cache et voir les changements à l'écran

Ce fond apparaîtra dans tous les articles, mais pas entre les articles.

POUR METTRE UNE COULEUR : Vous rajoutez ce qui est en rouge :

.article { background-color: #800080; }

Voir les codes couleur : ici

POUR METTRE UNE TEXTURE : Vous rajoutez ce qui est en rouge

.article { background:URL(http://fdata.over-blog.com/0/37/17/67/thumbs/css/rose4.jpg); }

POUR METTRE UNE IMAGE : Il faut, de préférence, que votre image ait les dimensions de l'article afin qu'elle ne soit pas coupée et qu'elle ne se répète pas. Vous rajoutez ce qui est en rouge

.article { background:URL(http://fdata.over-blog.com/0/37/17/67/thumbs/css/rose4.jpg);background-repeat:no-repeat;background-position:center; }

Voir les 16 commentaires - Ecrire un commentaire
Recommander

Précédent : Titres des modules Retour à l'accueil Suivant : Mettre un fond dans le titre des modules

Commentaires

Hello Anna, je sais que mon commentaire n'a aucun rapport avec cet article precis, mais j'aimerais savoir comment on peut créer un "anchor point" qui permet de remonter du bas de la page vers le haut en un clic comme sur ton blog.

Si tu l'as déja expliqué dans un article, au milieu de tous, merci de me le signaler.

Commentaire n° 1 posté par jackyman le 19/10/2006 à 17h32

Bonjour Jacky :)

Dans ton pied de page, tu écris "Retour vers le haut", tu surlignes avec ta souris, tu cliques dans le menu sur le chainon (le signe infini en 1ère ligne pour faire les liens).

Comme URL, tu écris #top

tu valides et c'est bon.

Réponse de Anna K le 19/10/2006 à 17h37

Trop dur, j'ai honte de ne pas l'avoir trouvé tout seul =]

J'essaie ça tout de suite, un grand merci!

Commentaire n° 2 posté par jackyman le 19/10/2006 à 17h48

J'ai été voir, c'est bon, tu as réussi. Et maintenant quelle est la prochaine étape ? :)

Réponse de Anna K le 19/10/2006 à 19h03

Peut etre basiquement, une couleur en fond par article, pour commencer, surtout que la methode à suivre est expliquée ici.

Commentaire n° 3 posté par jackyman le 22/10/2006 à 14h34

j'ai un probleme , j'ai reussi a le mettre mais le seul probleme c'est que "ajouter un commentaire" et les trucs a cotés sont pas visibles a cause de la bordure ki les coupe aller sur mon blog pour voir ^^

Commentaire n° 4 posté par FSKNG le 22/10/2006 à 19h46

Tu as un problème de marge inférieure. Rajoutes
padding-bottom:20px;
dans
.article { }
ou un nombre supérieur de px.
J'ai testé et ça descend bien la bordure inférieure de l'article

Réponse de Anna K le 22/10/2006 à 19h53

Ah !! ca marche ^^ merci beaucoup ^^

Commentaire n° 5 posté par FSKNG le 22/10/2006 à 19h57

Pas de quoi :)

Réponse de Anna K le 23/10/2006 à 08h54

Bonjour Annak
Je me trompe peut-être de fil , excuse -moi....
Comment mettre un fond différent pour chaque catégorie? j'ai essayé avec les couleurs à disposition pour chaque article....
Merci

Commentaire n° 6 posté par gaby le 15/11/2006 à 10h46

Bonjour Gaby :) Ce n'est actuellement pas possible de mettre une ligne dans le CSS disant que tous les articles de la catégorie A doivent avoir un fond A, tous les articles de la catégorie B un fond B...

La méthode que tu emploies, à la main, article par article est celle qu'il faut employé en effet. Malheureusement...

Cette possibilité serait bien utile.

Réponse de Anna K le 15/11/2006 à 11h45

Merci Annak, je continue donc avec la vieille méthode! Comment réduire le bas de page dont tu me parles dans commentaire?

Commentaire n° 7 posté par gaby le 15/11/2006 à 12h55

C'est l'image qui est dedans qu'il faut réduire. Elle me semble un tout petit peu trop large. Il faudrait repartir de l'image d'origine que tu as sur ton ordinateur, la rétrécir, l'hégerger à nouveau et ensuite la remettre sur ton blog.

Réponse de Anna K le 15/11/2006 à 12h58

MERCI je vais executer...

Commentaire n° 8 posté par gaby le 15/11/2006 à 13h12

je viendrais voir :)

Réponse de Anna K le 15/11/2006 à 16h41

Salut , Est-il possible de remplacer la couleru par une image ?? Car je veux mettre un fond noir mais trés transparent !!

Commentaire n° 9 posté par FSKNG le 09/02/2007 à 18h54

Bonjour FSKNG, tu mets à la place

.article {background-image : URL (adresse de ton image) ; }

Réponse de Anna K le 09/02/2007 à 19h39

Bonjour,
J'ai un gros problème avec la V2 !
Je veux changer le fond dans mes articles et j'ai fait ce que tu as écrit mais... rien.
Peux-tu m'aider à trouver ce qui bug ?
merci

Commentaire n° 10 posté par ANDRE Eric le 02/02/2008 à 12h15

je passe

Réponse de Anna K le 02/02/2008 à 17h25

Bonjour Anna.K Je suis désolée de vous écrire de nouveau mais je n'ai pas eu de réponses de votre part. Vous devez être très sollicitée ! En fait j'ai appliqué un fond à mes articles et je voudrais que ce background n'apparaisse pas sur "texte libre" sous l'entête. J'ai bien regardé aujourd'hui sur votre blog mais je n'ai pas trouvé l'astuce. Est-ce possible que tous les articles aient le même fond excepté un ? Je voudrais uniquement que le fond de "texte libre" soit transparent dans mon blog terrassement.demolition.over-blog.com. Je vous remercie par avance. Que j'aimerai être aussi doué que vous. Votre blog est ma bible.
Merci par avance

Commentaire n° 11 posté par Maguy le 27/05/2008 à 18h23

Répondu, j'ai un peu de retard :)

Réponse de Anna K le 28/05/2008 à 17h10

Je vais essayer de mettre une texture en fond pour mes articles..merci beaucoup et grand bisou

Commentaire n° 12 posté par jackline

le 21/11/2008 à 10h35

Bonsoir Anna ! J'avais laissé un commentaire mais je ne le retrouve pas. Mon souci, j'ai refait mon design en bleu nuit seule la colonne article est en blanc. Mais le haut avec la pagination et l'écart entre les article est plus large que le reste ce qui fait vraiment vilain. Peut-on faire quelque chose stp? Merci d'avance. camomille

Commentaire n° 13 posté par camomille le 25/11/2008 à 01h08

Bonsoir Anna... Pas décidée à me répondre ? Pourquoi? Merci quand même cela restera comme c'est ! Bonne soirée... Un message sans réponse je peux comprendre mais deux............ c'est surprenant !

Commentaire n° 14 posté par camomille le 17/12/2008 à 23h11

Bonjour Annak,
Je suis affolée, les fonds de toutes ma colonne centrale ont disparus... J'ai du faire une bêtise. S'il te plait, peux-tu passer !!!! Merci
PS: je continue à essayer de trouver ce que j'ai pu faire....

Commentaire n° 15 posté par VIENS le 12/06/2009 à 07h47

Coucou Annak,
A force de toucher un peu à tout, je me suis rendu compte que j'avais oublié une parenthèse dans Community, et dés que je l'ai remise, le fond est réapparu... ouf!
Mais comme entre-temps, j'ai touché un peu à tout, un fond s'est rajouté au dessus des article, alors que c'était transparent, ou du moins sans couleur, et on ne voit plus la pagination, dont j'étais si fière...
Je continue à essayer d'arranger, et si tu as un petit moment, je t'attends...
Merci!

Commentaire n° 16 posté par VIENS le 12/06/2009 à 08h38