Bannière par dessus le "bodyline" [terminé]
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec le panneau d'administration :: Archives des problèmes avec le panneau d'administration
Page 1 sur 1 • Partagez
Bannière par dessus le "bodyline" [terminé]
Bonjour,
Voilà depuis quelques temps, j'essaie de placer ma bannière au-dessus du bodyline, pour comprendre je vous donne un lien pour que visionnez ce que je veux : http://undiscovered-life.forumactif.org/
Voici le lien de mon forum : http://breathless-song.bbfr.net/
merci
Voilà depuis quelques temps, j'essaie de placer ma bannière au-dessus du bodyline, pour comprendre je vous donne un lien pour que visionnez ce que je veux : http://undiscovered-life.forumactif.org/
Voici le lien de mon forum : http://breathless-song.bbfr.net/
merci
Dernière édition par alix le Dim 9 Oct 2011 - 22:11, édité 2 fois
Re: Bannière par dessus le "bodyline" [terminé]
Bonjour.
C'est une image de fond, et le logo lui, est transparent. Vous avez déjà une image que vous aimeriez avoir au dessus du cadre du forum ?
Cordialement.
C'est une image de fond, et le logo lui, est transparent. Vous avez déjà une image que vous aimeriez avoir au dessus du cadre du forum ?
Cordialement.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Bannière par dessus le "bodyline" [terminé]
Oui, j'avais remarqué que c'était une image de fond mais j'avoue que je n'arriverais pas à voir comment il l'avait fait ^^
Je n'ai pas encore l'image car je suis en train de faire le design et je ne l'ai pas encore finis ^^ est-ce que cette image ( https://i.servimg.com/u/f48/16/58/45/02/0110.png ) peut faire l'affaire pour le moment ?
Merci
Je n'ai pas encore l'image car je suis en train de faire le design et je ne l'ai pas encore finis ^^ est-ce que cette image ( https://i.servimg.com/u/f48/16/58/45/02/0110.png ) peut faire l'affaire pour le moment ?
Merci
Re: Bannière par dessus le "bodyline" [terminé]
Oui, ça peut.
Donc finalement, dans votre css, vous ajoutez ceci :
et ensuite, dans votre template overall_header
vous repérez ceci :
le mieux étant que l'image transparente ait la même hauteur que l'image de fond (donc 420 ou 331px)
Cordialement.
Donc finalement, dans votre css, vous ajoutez ceci :
- Code:
/*------ fond du forum ------*/
body {background-image:url(http://i48.servimg.com/u/f48/16/58/45/02/0110.png);background-repeat:no-repeat;background-position:top-center;}
et ensuite, dans votre template overall_header
vous repérez ceci :
tout au début, et juste avant, vous mettez ce code :<!-- BEGIN meta_emulate_ie7 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<!-- END meta_emulate_ie7 -->
- Code:
<center><a href="URL_DE_REDIRECTION"><img src="URL_DUNE_IMAGE_TRANSPARENTE"></a></center>
le mieux étant que l'image transparente ait la même hauteur que l'image de fond (donc 420 ou 331px)
Cordialement.
Re: Bannière par dessus le "bodyline" [terminé]
Alors, après avoir mis les codes comme vous me l'avez conseiller. L'effet désiré n'apparait pas, le "bodyline " est toujours au dessus de la bannière. Vous pouvez voir le résultat sur le lien que j'ai donné plus haut
Il y a peut-être des modifications à faire sur le css ? Enfin, je ne sais aps trop, voici mon css actuel si ça peut vous aider ^^
merci ♥
Il y a peut-être des modifications à faire sur le css ? Enfin, je ne sais aps trop, voici mon css actuel si ça peut vous aider ^^
- Code:
/* faire disparaitre la description */
#desc { display: none; }
/* remonter de 40 pixels ce qu'il y a en dessous du titre */
.maintitle h1 { margin-bottom:-40px; display: block; }
/* retirer la bordure au dessus de l'interieur du forum */
.bodyline { padding-top:-0; border:4px solid white;}
/* remonter la banniere d'une pixel qui doit manquer probablement à cause d'un bord */
#i_logo { margin-top: -1px;}
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
/*------ fond du forum ------*/
body {
background-image:url(http://nsa28.casimages.com/img/2011/10/03/111003101433594155.png), url("http://i48.servimg.com/u/f48/16/58/45/02/0210.png");
background-repeat:no-repeat,repeat;background-position:top-center;}
/* ancien css */
/* fiche de présentation */
#contentpresentation {
margin:auto;
width:400px;
border-top:4px solid #85e483;
background-image: url("http://i42.servimg.com/u/f42/16/22/50/87/fondpr10.png");
background-repeat:repeat;
-webkit-box-shadow: 1px 2px 4px 1px #000000;
-moz-box-shadow: 1px 2px 4px 1px #000000;
box-shadow: 1px 2px 4px 1px #000000;
}
.pseudofiche {
text-shadow: 35px 18px 2px #000000;
filter: dropshadow(color=#000000, offx=35, offy=18);
font-size:25px;
text-transform:uppercase;
text-align:center;
display:block;
color: #ff66f8;
}
#borderpresa {
border-top:4px solid #85e483;text-align:center; text-transform:uppercase;
}
#idpresa {
font-size:9px;
padding-left: 25px ;
padding-right: 25px ;
width:300px;
height:120px;
margin:auto; }
#groupepresa {
border-top:4px solid #85e483;
position:absolute;
background-color: #fff;
margin-left:260px;
margin-top:-157px;
padding:25px;
height:100px;
width:70px;
font-size:9px;
}
.groupepresatitre {
letter-spacing:2px;
font-size:14px;
}
#contentpresa {
text-align:justify;
padding:15px;
font-size:10px;
}
/* news */
#intronews{
font-size:11px;
padding-left: 10px ;
padding-right: 4px ;
width:230px;
height:200px;
text-align:justify;
}
#contentnews{
margin:auto;
width:400px;
border-top:4px solid #85e483;
background-image: url("http://i42.servimg.com/u/f42/16/22/50/87/fondpr10.png");
background-repeat:repeat;
-webkit-box-shadow: 1px 2px 4px 1px #000000;
-moz-box-shadow: 1px 2px 4px 1px #000000;
box-shadow: 1px 2px 4px 1px #000000;
}
.reouvertitre{
text-shadow: 35px 18px 2px #000000;
filter: dropshadow(color=#000000, offx=35, offy=18);
font-size:25px;
text-transform:uppercase;
text-align:center;
display:block;
color: #ff66f8;
}
#bordernews{
border-top:4px solid #85e483;text-align:center; text-transform:uppercase;
}
#newsnews{
border-top:4px solid #85e483;
position:absolute;
background-color: #fff;
margin-left:260px;
margin-top:-197px;
padding:25px;
height:100px;
width:70px;
font-size:9px;
}
.newsnewstitre{
letter-spacing:2px;
font-size:14px;
}
#newsautre{
text-align:justify;
padding:15px;
font-size:10px;
}
/* bordure */
td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides, th.thBottom, th.thCornerL, th.thCornerR, th.thHead, th.thLeft, th.thRight, th.thSides, th.thTop {
border : 0px;
}
/* Début - style pour vérification pseudo à l'inscription */
#username_reg {
color: #a90c0c;
}
#username_reg.okusername {
color: #2f9122;
}
/* Fin - style pour vérification pseudo à l'inscription */
body {
margin-top:-9px;
padding:opt;
}
/*.secondarytitle, .cattitle {
font-size: 50px;
}*/
.postbody {
letter-spacing: 1px;
padding: 15px;
margin-left: 4px;
}
.bodyline {
border-left:4px solid #fff;
border-right:4px solid #fff;
padding:0pt;margin:opt;
background-color: #eff3de;
}
.forumline{
//width:850px;
width:94.4%;
margin: auto;padding:0pt;
background-color: #e2e5c1;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-radius: 0px 0px 8px 8px;
border-radius: 0px 0px 8px 8px;
}
/***********Code, spoiler,...***********/
.code {
display:block;
height:auto;
max-height:200px;
overflow:auto;
width:100%;
margin-right:-10px;
text-align:justify;
padding:5px;
background-color: #f0e8d9;
border: 1px solid #fff;
-webkit-box-shadow: 1px 1px 4px #c7a1ac;
-moz-box-shadow: 1px 1px 4px #c7a1ac;
box-shadow: 1px 1px 4px #c7a1ac;
background-image: url("http://nsa27.casimages.com/img/2011/09/13/110913100901227031.png");
}
tr.post span.gensmall { display: none; }
.quote, td.spoiler_content, td.spoiler_closed {
max-width: 100%;
padding: 5px;
text-align:justify;
background-color: #f0e8d9;
border: 1px solid #fff;
background-image: url("http://nsa27.casimages.com/img/2011/09/13/110913100901227031.png");
-webkit-box-shadow: 1px 1px 4px #c7a1ac;
-moz-box-shadow: 1px 1px 4px #c7a1ac;
box-shadow: 1px 1px 4px #c7a1ac;
}
#fondqueel {
background-color: #f0e8d9;
border: 1px solid #fff;
-webkit-box-shadow: 1px 1px 4px #c7a1ac;
-moz-box-shadow: 1px 1px 4px #c7a1ac;
box-shadow: 1px 1px 4px #c7a1ac;
text-align: justify;
font-size: 12px;
height: 150px;
}
#navtop {
color: #ed8d9e;
margin-top: -47px;
}
a.mainmenu {
color: #ed8d9e;
text-transform: lowercase;
font-size: 16px;
font-family: arial;
text-shadow: 1px 2px 2px #ffffff;
letter-spacing: 1px;
letter-spacing:-2px;
font-weight: bolder;
}
a.mainmenu:hover {
text-decoration: none!important;
text-shadow: 1px 1px 1px #dab798;
}
a { text-decoration: none;}
a:hover { text-decoration: none;}
#lastmsg {
padding: 5px;
margin-top:-8px;
font-size: 10px;
font-family: arial;
letter-spacing: 1px;
height: 60px;
width:250px;
}
.des {
padding: 5px;
text-align:justify;
border-left: 5px solid #fff;
height: 60px;
margin-top:-15px;
font-size: 10px;
background-color: #f0e8d9;
font-family: arial;
letter-spacing: 1px;
width:100%;
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
border-radius: 11px;
margin-left: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
background-image: url("http://nsa27.casimages.com/img/2011/09/13/110913100901227031.png");
line-height: 8px;
}
#imgforum {
border: 2px double #ddb150;
background-repeat: no-repeat;
background-position: top;
}
#imgforum2 {
border: 1px solid #f0e8d9;
background-repeat: no-repeat;
background-position: top;
}
.des2 {
width: 110px;
padding: 4px;
height: 43px;
font-family: arial;
letter-spacing: 1px;
text-align: left;
letter-spacing: 1px;
padding-left: 5px;
color:#ec8d9e;
}
.des2 a {
color:#ec8d9e; }
.des2 a:before { content: "♫ "}
a.forumlink {
letter-spacing:-3px;
font-size: 18px;
text-shadow: 1px 2px 1px #ffffff;
width: 450px;
color: #8de586!important;
text-align:center;
text-transform:uppercase;
}
a.forumlink:before{
content: "♪ ";
}
a.forumlink:after{
content: " ♠ ";
}
a.forumlink:hover {
text-shadow: 1px 1px 1px #ffffff;
text-decoration: none!important;
color: #d4b1b5!important;
}
#titre {
margin:auto;font-size: 18px;background-color: #f0e8d9;width: 500px;padding:4px;text-align:right;border:2px solid #fff;
}
#soustitre {
font-size: 14px; text-align: left;width:350px;margin: auto;height:15px; padding-top:4px; background-color: #fff;padding:6px;border:2px solid #cab597;
}
#content {
font-size: 11px;text-align: justify;width:500px;margin: auto;padding: 7px;padding-left: 10px;
text-transform: lowercase;
border: 1px solid #fff;
background-color: #f0e8d9;
font-family: arial;
letter-spacing: 1px;
background-image: url("http://i42.servimg.com/u/f42/16/22/50/87/fondpr10.png");
background-repeat:repeat;
}
a:hover { text-decoration:none!important;}
#profilcss{
text-align: justify;
padding: 7px;
padding-left:18px;
font-size:10px;
background-color: #fbefe5;
line-height:9px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 30px ;
-moz-border-radius-bottomleft: 30px ;
-webkit-border-radius: 0px 0px 30px 30px ;
border-radius: 0px 0px 30px 30px ;
}
#avatarcss {
background-image: url("http://nsa27.casimages.com/img/2011/09/14/110914054129584254.png");
background-repeat: no-repeat;
background-position:center;
}
#fondlien {
background-color: #ffffff;
-webkit-box-shadow: 4px 2px 1px #d4b1b5;
-moz-box-shadow: 4px 2px 1px #d4b1b5;
box-shadow: 4px 2px 1px #d4b1b5;
width:500px;
margin: auto;
text-align: justify;
padding: 7px;
}
#fondlienb {
background-color: #ffffff;
-webkit-box-shadow: 4px 2px 1px #d4b1b5;
-moz-box-shadow: 4px 2px 1px #d4b1b5;
box-shadow: 4px 2px 1px #d4b1b5;
width:500px;
margin: auto;
text-align: justify;
padding: 7px;
}
#nomlien {
font-size: 25px;
color: #d4b1b5;
font-family: BallPark;
margin: auto;
text-align: center;
}
/**qeel*/
.qeel1{
height: 80px;
overflow: auto;
letter-spacing:2px;
font-size:13px;
padding: 5px;
}
.qeel2{
letter-spacing:2px;
font-size:13px;
height: 40px;
overflow: auto;
padding: 5px;
}
.groupe{
letter-spacing:2px;
font-size:13px;
height: 66px;
overflow: auto;
width: 720px;
text-transform: uppercase;
text-shadow: 1px 1px 1px white;
text-align: center;
padding-top: 4px;
margin-left:45px;
}
/* fin ancien css */
/* module */
.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:530px;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}
merci ♥
Re: Bannière par dessus le "bodyline" [terminé]
Hum, non.
Pourquoi vous avez mis ?
Cordialement.
Pourquoi vous avez mis ?
ça sert à quoi de mettre un -0, puisque -0 = +0 = 0 ?padding-top:-0;
Cordialement.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Bannière par dessus le "bodyline" [terminé]
Pour le padding, c'est un oubli avant il y avait un nombre xd
Non, c'est pas vraiment ce que je veux, voici quelques forums qui possèdent l'effet voulu :
http://akiwa.forumactif.com/
http://undiscovered-life.forumactif.org/
http://theisland.forumakers.com/
a+
Non, c'est pas vraiment ce que je veux, voici quelques forums qui possèdent l'effet voulu :
http://akiwa.forumactif.com/
http://undiscovered-life.forumactif.org/
http://theisland.forumakers.com/
a+
Re: Bannière par dessus le "bodyline" [terminé]
Bonsoir.
Par dessus le bodyline, en fait, pas au dessus.
Hum je cherche ça. Je vous dirai quand j'aurai trouvé quelque chose. ^^
Par dessus le bodyline, en fait, pas au dessus.
Hum je cherche ça. Je vous dirai quand j'aurai trouvé quelque chose. ^^
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Bannière par dessus le "bodyline" [terminé]
Ah oui désolé, je me suis mal exprimée ;p
Merci de prendre un peu de votre temps pour m'aider ^^
Merci de prendre un peu de votre temps pour m'aider ^^
Re: Bannière par dessus le "bodyline" [terminé]
Un petit up pour dire que je suis toujours à la recherche d'une solution après plusieurs tentatives infructueuse
edit : j'ai réussi à bidouillé quelque chose
En gros, j'ai mis un div sur le template "overall_header" sur la partie qui concerne le logo et j'ai mis mon image. Pour le bodyline, je n'ai mis ni bordure ni background et j'ai mis un fond sur le body.
merci
edit : j'ai réussi à bidouillé quelque chose
En gros, j'ai mis un div sur le template "overall_header" sur la partie qui concerne le logo et j'ai mis mon image. Pour le bodyline, je n'ai mis ni bordure ni background et j'ai mis un fond sur le body.
merci
Sujets similaires
» Faire passer une image au dessus du bodyline
» Faire passer le header au dessus du forumline/bodyline ?
» Problème au niveau du bodyline et bannière.
» Un gif par dessus la bannière
» Image au dessus bannière
» Faire passer le header au dessus du forumline/bodyline ?
» Problème au niveau du bodyline et bannière.
» Un gif par dessus la bannière
» Image au dessus bannière
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec le panneau d'administration :: Archives des problèmes avec le panneau d'administration
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum