phpBB-fr.com

[cisse44]

J'ai trouvé.
J'ai une autre question: Est-il possible de mettre le header collé de chaque coté? comme ici: http://www.manager-online.fr/ sans que le reste touche?

Merci

[Jester]

Ben faut enlever les coins arrondis autour du header, et ensuite mettre les marges à zéro pour le header.

Code: Tout sélectionner

.headerbar {
   background: #ebebeb none repeat-x 0 0;
   color: #FFFFFF;
   margin-bottom: 4px;
   padding: 0 5px;
}

Le padding à modifier bien sûr

[cisse44]

Oui je pensais bien que c'était un truc dans le genre, mais rien ne change quand je met ça:

Code: Tout sélectionner

.headerbar {
   background: #ebebeb none repeat-x 0 0;
   color: #FFFFFF;
   margin-bottom: 4px;
   padding: 0;
}

[Jester]

Ben si ça a fonctionné

Fais F5 sur ton navigateur tu verras

[cisse44]

Ben si ça a fonctionné

Fais F5 sur ton navigateur tu verras

Bisarre moi le header est toujours aligné à la navbar et au reste du forum.

[Jester]

Ben oui, puisque tu voulais ajouter des bordures à ton forum... la bordure va de haut en bas sur toute la longueur...
Si tu veux que ça colle... faut mettre à zéro la bordure (padding au niveau wrap).
Si par contre, tu veux que le header touche les bordures et que la navbar et le forum ne touche pas, c'est plus compliqué...

[cisse44]

Ben oui, puisque tu voulais ajouter des bordures à ton forum... la bordure va de haut en bas sur toute la longueur...
Sinon, tu fais l'inverse, tu enlèves tes marges au forum... donc padding à zéro, et tu remets une marge padding à ton "body".

Nan ma question était de faire comme sur le forum cité ci dessus: http://www.manager-online.fr/

Au niveau du header les bordures touchent le header, contrairement au reste qui touche pas. Si c'est possible j'aimerais savoir comment faire et sinon tant pis...

[Jester]

Ok. Alors dans ce cas là, tu vas devoir modifier le template.
Dans template/overall_header.html, tu trouves :

Code: Tout sélectionner

<div class="headerbar">

et tu coupes/colles tout le Div (donc tu prends tout ce qui suit jusqu'au </div> qui correspond) et tu le mets avant ce code :

Code: Tout sélectionner

<div id="wrap">

Tu rafraîchis ensuite ton template, et ça devrait aller comme tu le souhaites

[cisse44]

C'est pas ce que je souhaitais mais je vais faire avec. Merci pour ton aide.

[Jester]

Reprend ton common.css,

Code: Tout sélectionner

.headerbar {
   background: #ebebeb none repeat-x 0 0;
   color: #FFFFFF;
   margin-bottom: 4px;
   padding: 0;
}

et tu rajoutes un width et un margin pour le centrer...

Du genre :

Code: Tout sélectionner

.headerbar {
   background: #ebebeb none repeat-x 0 0;
   color: #FFFFFF;
   width: 950px;
   margin: 0 auto;
   margin-bottom: 4px;
   padding: 0;
}

et si tu veux que le header colle au reste, tu vires le margin-bottom

[cisse44]

Niquel! Merci bien Jester! Si j'ai d'autres questions dans la modif' je met à la suite. Merci

[Jester]

On va cloturer celui-là, normalement c'est 1 souci = 1 sujet. Afin de pouvoir s'y retrouver par la suite, et surtout que la recherche d'autres membres soit plus efficace.

[Morgyanne]

Salut cisse44,

[!] Merci de mettre l'avatar aux normes : 130px de large, 160px de haut et 25ko maximum :)
Désolée, mais le tien dépasse le poids max. autorisé .

@+
Morgyanne