MyBB.support, le portail francophone de MyBB
[Résolu] Problème bannière - Version imprimable

+- MyBB.support, le portail francophone de MyBB (https://mybb.fr)
+-- Forum : Thèmes (https://mybb.fr/forum-4.html)
+--- Forum : Support (https://mybb.fr/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 Tongue.


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-bottom1px solid #000;
    
min-height100px;

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 {
    
width600 px;
        
margin0 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 Tongue


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-aligncenter;


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:
&nbsp;center;
}


Le truc en rouge est en trop !!!

Mets uniquement :
Code PHP :
.logo {
    
text-aligncenter;

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 !


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;

Change #428F41; par le vert que tu veux !


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.


 Utilitaire de traduction fourni par Regentronique