Voilà, j'ai un petit soucis, sur mon forum mybb la bannière ne s'affiche pas correctement, est-ce qu'il faut des mesures spéciales ou non ?
Voici le lien :
http://habbopalace.free.fr/Forum
Je voudrais que mon image soit centrée et entière et non en mosaique et coupée comme elle l'est.
Merci de votre aide.
Merci, mais maintenant comme faire pour que ce soit centré et non en mosaïque ?
J'ai peur que ça fasse partie du style CSS. Mais, tu peux toujours combiner les deux. Faire la moitié à droite et l'autre partie sur logo.png, ça revient au même mais c'est un peu chiant à faire
.
Salut,
L'image est doublée car insérée une première fois dans le template en tant que balise <img> et une autre fois dans le fichier CSS !!!
Pour n'avoir qu'une seule image centrée, ne touche pas au template, édite le fichier
global.css de ton thème (Admin > Thèmes > Options => Editer le thème ; puis en face de global.css => Options > Editer style et enfin onglet "Editer la feuille en mode avancé").
Tu verras ceci :
Code PHP :
.logo {
background: #000000 url(images/leaf/logo_bg.png);
border-bottom: 1px solid #000;
min-height: 100px;
}
C'est là que ton sélecteur CSS duplique l'image, avec background: #000000 url(images/leaf/logo_bg.png); !
Remplace par :
Code PHP :
.logo {
width: 600 px;
margin: 0 auto;
}
J'ai mis 600px de large puisque ton image ne fait que 544px - au besoin adapte...
margin:0 auto; centrera 'image dans le <div>
J'ai viré : border-bottom: 1px solid #000; puisque le fond est noir ! A quoi bon une bordure noire sur fond noir ?
Dis-moi si c'est bon.
Une méthode plus efficace je crois
alors, c'est presque ça, mais du coup l'image est a droite et non centrée au milieu.
http://habbopalace.free.fr/Forum
Et maintenant le fond est blanc. J'ai pourtant mis le code ...
Pour centrer, essaie ce code CSS, ça devrait marcher :
Code PHP :
.logo {
text-align: center;
}
Pour avoir le fond vers dans le header, rajoute ça :
Code PHP :
#header {
background: #428F41;
}
A toi d'adapter exactement le code hexa du vert que tu veux !
Même avec le code ci dessus, l'image n'est pas centrée.
Ou ce trouve le header ? faut-il rajouter le code ?
Je vais essayer de trouver l'original de global.css
EDIT : je n'ai pas de global.css original... le modifier vous suffirai ou pas ?
Attention !!!
Tu as mis :
.logo {
width:600 px;
margin:0 auto;
text-align: center;
}
Le truc en rouge est en trop !!!
Mets uniquement :
Code PHP :
.logo {
text-align: center;
}
Vire les attributs width et margin !!!
Quand tu as fait le copier-coller ru as conservé un
indésirable qui pollue le code !!!
Tape le code à la main, c'est plus sûr !
effectivement, j'ai retaper le code et l'image est centrée, mais pour la couleur ou dois-je changer ?
Elrebel a écrit :http://www.mybb.fr/images/codebuttons/quote.gif
effectivement, j'ai retaper le code et l'image est centrée, mais pour la couleur ou dois-je changer ?
C'est écrit deux messages plus haut !!!
Ajoute ce sélecteur dans global.css :
Code PHP :
#header {
background: #428F41;
}
Change #428F41; par le vert que tu veux !
il a du mal a comprendre ....
c'est parfait merci beaucoup de votre aide.