Bannière.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Bannière.

Message par queen_Victoria le Lun 16 Jan 2012 - 2:01

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 ! I love you

queen_Victoria
*

Féminin
Messages : 42
Inscrit(e) le : 19/09/2009

http://seas-of-gold.bbactif.com
queen_Victoria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière.

Message par Kiowa le Lun 16 Jan 2012 - 7:06

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;

Kiowa
***

Féminin
Messages : 123
Inscrit(e) le : 25/08/2007

http://alvarosdeadnight.forumgratuit.org/
Kiowa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière.

Message par Yann1799 le Sam 21 Jan 2012 - 15:01

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: http://i45.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 Smile

Yann1799
Nouveau membre

Messages : 11
Inscrit(e) le : 21/01/2012

http://geekfm.forumgratuit.org
Yann1799 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière.

Message par Censure le Sam 21 Jan 2012 - 15:26

Bonjour, Essayer avec:
Code:
#i_logo{margin-top:-5px;}
Si "-5" est trop ou pas assez il changer de changer la valeurs.

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière.

Message par Yann1799 le Sam 21 Jan 2012 - 21:56

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 Smile

Yann1799
Nouveau membre

Messages : 11
Inscrit(e) le : 21/01/2012

http://geekfm.forumgratuit.org
Yann1799 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière.

Message par queen_Victoria le Dim 22 Jan 2012 - 5:33

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

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

queen_Victoria
*

Féminin
Messages : 42
Inscrit(e) le : 19/09/2009

http://seas-of-gold.bbactif.com
queen_Victoria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière.

Message par Dr. Karlos le Dim 22 Jan 2012 - 5:55

Bonsoir,

@Yann1799 a écrit: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 Smile

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


@queen_Victoria a écrit:Merci beaucoup pour votre aide, ça marche de mon côté ! I love you

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 Wink


Cordialement,


Dr. Karlos
Aidant Forumactivien.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière.

Message par Yann1799 le Dim 22 Jan 2012 - 13:02

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
http://i45.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

Yann1799
Nouveau membre

Messages : 11
Inscrit(e) le : 21/01/2012

http://geekfm.forumgratuit.org
Yann1799 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière.

Message par Dr. Karlos le Dim 22 Jan 2012 - 19:31

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.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière.

Message par Yann1799 le Lun 23 Jan 2012 - 19:46

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

Yann1799
Nouveau membre

Messages : 11
Inscrit(e) le : 21/01/2012

http://geekfm.forumgratuit.org
Yann1799 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière.

Message par queen_Victoria le Lun 23 Jan 2012 - 21:46

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

http://i43.servimg.com/u/f43/11/93/23/02/captud10.png

queen_Victoria
*

Féminin
Messages : 42
Inscrit(e) le : 19/09/2009

http://seas-of-gold.bbactif.com
queen_Victoria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière.

Message par Yann1799 le Lun 23 Jan 2012 - 22:18

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.

Yann1799
Nouveau membre

Messages : 11
Inscrit(e) le : 21/01/2012

http://geekfm.forumgratuit.org
Yann1799 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière.

Message par queen_Victoria le Lun 23 Jan 2012 - 22:57

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)

queen_Victoria
*

Féminin
Messages : 42
Inscrit(e) le : 19/09/2009

http://seas-of-gold.bbactif.com
queen_Victoria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière.

Message par Dr. Karlos le Mar 24 Jan 2012 - 0:58

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.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière.

Message par queen_Victoria le Jeu 26 Jan 2012 - 8:10

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

Merci beaucoup pour votre aide si précieuse ! I love you

queen_Victoria
*

Féminin
Messages : 42
Inscrit(e) le : 19/09/2009

http://seas-of-gold.bbactif.com
queen_Victoria a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum