+- MyBB.support, le portail francophone de MyBB (https://mybb.support)
+-- Forum : Thèmes (https://mybb.support/forum-4.html)
+--- Forum : Support (https://mybb.support/forum-6.html)
+--- Sujet : [Résolu] Problème bannière (/thread-2623.html)
[Résolu] Problème bannière - Elrebel - 07-07-2010
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.
RE: [Support] Problème bannière - Akimaro™ - 07-07-2010
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
RE: [Support] Problème bannière - Elrebel - 07-07-2010
Merci, mais maintenant comme faire pour que ce soit centré et non en mosaïque ?
RE: [Support] Problème bannière - Akimaro™ - 07-07-2010
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
.
RE: [Support] Problème bannière - spyto - 07-07-2010
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;
}
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.
RE: [Support] Problème bannière - Akimaro™ - 07-07-2010
Une méthode plus efficace je crois
RE: [Support] Problème bannière - Elrebel - 07-07-2010
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 ...
RE: [Support] Problème bannière - spyto - 07-07-2010
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 !
RE: [Support] Problème bannière - Elrebel - 07-07-2010
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 ?
RE: [Support] Problème bannière - spyto - 07-07-2010
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;
}
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 !
RE: [Support] Problème bannière - Elrebel - 07-07-2010
effectivement, j'ai retaper le code et l'image est centrée, mais pour la couleur ou dois-je changer ?
RE: [Support] Problème bannière - spyto - 07-07-2010
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;
}
RE: [Support] Problème bannière - glue - 07-07-2010
il a du mal a comprendre ....
RE: [Support] Problème bannière - Elrebel - 07-07-2010
c'est parfait merci beaucoup de votre aide.