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

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 le 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
**

Féminin
Messages : 86
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 le 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.





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.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 le 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 ( http://i48.servimg.com/u/f48/16/58/45/02/0110.png ) peut faire l'affaire pour le moment ?

Merci


alix
**

Féminin
Messages : 86
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 le 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
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.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 le 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
**

Féminin
Messages : 86
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 le 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.





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.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 le 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
**

Féminin
Messages : 86
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 le 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. ^^





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.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 le 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
**

Féminin
Messages : 86
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 le 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
**

Féminin
Messages : 86
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


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