Bannière.

[queen_Victoria]

Bonsoir !

Je me demandais, comment faire en sorte que la bannière se colle de manière à faire ainsi : http://cancun.forumgratuit.org/

Vous voyez ? Il n'y a rien qui dépasse de la bannière, aucun cadre blanc, le fond colle parfaitement les bords de l'image, et on aperçoit enfin le fond de l'intérieur (blanc) plus bas...c'est beaucoup plus esthétique !

Merci d'avance de m'aider !

[Kiowa]

Bonjour,

Logiquement c'est très simple, tu ajoute ceci à ton Css

Code:

body {
  margin-top:0px;
}

Advenant que sa laisse toujours un espace, tu peux toujours mettre une variable négative au lieux du zéro

ex: margin:-11px;

[Yann1799]

Bonjour,

j'ai exactement le même soucis que queen_victoria; à savoir, j'ai beau fouiner partout sur l'espace d'administration de mon forum, il m'est impossible d'adapter la bannière que l'un des membres a créée à l'entête du forum. Voyez vous même sur la capture d'écran ci dessous, ce fond bleu autour de la banniere ne veut pas disparaitre!


J'ai suivi la solution que vous proposez, et ça ne fonctionne pas non plus.

Pour info:
- l'URL du forum: http://geekfm.forumgratuit.org
- la version: phpBB3
- une capture d'écran du problème: https://i.servimg.com/u/f45/17/15/23/99/pb_bmp10.jpg
-Mon statut sur le forum: fondateur, et administrateur
- Pas de modif des templates ni de CSS personnalisée,
- Navigateur: dernier Internet Explorer (le 9 si je ne m'abuse)

Merci d'avance pour votre aide

[Censure]

Bonjour, Essayer avec:

Code:

#i_logo{margin-top:-5px;}

Si "-5" est trop ou pas assez il changer de changer la valeurs.

[Yann1799]

Re bonjour,

ça ne fonctionne toujours pas. le problème reste identique. Mais je pense que je m'y prends mal. À vrai dire c'est la premiere fois de ma vie que j'ai à faire à une "feuille CSS".

Je vais dans couleur > Feuille de style CSS > et je copie colle " #i_logo{margin-top:-5px;} " textuellement en 1ere ligne.
En gros j'obtiens ceci:

1 #i_logo{margin-top:-5px;}
2 #wrap {
3 padding:5px;
4 width : 910px;
5 background:#fff;
6 border:solid 1px #6699cc;
etc. border-radius : 8px;
-moz-border-radius : 8px;
-webkit-border-radius : 8px;
box-shadow : 0 0 10px #666;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
}

p em b a.gensmall {font-style:normal;
font-weight: bold;

etc...

Est ce juste ? ou dois je rentrer le lien de la banniere quelque part ? Peut etre ai je mal placé le texte que vous m'avez fourni ??

Merci pour votre aide

[queen_Victoria]

Merci beaucoup pour votre aide, ça marche de mon côté !

Mais par contre, ça ne fait que coller la bannière au haut du forum, mais pour les "côtés", de droite et gauche, il y a toujours un espace laissant entrevoir le fond coloré de l'intérieur du forum... :s

[Dr. Karlos]

Bonsoir,

Re bonjour,

ça ne fonctionne toujours pas. le problème reste identique. Mais je pense que je m'y prends mal. À vrai dire c'est la premiere fois de ma vie que j'ai à faire à une "feuille CSS".

Je vais dans couleur > Feuille de style CSS > et je copie colle " #i_logo{margin-top:-5px;} " textuellement en 1ere ligne.
En gros j'obtiens ceci:

1 #i_logo{margin-top:-5px;}
2 #wrap {
3 padding:5px;
4 width : 910px;
5 background:#fff;
6 border:solid 1px #6699cc;
etc. border-radius : 8px;
-moz-border-radius : 8px;
-webkit-border-radius : 8px;
box-shadow : 0 0 10px #666;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
}

p em b a.gensmall {font-style:normal;
font-weight: bold;

etc...

Est ce juste ? ou dois je rentrer le lien de la banniere quelque part ? Peut etre ai je mal placé le texte que vous m'avez fourni ??

Merci pour votre aide

Pour compléter Censure, le code de Censure n'est pas valable pour le vôtre puisque ce n'est pas le même identifiant. Remplacez ce code CSS:

Code:

#wrap {
padding:5px;
width : 910px;
background:#fff;
border:solid 1px #6699cc;
border-radius : 8px;
-moz-border-radius : 8px;
-webkit-border-radius : 8px;
box-shadow : 0 0 10px #666;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
}

Par ce code-ci:

Code:

#wrap {
padding:0px;
margin-top: -5px;
width : 100%;
background:#fff;
border:solid 1px #6699cc;
border-radius : 8px;
-moz-border-radius : 8px;
-webkit-border-radius : 8px;
box-shadow : 0 0 10px #666;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
}

Merci beaucoup pour votre aide, ça marche de mon côté !

Mais par contre, ça ne fait que coller la bannière au haut du forum, mais pour les "côtés", de droite et gauche, il y a toujours un espace laissant entrevoir le fond coloré de l'intérieur du forum... :s

Pour vous, avez-vous ceci dans votre CSS?

Code:

body {
margin-right: 18%;
background-repeat: no-repeat;
}

Ou ceci:

Code:

body {
margin-right: 12%;
background-repeat: no-repeat;
}

Si oui, remplacez margin-right: 18% (ou 12%) par margin-right: 0px.

Si vous ne l'avez pas, insérez ceci dans votre CSS:

Code:

body {
margin-right: 0px;
background-repeat: no-repeat;
}

Ça devrait fonctionner


Cordialement,

---

Dr. Karlos
Aidant Forumactivien.

[Yann1799]

Bonjour,

merci pour votre explication, mais ce n'est pas du tout ce que je souhaitais modifier sur mon forum.
Là le fond du forum disparait, personnellement, je souhaite juste pouvoir adapter mon logo au fond de l'entête du forum
https://i.servimg.com/u/f45/17/15/23/99/pb_bmp10.jpg
ce que j'appelle entete c'est l'encadré bleu dans lequel est contenu mon logo (voir sur l'image ci dessus)

merci d'avance

[Dr. Karlos]

Bonsoir,

Essayez avec ceci;

Code:

.headerbar {
background-color: #12A3EB;
background-image: url('http://i45.servimg.com/u/f45/17/15/23/99/fond_l12.png');
margin-bottom: 0px;
padding: 0px 0px;
background-repeat: repeat-x;
}

Cordialement,

---

Dr. Karlos
Aidant Forumactivien.

[Yann1799]

Ca ne change toujours rien, merci quand meme

Laissez tomber, je me suis débrouiller en bidouillant ma banniere de façon à la découper en deux morceaux : logo + fond

[queen_Victoria]

Ca ne marche toujours pas, les côtés sont encore là >_<

https://i.servimg.com/u/f43/11/93/23/02/captud10.png

[Yann1799]

J'ai exactement le même soucis que vous queen victoria !
la solution la plus simple que je pourrais vous proposer et que j'ai fini par employer moi meme, c'est de colorer le fond beige chez vous en noir.
Il suffit d'héberger un fond entièrement noir et de copier le lien à la ligne 105 de votre feuille de style css en remplacement du lien actuel.

[queen_Victoria]

Je n'ai pas trop compris ce que vous m'avez conseillé, Yann...Je n'ai rien à la ligne 105 de mon CSS... Mes codes se sont arrêtés à la ligne 17 (je ne les aient pas encore commencé vu que je tente de régler ce problème avant pour ne pas tout embrouiller :s)

[Dr. Karlos]

Bonsoir,

C'est car votre image n'est pas assez grande! La largeur des colonnes est définie par l'attribut "three-col". Essayez d'insérer ceci dans votre CSS:

Code:

.three-col {
width: LARGEUR DE VOTRE IMAGEpx;
margin-left: 0px;
}


Mettez la largeur de votre image dans "width". Par la suite, vous devrez ajuster manuellement le "margin-left" afin de centrer votre bannière.


Cordialement,

---

Dr. Karlos
Aidant Forumactivien.

[queen_Victoria]

Merci ! Le problème est enfin réglé (L)

Merci beaucoup pour votre aide si précieuse !