Partager l'article ! [v2.0] Mettre un fond d'écran: Pour mettre un fond d'écran sur son blog, il faut éditer le CSS. Mettre un fond d'écran 1. Importez vo ...
|
Le blog qui apporte les réponses à vos questions sur OverBlog: publication, gadget... Plus de 1 000 000 blogs sur OverBlog 37801 personnes connectées (ici: 1 ) Follow-me on Twitter |
Dimanche 3 juillet 2005
7
03
/07
/Juil
/2005
00:00
-
Publié dans : Fond du blog
Pour mettre un fond d'écran sur son blog, il faut éditer le CSS.
Mettre un fond d'écran
1. Importez votre image dans vos fichiers (méthode)
2. Allez dans l'onglet Mes fichiers, puis cliquez sur Images.
3. Cliquez sur la loupe pour afficher l'image en grand.
3bis. Faites un clic droit (contrôle-clic sous Mac) sur votre image, allez dans Propriétés, et notez l'adresse URL de votre photo.
Exemple : http://www.over-blog.com/4/3/1234/pics/monimage.jpg
4. Allez dans l'onglet Design, puis sur Modifier le CSS.
5. Dans la première ligne de votre CSS, (qui commence par body), repérez l'attribut background.
6. Remplacez tout le texte commençant par background et finissant au premier point-virgule par background-image : url(collez_l'URL_de_votre_image_ici) ;
7. Vous obtiendrez donc par exemple :
8. Enregistrez votre fichier CSS en cliquant sur Enregistrer.
Mettre un fond d'écran
1. Importez votre image dans vos fichiers (méthode)
2. Allez dans l'onglet Mes fichiers, puis cliquez sur Images.
3. Cliquez sur la loupe pour afficher l'image en grand.
3bis. Faites un clic droit (contrôle-clic sous Mac) sur votre image, allez dans Propriétés, et notez l'adresse URL de votre photo.
Exemple : http://www.over-blog.com/4/3/1234/pics/monimage.jpg
4. Allez dans l'onglet Design, puis sur Modifier le CSS.
5. Dans la première ligne de votre CSS, (qui commence par body), repérez l'attribut background.
6. Remplacez tout le texte commençant par background et finissant au premier point-virgule par background-image : url(collez_l'URL_de_votre_image_ici) ;
7. Vous obtiendrez donc par exemple :
body { margin: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: x-small; color: #00000;
background-image: url(http://www.over-blog.com/4/3/1234/pics/maphoto.jpg); }
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: x-small; color: #00000;
background-image: url(http://www.over-blog.com/4/3/1234/pics/maphoto.jpg); }
8. Enregistrez votre fichier CSS en cliquant sur Enregistrer.
Commentaires
Rechercher
Liste d'articles
- Ce n'est qu'un au revoir
- Barre OverBlog
- Images et fichiers: mise à jour
- Le partenariat nouveau est arrivé
- OpenOB, comment participer à OverBlog
- Top des blogs - Classements
- Le portail d'OverBlog fait peau neuve
- Facebook, Twitter, Wikio et autres annuaires
- Gestion des designs - Personnaliser son thème
- Gestion des images - Taille et optimisations
Eh bien depuis 4-5 ans t'en a du boulot dit donc!
Je connaissais le procédé mais j'avais quelque doute, ton post remet bien les idées en place!
Mais comme les autres ça a foiré!
Ce sont censé être des pommes d'amour et j'ai toujours mon fond uni gris souris!
Donc un petit cadeau: /* @group colors */
body {
background-image url(http://idata.over-blog.com/3/39/80/86/032.jpg);
}
C'est le seul endroit ou y'a écrit body et background! Grumpf!
Même en ayant appuyée comme une dératée sur ctrl+F5 ça veut pas!
Si t'as une soluce je serai ravie de savoir!
Bises et courage avec nous les novices! ;)
Ca y est j'ai réussi!
Une précision pour les autres!
Quand vous êtes dans le mode css, over blog ce met dans la catégorie "article" et il faut être dans la partie accueil (colonne de gauche à côté de la feuille de style)!
Merci pour tes infos ça m'a bien aidé!
Bises et courage aux autres!
Je débute dans la Blogosphère. Je souhaiterai mettre un fonds sur tout mon blog mais je n'y arrive pas pourtant je viens d'appliquer les étapes que vous avez mis mais en vain. Ai-je fais une erreur de placement de la formule dans le mode css ou bien dans la formule ?
Please, aidez-moi ! Merci.
/* ------------------ DECLARATIONS GENERALES ------------------ */
body {margin:0px;font-family: arial, sans-serif;font-size:12px; background-image:url(http://idata.over-blog.com/3/58/52/64/fondd-ecranblogcitrons.jpg);}
h1, h2, h3 { padding: 0; margin: 0; font-size: 12px; font-weight: normal; }
ul li { list-style-type: square; }
img { border:0px; }
p { margin:0; padding:0; }
form { margin:0px;padding:0px;}