S'identifier - S'inscrire - Ecrire un article - Contact

Comment ajouter son propre fond background au blog?

* et surtout comment le centrer!! *

Par lecritikeur • Aide • Jeudi 13/07/2006 • 7 commentaires  • Lu 7099 fois • Version imprimable

Mots-clés : , , ,


Voilà, je repose ma question (surtout à Stéphane) parce qu'apparemment personne ne m'a répondu jusqu'ici donc je suppose que personne ne le sait...

J'utilise cette formule que je mets tout en haut du bloc libre 1 pour afficher mon fond wallpaper en background de mon blog "culture mp3".


Mais j'ai remarqué que selon que l'ordinateur est en 14 pouces, 15 pources ou 17 pouces, tout est décalé, en 15 pouces et 17 pouces, mon wallpaper background est pas bien ajusté, pas centré, et du coup les bordures sont mal cadrées.

D'où mes questions:
  1. Quelle est la formule HTML pour que mon wallpaper soit toujours bien cadré selon que l'ordinateur soit en 14, 15 ou 17 pouces ?
  2. peut-on, au lieu de mettre cette formule dans le bloc libre 1, inclure cette formule HTML dans le CSS et si oui, où? à quel endroit ?

D'autres articles sur des thèmes similaires :


Commentaires

Dans la CSS par jlb le Jeudi 13/07/2006 à 17:15

jlb Est-ce que tu as essayé :

body {
background: white url(image_de_fond.png) repeat 100% 100%;
}
à adapter suivant ton image de fond.

Source : http://openweb.eu.org/articles/background_css/


Re: Dans la CSS par lecritikeur le Vendredi 14/07/2006 à 14:30

hello merci de m'avoir répondu, je vais essayer ça ce soir et je te tiens au courant pour te dire si ca marche!


Re: Dans la CSS par lecritikeur le Samedi 15/07/2006 à 17:27

oui mais si c pas dans la css??
comme je l'ai dis plus haut, mon code de fond wallpapaer background est posté dans le bloc libre 1

comment faire?


Re: Re: Dans la CSS par lecritikeur le Samedi 15/07/2006 à 17:34

dans le css ca marche pas


body {
font-size:12px;
font-family: Verdana, Arial, Sans-Serif;
background-color: #;
color: #333;
background-image:
"http://culturemp3.viabloga.com/images/fondneuf8.GIF";
background-position:50% 50%;
text-align: center;
margin: 0;
padding: 0;
}


c bon par lecritikeur le Samedi 15/07/2006 à 17:59

bon, c à peu près bon , j'ai pigé, j'ai du modifier mon fond en largeur pour que ca marche et voici le code

body {
font-size:12px;
font-family: Verdana, Arial, Sans-Serif;
background-color: #;
color: #333;
background-image: url("http://culturemp3.viabloga.com/images/fondneuf9.GIF");
background-position: top center;
background-repeat:no-repeat;
text-align: center;
margin: 0;
padding: 0; }


par BaB le Lundi 17/07/2006 à 11:20

Ah ça, cela m'interresse à 100% :-)
Après l'insertion d'une image, ok, pas ed souci en bidouillant un peu grâce aux expliquations ci-dessus.
Mais serait il possible d'avoir une image fixe dans laquelle c'est le texte et tout le reste (bloc libre, titre, etc.) qui "roulent" au lieu de répéter l'image ? :-)


Image fixe par BaB le Lundi 17/07/2006 à 14:52

Euuuh, j'ai trouvé le code grâce au lien ci-dessus de jlb...

Voici le code :
background-attachment:fixed;

;-)



Session

Pour participer plus facilement, ouvrez une session :

Identifiant de
mon blog
Nom d'utilisateur
Mot de passe

Si vous avez déjà un blog sur ViaBloga ou si vous avez ouvert un compte sur l'un d'entre eux, vous pouvez vous identifier avec votre nom d'utilisateur et mot de passe en précisant d'abord l'identifiant de votre blog.

S'inscrire

Discussions actives (+ commentaire)


Archives par mois