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
body { background: url(http://idata.over-blog.com/1/50/99/44//mist.jpg);}
Mais cela demande également de modifier les images.
background-color:#3C6FAC;
Le css ne laisse rien passer ;)
Et comme beaucoup de personnes, tu as juste oublié la ) entre le ; et le } ... ;)
2/ l'url est une page, pas une image.
Paramètres d'un fond d'écran
body { color: #E3E3E3; font-family: Tahoma, Arial,Helvetica,sans-serif; background: url(http://idata.over-blog.com/2/36/85/52/22-fibre-de-carbone.jpg); }
body {
background: #FFF;
color: #24023a;
}
=> la couleur blanche prend le dessus ;)
il faut ajouter dans le css la suppresion du fond de l'entete:
#top {background: url(none); }
J'ai flashé il y a peu de temps sur Scrap'it, au css non moifiable. J'ai personnalisé le fond, mais, curieusement, alors que sur les autres design mon nouveau fond apparait sur toute la page, ici sur scrap'it il ne s'affiche que sur une partie. Il est ensuite suivi du fond d'origine, qui est marron.
Y a-t-il moyen de remédier à cela?
Ma deuxième question serait: est-il prévu que le CSS de Scrap'it devienne bientôt modiafiable?
Merci de votre réponse.
Pour le fond: je pense qu'il doit y avoir plusieurs fond sur scrap, et malheuresement, pas sur qu'on puisse changer ca facilement.
Aprés aprés bien cherché et lu le plus possible de message a ce sujet, je desespère un peu. Je n'arrive pas a ajouter le fond suivant sur mon blog : http://idata.over-blog.com/2/91/45/14/fond-d--cran-4.jpg
J'ai beau cherche, au début du blog aprés body, il n'y a pas écris back ground :
/* ------------------ DECLARATIONS GENERALES ------------------ */
body {margin:0px;font-family: verdana, sans-serif;font-size:12px;}
li { list-style-type: square; }
ol li { list-style-type: decimal;}
img { border:0px; }
form { margin:0px;padding:0px;}
h1, h2, h3 { margin: 0; padding: 0; }
J'ai essayé de rajouter tout de meme ce que background : url(url de l'image) ; } Mais ca ne marche.
Que faut il faire pour ce modele de css ?
Merci d'avance
j'ai passé un petit moment a lire les différents messages, et testé tout et n'importe quoi, comme F5 ou CTRL+F5, j'ai vérifié l'image que j'ai uploadée sur over-blog, vidé mon cache directement a partir de firefox... je trouve pas. si vous pouvez m'éclairer
vous m'enleverez une grosse épine du pied!
voici mon bout de CSS:
body
{
margin:0px; padding:0px; font-family:Verdana, Helvetica,Arial,sans-serif; font-size:small; background: url(http://idata.over-blog.com/2/11/35/17/background.jpg);
}
merci!
Autre solution: ne pas passer par le css, et utiliser la page "Design > personnaliser mon style" (après avoir décoché la case "Modifier le css")
Aidez moi svp !!!
Merci !
Mae
4. Allez dans l'onglet Design, puis sur Modifier le CSS.
j'ai modifié mon css comme ceci :
body {margin:0px; padding:0px; background-image : url(http://idata.over-blog.com/3/07/10/45/brume_montagne_lueurs_du_jour_naissant.jpg); background-repeat:no-repeat; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;}
et effectivement ça marche !
* mais mon image (qui est très grande dans mon pc quand je l'ouvre avec paint) est toute petite, que faire ?
* et existe-t-il un moyen pour que le fond des articles ne soit pas complètement blanc mais légèrement transparent afin qu'on voie l'image en dessous ?
merci de votre aide, c'est un blog que je compte supprimer une fois mon design terminé et copié-collé dans le css de mon 'vrai' blog, donc même si ça merdouille c'est pas grave ;-)
2/ oui, avec les "opacity", mais la moitié des navigateurs ne les gèrent pas correctement.
En fait il faut cocher la case, et cliquer sur enregistrer en bas, et là on peut modifier ;-)
je sais pas si c'est la procédure normale, en tout cas c'est comme ça que j'ai du faire.
donc je vais l'aggrandir et recommencer.
et c'est facile à faire ce truc opacity ? j'ai cherché un lien sur le forum, mais je sais pas quoi taper dans le truc de recherche, parce que à "fond d'article transparent" y a rien
je viens de créer un blog j'ai suivi toutes les instructions comme indiqées mais mon nouveau fond n'apparait pas
faut il quelque temps avant son apparition ?
merci par avance bonne journée
Mon CSS d'origine commence ainsi
body, html {padding: 0px; margin: 0px;}
#global{padding: 0px; margin: 0px auto; width: 950px;}
Je voudrais aussi que le fond de mes articles soit transparent et que mon fond de blog soit fixe.
Quelqu'un peut-il me dire comment faire? Merci d'avance.
/* @group colors */
body {
background-image:url(http://idata.over-blog.com/3/19/46/02/fond-2-copie.jpg); background-repeat: no-repeat; background-position:center; background-attachment: fixed; }
Quand je clique sur "prévisualiser", je vois bien mon fond(pas en entier mais je le vois quand même) mais quand j'enregistre, çà n'apparaît pas sur mon blog. Je fais Ctrl+F5, çà ne change rien.
En mode avancé, faut tout faire 3 fois. Si tu as pas d'interet à etre en mode avancé, revient en mode normal !
body, html {padding: 0px; margin: 0px;}
#global{padding: 0px; margin: 0px auto; width: 950px;}
.ln {clear:both;}
.cl {float:left;}
.clear {clear:both;}
/* modele */
#cl_0_0 {margin:0px 0px 15px 0px; padding:0px; width:100%;}
#cl_1_0 {margin:0 10px 0 0; width:625px; padding:5px}
#cl_1_1 {margin:0px; width:300px; }
#cl_2_0 {width:100%; margin:15px 0 0 0 ;}
.box {width:100%; overflow:hidden;}
/* easyblog structure 7 */
#cl_0_0 {margin-bottom: 0;}
#cl_1_0 {width:630px;}
#cl_1_1 {margin-top: 10px;}
.box {width: auto;}
#global {margin: 20px auto;}/
j'ai mis un fond d'écran mais il se répète. je souhaiterai pouvoir ne l'avoir qu'une seule fois sur tout l'écran et que celui ci ne bouge pas même lorsqu'on descend dans la liste des articles du blog.
ce blog est pour moi un test avant d'appliquer les bonnes modifications sur mon blog initial.
Merci de votre aide !!
Pitchouk82
J'ai mis ça comme code :
body, html {padding: 0px; margin: 0px; background-image : url(http://idata.over-blog.com/3/43/12/17/seamless-wallpaper-pattern-6.jpg);}
Est-ce qu'un truc ne va pas ?
je souhaiterai de façon aléatoire modifier le fond d'écran mais dans le mode css est écrit que le thème choisi ne peut être modifié...? alors comment puis-je faire ?
a quel endroit je dois mettre l'adresse url ?
# body (rembourrage: 0px; marge: 0px;}
# # global {rembourrage: 0px; marge: 0px Auto; largeur: 950px;}
# . ln (clair:les deux;}
# . cl (float:gauche;}