Bannière en fond avec cadre

[Romantic_Lucky]

Bonjour / Bonsoir,

Alors, cela fait un moment que je cherche un code pour garder le cadre du forum quand on a une bannière de fond. Je m'exprime sûrement mal, pour plus de description, j'aimerai garder le cadre qui englobe généralement la bannière, la navigation, les forums et le qeel. Le problème c'est qu'avec ma bannière en fond, je dois enlever ce cadre, mais j'ai remarqué que sur certains forums, ils ont réussi à ne pas englober la bannière... J'ai cherché une solution et j'ai trouvé ce TOPIC et je me suis inscrite sur le forum conseillé et après plusieurs jours et plusieurs messages (plus de 50 messages et selon le règlement, j'aurais dû avoir accès à ce code), il m'est impossible de voir la solution. Je suis assez bonne en modification (css et html) et je devine qu'il faut aller dans les templates, mais je ne sais pas vraiment où et quel code changer.

Voici deux des forums sur lesquels sont installés le type de cadre que j'aimerais :

http://www.twilight-france.net/
http://bloods-chronicles.forumactif.org/

Merci d'avance pour votre aide .

[Hemmaa]

Coucou je crois savoir comment faire tu va dans le PA Image et couleur couleur Css et vous mettez ceci

Code:

a.mainmenu {
-moz-border-radius: 10px 0px 10px 0px;
background-color:#FFDBDB;
border-top:1px solid #FFA1A1;
border-bottom:1px solid #FFA1A1;
border-left:5px solid #FFA1A1;
border-right:5px solid #FFA1A1;
color:#ff52a3;
font-size:10px;
font-variant:small-caps;
padding-right:10px;
text-align:center;
}


chez moi ça ne donne pas le même effet puis dans couleur votre contour,votre image de fond et la couleur d’intérieur du forum de la même couleur

[Romantic_Lucky]

Cela ne marche pas, ce code modifie uniquement le navigateur

[Vicsius]

Si sa réponse ne vous conviens pas, dites-moi qu'elle est la version de votre forum ???

[Romantic_Lucky]

J'ai la version phpBB 2 .

[Vicsius]

d'accord donc si je comprend bien vous voulez mettre votre bannière en header pour pouvoir garder votre cadre du forums ???

[Romantic_Lucky]

Ce que je veux c'est que le cadre et le fond qui englobe la bannière, le navigateur, les forums et le qeel n'englobe que le navigateur, le forums et le qeel sans cacher le header de fond comme sur les deux exemples (tu n'as qu'à cliquer sur les deux exemples plus haut pour comprendre mon explication flou x) ). Je ne sais pas trop si je m'exprime bien... =) .

[Hemmaa]

Désolé voila le bon:

Code:

.forumline {
    -moz-border-radius: 5px 0px 5px 0px;
border-top:1px solid #FFA1A1;
border-bottom:1px solid #FFA1A1;
border-left:5px solid #FFA1A1;
border-right:5px solid #FFA1A1;
    -webkit-border-radius: 5px;
}


[Vicsius]

Je croix comprendre mieux vous voulez enlever la couleur de fond pour laisser apparaître votre image de fond ???

Si c'est cela il vous faut aller dans votre panneau d'admin=> Affichage => Couleurs

puis a la ligne: Les couleurs de fond

Couleur du fond de page vous mettez juste un # et rien en code couleur, vous enregistrez et cela devrait être bon^^

[Romantic_Lucky]

Hemmaa : Cela ne marche pas plus, mon header de fond est caché.
Vicsius : Non, cela je sais le faire, c'est très facile, ce que je veux faire c'est garder le fond dont je dois enlever la couleur pour voir mon header, mais sans cacher le header comme le montre mes deux exemples.

Voilà ce que je ne veux pas : http://yummy-cookie.forumactif.org/ | http://csslilou.forumactif.com/
Voici ce que je veux : http://bloods-chronicles.forumactif.org/

[Vicsius]

Je peux avoir le liens de votre forum SVP ???

[Romantic_Lucky]

Voici mon forum test : http://chuugaku-tsuki.forumactif.org/ (il n'est vraiment pas beau et c'est normal), mais je ne pense pas qu'il va t'aider pour le code

[Vicsius]

C'était pour me faire une idée de ce que vous vouliez, essayez de suivre ce tuto' (tout en enlevant le fond que vous avez mis) je pense que c'est se que vous voulez faire:

https://forum.forumactif.com/t224709-header-type-phpbb3-sur-un-phpbb2

[Romantic_Lucky]

C'est presque cela, sauf que mon problème maintenant c'est qu'il y a deux barres qui traverse mon header (j'ai mis en rouge flash la partie concernée) : http://chuugaku-tsuki.forumactif.org/?tt=1

[tupac]

Bonsoir

Essayez en placent ce code dans votre feuille de style css

Code:

.bodyline {
padding-left:0px;
padding-right:0px;
padding-top: 0px;
}

[Vicsius]

Sinon c'est que vous voulez tout bonnement que votre image (avec les 2personnages et l'explosion) ne soit pas sous le forum mais dessus et qu'il ne se fasse pas recouvrir par votre forum ???

Pour cela il vous suffisait tout simplement de vous servir de votre header comme bannière^^

[Romantic_Lucky]

tupas : C'est presque cela, mais maintenant, il n'y a plus d'espace entre tout ce qu'englobe le fond (p.a, forums, qeel) et le cadre (rouge flash = partie concernée) : http://chuugaku-tsuki.forumactif.org/?tt=1

J'aimerai vraiment avoir quelque chose comme ça : http://bloods-chronicles.forumactif.org/ | http://fraternities.forumactif.com/ (je pense être capable d'arrondir les coins et de faire les ombrages, mais c'est juste pour vous montrer mon problème).

Vicsius : Cela ne ferait pas beau et ça ne donnerai pas le résultat cherché -_-' .

[Vicsius]

jouez donc en ajoutant des valeurs sur les padding cela devrais agrandir et réduire vos espace, jusqu'à la valeur désiré.

[Romantic_Lucky]

J'ai essayé, mais cela rajoute les barres (si je changer le 0 pour un chiffre supérieur).

[Vicsius]

Effectivemenet si vous l'augmenter mais vous pouvez mettre des valeurs négative aussi.

[Romantic_Lucky]

Cela crée le même problème, les barres reviennent (j'ai beau seulement changer 1 ou 2 ou même tous les padding, cela n'arrange pas mon problème ).

[Vicsius]

là il s'agit de l'une de vos couleur qui crée cette effet de barre noire à vous de mettre juste le # là où vous avez cette couleur dans votre PA à couleurs (si je ne fait pas d'erreur se doit être dans la partie des contours).

[Romantic_Lucky]

Non, j'ai beau rajouter la couleur de conteur, cela ne change rien. De plus, quand je veux mettre un conteur arrondie, cela rajoute les barres

[Vicsius]

ajouter cette ligne dans le code que l'on vous à donné:

Code:

background-color: transparent;

ou si cela ne fonctionne pas celle-ci:

Code:

background-color: none important!;

[Romantic_Lucky]

La logique veut qu'avec ce code j'enlève le fond et ainsi je ne verrais plus le fond qui englobe ce que je veux, mais je l'ai essayé quand même et cela enlève vraiment le fond qui englobe ce que je veux.

[Vicsius]

je ne vois donc pas ce qui n'irait pas, peut-on avoir votre CSS entier SVP ???

[Romantic_Lucky]

Ok, mais je ne pense pas que c'est cela le problème. Je pense surtout que cela a un rapport avec le template (la class n'est sûrement pas mis à la bonne endroit). Je peux quand te donner mon css, mais je ne pense vraiment pas que c'est cela le problème :

Code:

.cadredulast{
    background-color: #FBFBFB;
    padding: 2px;
 margin: 5px;
    text-align: center;
    border: 1px solid #;
    width: 200px;
    font-size : 10px;
    }

    .descriptionforums{
    height: 63px;
    width: 535px;
 margin: 5px;
    text-align: justify;
    background-color: #FBFBFB;
    border: 1px solid #FFFFFF;
    padding: 2px;
    }

.statsprof {
text-align: justify;
fond-size: 10px;
background-color: #FBFBFB;
border : 1px solid #000000;
border-radius: 10px 10px;
-moz-border-radius: 10px;
border-left: 5px solid #332E29;
border-bottom: 5px solid #272320;
-moz-border-radius-topleft: 11px;
-moz-border-radius-topright: 11px;
-moz-border-radius-bottomright: 11px;
-moz-border-radius-bottomleft: 11px;
line-height: 3px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-top: 2px;
}

.rollerball {
height: 440px;
width: 220px;
background-color: #FBFBFB;
border : 1px solid #000000;
border-radius: 10px 10px;
-moz-border-radius: 10px;
text-size: 13px;
border-left: 5px solid #332E29;
border-bottom: 5px solid #272320;
-moz-border-radius-topleft: 11px;
-moz-border-radius-topright: 11px;
-moz-border-radius-bottomright: 11px;
-moz-border-radius-bottomleft: 11px;
line-height: 3px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-top: 2px;
-moz-box-shadow: 3px 3px 6px #000000;
}

.nova {
text-shadow: #FFFFFF 1px 1px 0px;
color:#e2b752;
margin:-3px;
font-size:16px;
font-family:Calibri,Arial;
text-transform:uppercase;
}

.drdre {
height: 400px;
width: 200px;
background-color: #000000;
border : 2px solid #000000;
-moz-border-radius: 10px;
 }

a.mainmenu{
text-shadow: #FFFFFF 1px 1px 0px;
color:#e2b752;
cursor:crosshair;
margin:-3px;
font-size:13px;
font-family:Calibri,Arial;
text-transform:uppercase;
}



/* ********** ASCENSEUR ********** */
.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
bottom: 5px; /*--- On le place à 50 px du haut de l'écran ---*/
right: 0px; /*--- On le place à 0px de la gauche de l'écran ---*/
}

/* ********** QUOI DE SPÉCIAL? ********** */

body { cursor: crosshair }
a:hover { cursor:ne-resize; }


.lienhead:hover {
background-color : #transparent ; */
text-decoration : none!important; /* enlève le soulignement des liens */
border-bottom : 1px dotted; /* bord du bas en pointillé */
letter-spacing : 3px; /* espace les lettres de 3px */
}

.titrehead {
background-color : #transparent; /* la couleur du fond */
-moz-border-radius : 9px; /* pour arrondir les bords ( Firefox ) */
font-variant  :small-caps; /* pour mettre les lettres en majuscules */
color : #DB216E; /* Couleur du texte */
}


.forumline{
-moz-border-radius: 5px 10px 5px 10px ;
border-bottom: 6px #e3e3e3 solid;
border-top: 6px #e3e3e3 solid;
border-right: 1px #e3e3e3 solid;
border-left: 1px #e3e3e3 solid;}

a.forumlink:link, a.forumlink:visited {
margin-bottom:6px;
text-align:left;
margin-top:10px;
font-family:Arial;
font-size:12px;
text-transform:uppercase;
color:#dda31a;
text-shadow:#FFFFFF 1px 1px 0px;
word-spacing:2px;
vertical-align:top;
display:block;
background-color:#efeff5;
line-height:3px;
padding-left:10px;
}



.bloc{
padding:4px;
background-color:#efeff5;
width:228px;
height:100px;
font-family:Times New Roman;
font-size:13px;
color:#989446;}


.bloc:hover{
padding:4px;
background-color:#FFFFFF;
width:228px;
height:100px;
font-family:Times New Roman;
font-size:13px;
color:#989446;}


a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }



a.mainmenu:link, a.mainmenu:visited{
font-family :Georgia;
text-align:left;}

.quote{
font-family: Tahoma;
font-size: 12px;
color: #000000;
line-height: 125%;
background-image: url("http://s2.noelshack.com/old/up/lla-26172c8376.png");
border: #ffffff;
border-style: solid;
border: 1px #e3e3e3 solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}


.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #000000;
background-image: url("http://s2.noelshack.com/old/up/lla-26172c8376.png");
border: 1 px#e3e3e3;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}


body { background-attachment: no-fixed; background-repeat: no-repeat; background-position: top center;}

.headerbar {
background-attachment: fixed;
background-color: #000000;
background-image: url("http://img11.hostingpics.net/pics/187798Sanstitre2.png");
background-repeat: no-repeat;
background-position: top center;
}

.bodyline {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

[Vicsius]

Apparemment votre CSS semble bon, cela doit venir d'une de vos couleurs dans l'onglet couleur, essayez de voir en changeant une par une les couleurs qui s'apparente au noir pour peu être trouvé celle qui ce met, sinon je suis vraiment désolé mais personnellement je ne vois pas.

[Romantic_Lucky]

Pour les couleurs, j'ai tout essayé et ce n'est pas cela. Sinon, si tu ne trouves pas la réponse à mon problème, ce n'est pas grave, je suis sûr que quelqu'un trouveras la solution à mon problème, mais merci d'avoir essayé .Comme dit plus haut, je suis sûr de ne pas avoir le bon code, c'est sûrement cela mon problème.

[tupac]

Bonjour

On va essayer quelque chose.
Dans votre feuille de style css trouver ce code.

Code:

.forumline{
-moz-border-radius: 5px 10px 5px 10px ;
border-bottom: 6px #e3e3e3 solid;
border-top: 6px #e3e3e3 solid;
border-right: 1px #e3e3e3 solid;
border-left: 1px #e3e3e3 solid;}

et rajouter ceci a l'intérieure

Code:

margin-left: auto;
margin-right: auto;
width: 97%;

ajouter aussi ce code,celui-là même que je vous avais fourni dans mon précédent message.

Code:

.bodyline {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  border-top: none;}

avec ça y a pas de raison que ça ne fonctionne pas.