Comment centrer l'image de fond de page ?
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Comment centrer l'image de fond de page ?
Bonjour,
Je viens de suivre votre tuto expliquant comment changer le logo du forum par une image de fond. J'ai pratiquement réussi !! Il me reste une dernière chose à faire: centrer cette image de fond.
Actuellement : http://guildelarosenoire.forumpro.fr/portal.htm
J'ai découvert avec ce tuto la feuille de style CSS, et voici le code qui s'y trouve:
/*Online_Offline-------------------------------------------------*/
.offlinebutton {
background-color: transparent;
border: none;
background-image: url(https://i.servimg.com/u/f86/11/86/76/84/hors_l10.jpg);
background-repeat : no-repeat;
background-position : center;
min-width: 150px;
width: 150px;
min-height: 20px;
height: 20px;
}body {
background-repeat: no-repeat;
}
J'ai cherché sur le forum, mais n'est pas trouvé réponse à ma question.
Pourriez-vous me dire ce que je dois modifier, pour que l'image soit bien centrée, svp?
Par avance, merci.
Je viens de suivre votre tuto expliquant comment changer le logo du forum par une image de fond. J'ai pratiquement réussi !! Il me reste une dernière chose à faire: centrer cette image de fond.
Actuellement : http://guildelarosenoire.forumpro.fr/portal.htm
J'ai découvert avec ce tuto la feuille de style CSS, et voici le code qui s'y trouve:
/*Online_Offline-------------------------------------------------*/
.offlinebutton {
background-color: transparent;
border: none;
background-image: url(https://i.servimg.com/u/f86/11/86/76/84/hors_l10.jpg);
background-repeat : no-repeat;
background-position : center;
min-width: 150px;
width: 150px;
min-height: 20px;
height: 20px;
}body {
background-repeat: no-repeat;
}
J'ai cherché sur le forum, mais n'est pas trouvé réponse à ma question.
Pourriez-vous me dire ce que je dois modifier, pour que l'image soit bien centrée, svp?
Par avance, merci.
Re: Comment centrer l'image de fond de page ?
Bonjour dans le body rajoute
body {
background-position:top center;
}
body {
background-position:top center;
}
Re: Comment centrer l'image de fond de page ?
Ah cool ça marche !!
Je l'avais vu quelque part ce top center alors j'avais ajouté top au background-position: center qu'il y avait déjà, mais ça n'avait pas fonctionné.
Trop bien, merci pour votre aide.
Encore une petite question: si je veux élargir la bannière, il faut que j'en refasse une autre plus grande, ou il y a moyen de l'adapter sur toute la largeur du forum ? (quelque soit la résolution de l'écran) ?
Je l'avais vu quelque part ce top center alors j'avais ajouté top au background-position: center qu'il y avait déjà, mais ça n'avait pas fonctionné.
Trop bien, merci pour votre aide.
Encore une petite question: si je veux élargir la bannière, il faut que j'en refasse une autre plus grande, ou il y a moyen de l'adapter sur toute la largeur du forum ? (quelque soit la résolution de l'écran) ?
Re: Comment centrer l'image de fond de page ?
Disons que ça doit s'adapter tout seul je pense.
Si votre fond fait 1000px et que votre ecran en fait 1200 avec le background-position: top center vous devriez avoir le fond qui est toujours centré mais avec une bande blanche de 100px de chaque coté.
si vous ne voulez pas de ses bandes blanches alors oui il faut refaire un fond plus grand.
Attention je ne suis pas un pro mais il me semble que ça doit etre ça lol
Si votre fond fait 1000px et que votre ecran en fait 1200 avec le background-position: top center vous devriez avoir le fond qui est toujours centré mais avec une bande blanche de 100px de chaque coté.
si vous ne voulez pas de ses bandes blanches alors oui il faut refaire un fond plus grand.
Attention je ne suis pas un pro mais il me semble que ça doit etre ça lol
Re: Comment centrer l'image de fond de page ?
Je vais essayer et je vous tiens au courant.
Merci.
Merci.
Re: Comment centrer l'image de fond de page ?
J'ai refais en 1000 px de large et ça semble bien se placer.
Il me restera juste à faire un essai sur un ordi ayant une plus petite résolution pour voir si la taille de l'image suit.
Encore merci pour votre aide, et je pense que vous pouvez classer ma demande en résolu
Il me restera juste à faire un essai sur un ordi ayant une plus petite résolution pour voir si la taille de l'image suit.
Encore merci pour votre aide, et je pense que vous pouvez classer ma demande en résolu
Re: Comment centrer l'image de fond de page ?
ça c'est a vous de le faire en éditant votre premier message vous pourrez le mettre en résolu
Pour la résolution vous pouvez le faire vous-meme.
si vous etes sous windows vista sur le bureau clic droit puis "personnaliser" et "parametres d'affichage" la vous pourrez réduire la résolution pour voir ce que cela donne.
Pour la résolution vous pouvez le faire vous-meme.
si vous etes sous windows vista sur le bureau clic droit puis "personnaliser" et "parametres d'affichage" la vous pourrez réduire la résolution pour voir ce que cela donne.
Sujets similaires
» Centrer le fond de Page
» centrer l'image du fond de page du forum
» Centrer l'image de fond d'une page html
» Comment centrer un widget sur la page
» Comment centrer un tableau sur une page d'accueil ?
» centrer l'image du fond de page du forum
» Centrer l'image de fond d'une page html
» Comment centrer un widget sur la page
» Comment centrer un tableau sur une page d'accueil ?
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum