Créez un background pour votre blog

By | avril 7, 2008 at 07 04 08 | 7 comments | Ergonomie | Tags: , ,

Le background (fond) fait partie des éléments qui caractérise un blog. C’est l’un des principaux éléments qui va aider le lecteur à mémoriser votre blog, par conséquent vous le choisir soigneusement. que vous optiez pour des rayures, une texture, un dégradé ou même une simple couleur; veillez à obtenir un ensemble homogène. Optez soit pour un contraste en utilisant l’opposé des couleurs de votre blog ou bien reprenez des couleurs déjà utilisées.

Vous aimeriez mettre des rayures mais Photoshop n’est pas vraiment votre amis ? Vous serez alors ravis de découvrir cet excellent générateur de rayures. Strip Generator va vous permettre de créer toutes les rayures possibles et imaginables.

stripe Créez un background pour votre blog

Pour les insérer en background sur votre blog, il vous suffit d’aller dans le style (style.css) puis de modifier l’attribut body de la manière suivante :

body
{
background-image: url(urldevotreimage);
background-repeat: repeat
}

Pour que l’image se répète uniquement de manière verticale ou horizontale : repeat-x et repeat-y (détails)

Si les rayures ne vous plaisent pas vous pouvez également faire le choix d’utiliser une texture. Vous trouverez sûrement votre bonheur sur Colour Lovers ou sur Brusheezy

brusheezy Créez un background pour votre blog

patterns Créez un background pour votre blog

L’intégration se fait de la même manière que pour les rayures.

Reste la possibilité d’utiliser des textures « naturelles » comme du cuir, de l’herbe, de la pierre, du bois etc. Vous trouverez votre bonheur sur les banques d’images comme Fotolia en tapant « bois » par exemple. Veillez à ne pas prendre une image trop hétérogène puisqu’elle va se répéter.

exemple, de l’herbe :

herbe Créez un background pour votre blog

Like it? Tweet it!

About the Author

7 Comments

  1. David (3 years ago)

    Sympa cet article, justement depuis quelques temps maintenant je cherche une idée pour refaire on background. Peut être que je trouverais quelque chose sur ces sites que vous proposez.

  2. Revue de Presse : la crème de la Geekosphère | Geekly News Revue de Presse (3 years ago)

    [...] Cet outil en ligne séduira bon nombre de webdesigners : Stripe Generator vous permet de générer, comme son nom l’indique, des rayures que vous pourrez télécharger puis, via quelques lignes de CSS, installer sur votre site web. Il est possible de choisir l’orientation des bandes, leur couleur, leur espacement ainsi que la densité des ombres. Vraiment sympa! – via Le Journal du Blog [...]

  3. Réaliser facilement une bannière | Le Journal du Blog (3 years ago)

    [...] de thèmes intègrent des bannières toutes faites, mais comme nous l’avions vu dans un précédent billet, rendre le design de votre blog plus personnel est très important. Il n’y a rien de plus [...]

  4. Nicolas TAFFOREAU (3 years ago)

    Merci ! Voici des liens qui vont m’être bien utiles !

    Nicolas.

  5. Melvin Cowger (9 months ago)

    This weblog appears to recieve a good ammount of visitors. How do you advertise it? It gives a nice individual spin on things. I guess having something real or substantial to talk about is the most important thing.

  6. Jennefer Albers (8 months ago)

    It is best to participate in a contest for one of the best blogs on the web. I will recommend this web site!

  7. Terrell Mcabier (8 months ago)

    Youre so cool! I dont suppose Ive read something like this before. So nice to search out anyone with some authentic ideas on this subject. realy thank you for beginning this up. this website is one thing that is needed on the web, somebody with somewhat originality. helpful job for bringing one thing new to the internet!

Comments

© 2011 WideZine. All rights reserved.