[Réglé] Bannière mal centrée et cadre à l'arrière

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB3.

Modérateur : Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bugs, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !
Avatar du membre
Auteur
Renka 1/2
Posteur expérimenté
Posteur expérimenté
Messages : 376
Enregistré le : 15 juil. 2006 à 17:32
Contact :

Bannière mal centrée et cadre à l'arrière

Message par 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 :wink:
Modifié en dernier par Renka 1/2 le 14 juin 2008 à 23:37, modifié 3 fois.

Avatar du membre
Jester
Administrateur
Administrateur
Messages : 35447
Enregistré le : 01 janv. 2005 à 00:00
Localisation : Là, pas loin...
Contact :

Re: Bannière mal centrée et cadre à l'arrière

Message par Jester »

Bonsoir,

dans les valeurs padding du second tuto, tente de tout mettre à 0 pour voir ;)
"Quand le Troll parle, l'homme avisé l'écoute."
Personnaliser son forum - La documentation de phpBB-fr.com - Les téléchargements
N'oubliez pas de modifier votre message en ajoutant le tag [Réglé] quand votre sujet est résolu.

Avatar du membre
Auteur
Renka 1/2
Posteur expérimenté
Posteur expérimenté
Messages : 376
Enregistré le : 15 juil. 2006 à 17:32
Contact :

Re: Bannière mal centrée et cadre à l'arrière

Message par 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
Floodeur universel
Floodeur universel
Messages : 21415
Enregistré le : 31 oct. 2006 à 18:33
Localisation : Belgique
Contact :

Re: Bannière mal centrée et cadre à l'arrière

Message par Dakin Quelia »

Bonsoir,

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

A bientôt,
Aucun support par mail, MP ou msn.
Mes MODs: ici | Mon blogue: Mon blogue | DeviantArt: cliquez ici

Avatar du membre
Auteur
Renka 1/2
Posteur expérimenté
Posteur expérimenté
Messages : 376
Enregistré le : 15 juil. 2006 à 17:32
Contact :

Re: Bannière mal centrée et cadre à l'arrière

Message par Renka 1/2 »

Oui oui.

Dakin Quelia
Floodeur universel
Floodeur universel
Messages : 21415
Enregistré le : 31 oct. 2006 à 18:33
Localisation : Belgique
Contact :

Re: Bannière mal centrée et cadre à l'arrière

Message par Dakin Quelia »

Je la vois centrée chez moi. :)

Vide le cache de ton navigateur peut être. :wink:
Aucun support par mail, MP ou msn.
Mes MODs: ici | Mon blogue: Mon blogue | DeviantArt: cliquez ici

Avatar du membre
Auteur
Renka 1/2
Posteur expérimenté
Posteur expérimenté
Messages : 376
Enregistré le : 15 juil. 2006 à 17:32
Contact :

Re: Bannière mal centrée et cadre à l'arrière

Message par 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
Floodeur universel
Floodeur universel
Messages : 21415
Enregistré le : 31 oct. 2006 à 18:33
Localisation : Belgique
Contact :

Re: Bannière mal centrée et cadre à l'arrière

Message par Dakin Quelia »

Avec les bordures, à mon avis, cela sera difficile. Essaye une bannière un peu plus petite. :wink:
Aucun support par mail, MP ou msn.
Mes MODs: ici | Mon blogue: Mon blogue | DeviantArt: cliquez ici

Avatar du membre
Auteur
Renka 1/2
Posteur expérimenté
Posteur expérimenté
Messages : 376
Enregistré le : 15 juil. 2006 à 17:32
Contact :

Re: Bannière mal centrée et cadre à l'arrière

Message par 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 :wink: ).

Avatar du membre
Auteur
Renka 1/2
Posteur expérimenté
Posteur expérimenté
Messages : 376
Enregistré le : 15 juil. 2006 à 17:32
Contact :

Re: Bannière mal centrée et cadre à l'arrière

Message par 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 :wink:

Hesnal
Maître-posteur
Maître-posteur
Messages : 436
Enregistré le : 26 déc. 2007 à 15:31
Localisation : Banlieue Lyonnaise

Re: Bannière mal centrée et cadre à l'arrière

Message par 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 :wink:
En utilisant la fonction RECHERCHER du forum, je réponds à 80% de mes besoins et question.
Si j'y arrive alors vous pouvez aussi le faire...


Une modification invisible sur un style ? Suivez le guide...

Avatar du membre
Auteur
Renka 1/2
Posteur expérimenté
Posteur expérimenté
Messages : 376
Enregistré le : 15 juil. 2006 à 17:32
Contact :

Re: Bannière mal centrée et cadre à l'arrière

Message par 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
Maître-posteur
Maître-posteur
Messages : 436
Enregistré le : 26 déc. 2007 à 15:31
Localisation : Banlieue Lyonnaise

Re: Bannière mal centrée et cadre à l'arrière

Message par Hesnal »

Poste moi le code de la class stp
En utilisant la fonction RECHERCHER du forum, je réponds à 80% de mes besoins et question.
Si j'y arrive alors vous pouvez aussi le faire...


Une modification invisible sur un style ? Suivez le guide...

Avatar du membre
Auteur
Renka 1/2
Posteur expérimenté
Posteur expérimenté
Messages : 376
Enregistré le : 15 juil. 2006 à 17:32
Contact :

Re: Bannière mal centrée et cadre à l'arrière

Message par 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
Maître-posteur
Maître-posteur
Messages : 436
Enregistré le : 26 déc. 2007 à 15:31
Localisation : Banlieue Lyonnaise

Re: Bannière mal centrée et cadre à l'arrière

Message par 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 :wink:
En utilisant la fonction RECHERCHER du forum, je réponds à 80% de mes besoins et question.
Si j'y arrive alors vous pouvez aussi le faire...


Une modification invisible sur un style ? Suivez le guide...

Verrouillé

Retourner vers « Modifications et recherche de styles »

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 0 invité