Bannière par dessus le "bodyline" [terminé]

2 participants

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

Résolu Bannière par dessus le "bodyline" [terminé]

Message par alix Lun 3 Oct 2011 - 21:32

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





Dernière édition par alix le Dim 9 Oct 2011 - 22:11, édité 2 fois
alix

alix
**

Féminin
Messages : 91
Inscrit(e) le : 23/11/2007

http://hobbitrpg.forumactif.org
alix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière par dessus le "bodyline" [terminé]

Message par Lixyr Lun 3 Oct 2011 - 21:35

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.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Bannière par dessus le "bodyline" [terminé] 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Bannière par dessus le "bodyline" [terminé] 3592387030 pour prévenir la modération.

Bannière par dessus le "bodyline" [terminé] Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7377
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière par dessus le "bodyline" [terminé]

Message par alix Lun 3 Oct 2011 - 21:47

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

alix

alix
**

Féminin
Messages : 91
Inscrit(e) le : 23/11/2007

http://hobbitrpg.forumactif.org
alix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière par dessus le "bodyline" [terminé]

Message par Lixyr Lun 3 Oct 2011 - 21:54

Oui, ça peut.

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 :
<!-- BEGIN meta_emulate_ie7 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<!-- END meta_emulate_ie7 -->
tout au début, et juste avant, vous mettez ce code :
Code:
<center><a href="URL_DE_REDIRECTION"><img src="URL_DUNE_IMAGE_TRANSPARENTE"></a></center>
et vous enregistrez. Ajout

le mieux étant que l'image transparente ait la même hauteur que l'image de fond (donc 420 ou 331px)

Cordialement.
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7377
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière par dessus le "bodyline" [terminé]

Message par alix Lun 3 Oct 2011 - 22:20

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 Wink

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 ♥
alix

alix
**

Féminin
Messages : 91
Inscrit(e) le : 23/11/2007

http://hobbitrpg.forumactif.org
alix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière par dessus le "bodyline" [terminé]

Message par Lixyr Mar 4 Oct 2011 - 7:29

Hum, non.

Pourquoi vous avez mis ?
padding-top:-0;
ça sert à quoi de mettre un -0, puisque -0 = +0 = 0 ?



Cordialement.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Bannière par dessus le "bodyline" [terminé] 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Bannière par dessus le "bodyline" [terminé] 3592387030 pour prévenir la modération.

Bannière par dessus le "bodyline" [terminé] Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7377
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière par dessus le "bodyline" [terminé]

Message par alix Mar 4 Oct 2011 - 12:20

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+

alix

alix
**

Féminin
Messages : 91
Inscrit(e) le : 23/11/2007

http://hobbitrpg.forumactif.org
alix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière par dessus le "bodyline" [terminé]

Message par Lixyr Mar 4 Oct 2011 - 18:47

Bonsoir.

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 Bannière par dessus le "bodyline" [terminé] 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Bannière par dessus le "bodyline" [terminé] 3592387030 pour prévenir la modération.

Bannière par dessus le "bodyline" [terminé] Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7377
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière par dessus le "bodyline" [terminé]

Message par alix Mar 4 Oct 2011 - 18:59

Ah oui désolé, je me suis mal exprimée ;p
Merci de prendre un peu de votre temps pour m'aider ^^

alix

alix
**

Féminin
Messages : 91
Inscrit(e) le : 23/11/2007

http://hobbitrpg.forumactif.org
alix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière par dessus le "bodyline" [terminé]

Message par alix Dim 9 Oct 2011 - 16:25

Un petit up pour dire que je suis toujours à la recherche d'une solution après plusieurs tentatives infructueuse Wink

edit : j'ai réussi à bidouillé quelque chose Wink
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
alix

alix
**

Féminin
Messages : 91
Inscrit(e) le : 23/11/2007

http://hobbitrpg.forumactif.org
alix a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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