[Résolu] Problème bannière

[Elrebel]

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.

[Akimaro™]

Tu dois aussi modifier le fichier " logo.png " qui se trouve dans images.

Plus précisément à cet emplacement : http://habbopalace.free.fr/Forum/images/leaf/logo.png

[Elrebel]

Merci, mais maintenant comme faire pour que ce soit centré et non en mosaïque ?

[Akimaro™]

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 .

[spyto]

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.

[Akimaro™]

Une méthode plus efficace je crois

[Elrebel]

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 ...

[spyto]

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 !

[Elrebel]

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 ?

[spyto]

Attention !!!

Tu as mis :
.logo {
width:600 px;
margin:0 auto;
text-align:&nbsp;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 &nbsp; indésirable qui pollue le code !!!
Tape le code à la main, c'est plus sûr !

[Elrebel]

effectivement, j'ai retaper le code et l'image est centrée, mais pour la couleur ou dois-je changer ?

[spyto]

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 !

[glue]

il a du mal a comprendre ....

[Elrebel]

c'est parfait merci beaucoup de votre aide.