phpBB-fr.com

[Renka 1/2]

Bonjour,

J'ai tenté de remplacer le logo de phpBB par une bannière en suivant ce tutorial et je l'ai centrée en appliquant cet autre tuto. Mais :
1- la bannière n'est pas encore vraiment centrée (presque)
2- il reste ce cadre rose derrière la bannière que je n'arrive pas enlever (j'avais enlevé le dégradé en suivant le 1er tuto).

La preuve en image ;-) : http://www.latourdesheros.com/forum3/index.php

Merci de votre aide

[Jester]

Bonsoir,

dans les valeurs padding du second tuto, tente de tout mettre à 0 pour voir

[Renka 1/2]

Merci pour la réponse.

C'est ce que je viens justement de faire (au passage, j'ai trouvé comment enlever le cadre rose... en le mettant en blanc tout simplement).

Dans le common.css, j'ai transformé ces lignes :

Code: Tout sélectionner

#logo {
   float: left;
   width: auto;
   padding: 10px 13px 0 10px;
}

de cette manière :

Code: Tout sélectionner

#logo {
   width: auto;
   padding: 0px 0px 0 0px;
}

mais ça ne change rien

[Dakin Quelia]

Bonsoir,

As-tu rafraîchi le thème (onglet Styles) et vidé le cache (onglet Général)?

A bientôt,

[Renka 1/2]

Oui oui.

[Dakin Quelia]

Je la vois centrée chez moi.

Vide le cache de ton navigateur peut être.

[Renka 1/2]

Merci,

c'est fait, mais la bannière n'est pas bien centrée, elle dépasse un peu sur la droite et n'est pas alignée sur la gauche avec le cadre qui indique l'Index du forum.

[Dakin Quelia]

Avec les bordures, à mon avis, cela sera difficile. Essaye une bannière un peu plus petite.

[Renka 1/2]

Non, un ami m'a aidé à trouver une partie de la solution.

Il faut aller dans theme/common.css et trouver

Code: Tout sélectionner

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
   background: #ebebeb none repeat-x 0 0;
   color: #FFFFFF;
   margin-bottom: 4px;
   padding: 0 5px;

et remplacer par

Code: Tout sélectionner

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
   background: #ebebeb none repeat-x 0 0;
   color: #FFFFFF;
   margin-bottom: 4px;
   padding: 0 0px;

Ainsi la bannière est bien centrée horizontalement ;-)


Par contre, je n'arrive pas à réduire le cadre rose qui se trouve derrière. Au-dessus de la bannière, il ne fait que quelques millimètres (ce qui n'est pas grave si je remplace la couleur rose par du blanc) mais par contre en dessous, le rose prend trop de place en hauteur. Je cherche donc toujours comment le réduire (à votre bon coeur ).

[Renka 1/2]

Bonjour,

Je me permets un 'up pour mon problème de cadre. Je ne dois tout de même pas être le seul à avoir mis une bannière sur un forum...

Merci d'avance

[Hesnal]

Je pense qu'il te faut modifier la class headerbar dans COLOURS.CSS...

Code: Tout sélectionner

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
   background-color: #F3950A;
   background-image: url("{T_THEME_PATH}/images/bg_header.gif");
   color: #FFFFFF;
}

Vire (ou neutralise, c'est mieux) les éventuelles lignes du type:
définition d'une couleur de fond => background-color: #F3950A;
ou celle appellant une image derrière ton logo => background-image: url("{T_THEME_PATH}/images/bg_header.gif");

Ca devrait être bon

[Renka 1/2]

Bonjour,

Merci, j'ai essayé et ça ne change pas grand chose. Mon cadre n'est plus rose, il est gris. Mais est toujours bien présent derrière ma bannière...

[Hesnal]

Poste moi le code de la class stp

[Renka 1/2]

Je ne savais pas si tu voulais le colours.css ou le common.css. Je t'ai donc uploadé les deux ;-)

Le colours : http://www.latourdesheros.com/AAA/colours.css
Le common : http://www.latourdesheros.com/AAA/common.css

Merci de ton aide ;-)

[Hesnal]

dans le colours.css, trouve

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background-color: #FFE1EB;
}

et remplace par

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background-color: #FFFFFF;
}

Pour avoir un fond blanc au lieu de rose sous ton image




Edit: n'oublie pas de mettre l'icone "réglé" vert dans ton 1er post si cette solution te convient