probleme avec banniere de fond

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

Résolu probleme avec banniere de fond

Message par Little_dragon le Mar 15 Avr 2014 - 19:21

salut j'ai un problèeme avec la banniere de fond, j'ai mis le codes  expres pour la banniere de fond que j'ai trouve ici et c'est ce que sa donne elle ne fais pas toute la longueur du forum lahd.forum-canada.com je vais vous donner le css si cela peut vous aider ...
lahd.forum-canada.com
j'ai pensée peut etre a une chose est-ce que cela pourrait etre la largeur du forum le probleme ?


Code:
body{
  background-image: url("http://img11.hostingpics.net/pics/739643vfd.png");
  background-position: top center;
  background-repeat: repeat;
}
.bodyline {
  padding : 0;
}

.forumline {
  border-top : 5px solid #EADBDD;
  border-bottom : 5px solid #EADBDD;
}

/* MISE EN FORME DES CATEGORIES ET FORUMS */

.cate_titre
{
  clear: both;
  height: 100px;
  margin-top: 50px;
}
.catetitre_bloc
{
position: relative;
z-index: 1;
display: block;
width: 90%;
height: 20px;
margin-left: auto;
margin-right : auto;
background-color: #a8a8a8;
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-htm-transform: rotate(5deg);
}
.catetitre_content
{
position: absolute;
z-index: 2;
display: block;
width: 950px;
margin-left: auto;
  margin-right: auto;
  margin-top: -40px;
text-align: center;
padding: 2px;
  border-bottom: 3px dotted #191817;
}
.catetitre
{
color: #454545;
font-family: arial;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
}

.forum_bloc
{
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -30px;
}
.forum
{
float: left;
width: 460px;
height: 250px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 50px;
}
a.forumlink
{
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  color: #454545;
  text-align: center;
font-family: arial;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
a.forumlink:hover
{
  letter-spacing: 4px;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.forum_contenu
{
  position: relative;
  z-index: 1;
  width: 98%;
  height: 90%;
  padding: 4px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -8px;
  background-color: #d9d9d9;
  border-left: 1px dotted #191817;
  border-right: 1px dotted #191817;
  border-bottom: 1px dotted #191817;
  border-top: 5px solid #191817;
}
.description
{
  display: block;
  width: 400px;
  margin: auto;
  height: 100px;
  overflow: hidden;
  border: 2px solid #9c9c9c;
  box-shadow: 1px 1px 1px #191817;
  -moz-box-shadow: 1px 1px 1px #191817;
  -htm-box-shadow: 1px 1px 1px #191817;
  -webkit-box-shadow: 1px 1px 1px #191817;
  -o-box-shadow: 1px 1px 1px #191817;
}
.description_contenu
{
  position: absolute;
  display: block;
  width: 391px;
  height: 91px;
  overflow: auto;
  background-color: #191817;
  font-size: 10px;
  color: #9c9c9c;
  text-align: justify;
  padding: 5px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description_contenu:hover
{
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.icone_stats
{
  width: 300px;
  margin: auto;
  margin-top: -30px;
}
.stats_lastpost
{
  display: block;
  width: 160px;
  height: 80px;
  margin-left: 10px;
  background-color: #c8c8c8;
  border: 1px solid #b5b5b5;
  padding: 5px;
  text-align: center;
}
.stats
{
  display: block;
  margin-bottom: 5px;
  border-bottom: 1px dotted #b5b5b5;
  padding-bottom: 5px;
  font-size: 10px;
  color: #8f8f8f;
}
.lastpost
{
  display: block;
  font-size: 11px;
}
.sforum
{
  position: relative;
  z-index: 3;
  display: block;
  height: 0;
    background: #191817;
  color: #b5b5b5;
  overflow: hidden;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.ouverture_sousforum
{
  position: relative;
  z-index: 3;
  display: block;
  float: right;
  width: 120px;
  margin-right: 20px;
  background: #191817;
  color: #b5b5b5;
  font-size: 11px;
  text-align: center;
  padding: 4px;
  -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.sous_forum:hover .sforum
{
  height: 50px;
  background: #191817;
  color: #b5b5b5;
  padding: 4px;
  overflow: auto;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.sous_forum a
{
  color: #b5b5b5 !important;
  text-shadow: 1px 1px 0px #000000;
}
.sous_forum a:hover
{
  color: #ffffff !important;
}

body {background-repeat: no-repeat;}

a {color:#D6AA45;text-decoration:none;}
A:link, A:active, A:visited {text-decoration : none;outline: none;}
a:hover {text-decoration : none !important;outline: none; color:#A9CC3F;}

.postbody I {color: #89bab4; letter-spacing: 1px; text-shadow: #FFFFFF 1px 1px 0px;}
U {border-bottom: 1px solid; text-decoration: none;}

/* SELECTION RAPIDE */

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }

/* PROFIL DANS LES MESSAGES */

.name {
  font-family: 'Calligraffitti', cursive;
  font-size: 18px;
  word-spacing: 2px;}

/* QUI EST EN LIGNE */

.qeel{
  background-color: #ffffff;
  width:600px;
  height:auto;
  padding-right:20px;
  padding-bottom:20px;
  padding-left:20px;
  padding-top:15px;
  border-radius: 20px;}

a.kaishou {
  font-family: 'Calligraffitti', cursive;
  font-size: 24px;
  word-spacing: 3px;
  color: #7E2BC2;
  text-shadow: #E8E8E8 1px 1px 0px; }

a.shikaisha {
  font-family: 'Dancing Script', cursive;
  font-weight: bold;
  font-size: 24px;
  word-spacing: 3px;
  color: #71B35D;
  text-shadow: #E8E8E8 1px 1px 0px; }

a.yatonin {
  font-family: 'Calligraffitti', cursive;
  font-size: 24px;
  word-spacing: 3px;
  color: #F07313;
  text-shadow: #E8E8E8 1px 1px 0px; }

a.chibis {
  font-family: 'Dancing Script', cursive;
  font-weight: bold;
  font-size: 24px;
  word-spacing: 3px;
  color: #E6A500;
  text-shadow: #E8E8E8 1px 1px 0px; }

.qeel_titre_colonne {
  font-family: georgia;
  font-style: italic;
  font-size: 17px;
  font-weight: bold;
  letter-spacing:-1px;
  text-align: center;
  text-transform : lowercase;
  text-shadow: #E8E8E8 1px 1px 0px;}

.qeel_colonne{
  text-align:justify;
 font-size:12px;
 vertical-align:top;
  padding: 10px 10px 10px 10px;}


/* BARRE DE NAVIGATION */

.mainmenu {
    
    font-family:georgia;
    font-size:16px;
    text-transform:lowercase;
    letter-spacing:-1px;
    font-style:italic;
    text-shadow:1px 1px 0px #fffff;}

A.mainmenu:link, A.mainmenu:active, A.mainmenu:visited {color:#7498A8;}
A.mainmenu:hover {color:#;}


/* TITRES CATEGORIES & FORUMS */

.secondarytitle {
  font-family: "Courier New", Courier, Monospace;
  letter-spacing:2px;}

a.forumlink {
  border-bottom: 1px dotted;
  font-family:georgia;
  font-style:italic;
  font-size:17px;
  display:block;
  margin-bottom: 0px;
  margin-top: 5px;
  margin-left:15px;
  letter-spacing:-1px;
  
  padding-left: -10px;
 transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;  
  -moz-transition: 1s;
 -o-transition: 1s;
 -htm-transition: 1s;
 -webkit-transition: 1s;}

a.forumlink:hover {
  letter-spacing: 3pt;
 padding-left: 10px;
 transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;  
  -moz-transition: 1s;
 -o-transition: 1s;
 -htm-transition: 1s;
 -webkit-transition: 1s;}

a.forumlink:before {content:"“ ";}

.message_sujet {
  font-size: 9px;}

/* MESSAGES IMPORTANTS */

.t1 {
  display:block;
  font-family:times new roman;
  font-size:35px;
  text-transform:lowercase;
  letter-spacing:-1px;
  font-style:italic;
  font-weight:lighter;
  text-align:center;
  color:#89bab4 ;
  padding-bottom:5px;}

.st1 {
  padding-top:5px;
  font-size:11px;
  font-family:georgia;
  color:#CEB598;
  text-align:center;
  text-transform:lowercase;
  letter-spacing:3px;}

.admin1 {
  background-image:url('http://img11.hostingpics.net/pics/739643vfd.png');
  border-bottom: 3px solid #c0ab98;
 border-top: 3px solid #c0ab98;
 border-left: 1px dotted #c0ab98;
 border-right: 1px dotted #c0ab98;
  border-radius: 15px 15px 15px 15px;
 padding:20px;}

.admin2 {
  background-color: #f6f3ea;
  border-top: 1px dotted #ceb598;
  border-bottom: 1px dotted #ceb598;
  border-left: 3px solid #ceb598;
  border-right: 3px solid #ceb598;
  border-radius: 15px 15px 15px 15px;
  padding: 8px 10px 10px 10px;
  margin : 10px 20px;
  color: #878787;
 font-style:normal;}

/* ARRONDIES GENERAUX */

.forumline {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden; }

th#thleft {
  -webkit-border-top-left-radius: 15px;
  z-border-radius-topleft: 15px;
  border-top-left-radius: 15px; }

th#thright {
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topright: 15px;
  border-top-right-radius: 15px; }

td#tdqeel{border-radius:15px 15px 0 0;}


/* TOOLBAR */

.toolbar_avatar {
  width: 25px;
  height: 25px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;}


/* PAGE D ACCUEIL */

#pa_welcome {
  font-family: 'Calligraffitti', cursive;
  font-size: 30px;
  word-spacing: 3px;
  color: #609AB5;
  text-shadow: #E8E8E8 1px 1px 0px; }

#pa_navigation {
  text-align:center;
 text-transform:lowercase;
  font-size:20px; }

.pa_td {
  vertical-align: top;
  text-align :justify;
  margin-top:2px;
  margin-right:5px;
  margin-bottom:2px;
  margin-left:5px;
  padding-top:2px;
  padding-bottom:2px;
  padding-right:5px;
  padding-left:5px;
  background-color: white;
  border: 1px solid #E3E3E3;
  border-radius: 8px;}

.pa_titre {
  color:#609AB5;
  font-family: 'Dancing Script', cursive;
  font-size:20px;
  text-align:center;
 border-bottom: 1px solid #609AB5;}

    #nav_barr {
    position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
    width:790px; /*--- pour régler la largeur de la barre ---*/
    background-color: #fff; /*--- On donne une couleur au fond ---*/
    border:1px #fff solid;  /*--- On ajoute une bordure ---*/
    margin-left:-395px; /* pour centrer:  largeur divisée par -2 */
    left:50%;
    opacity: 0.9;
    height: 25px;
    }
    .quote .code {
    width: 500px;
    overflow-x: auto;
    }
    /*** SCROLLBAR ***/

    ::-webkit-scrollbar
    {background-image:url('http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png');
    height:10px;
    width:10px}

    ::-webkit-scrollbar-thumb
    {background:#a5a5a5;
    background-image:url('http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png');
    border-radius:30px}
    /* chatbox */

    #chatbox_header .cattitle strong { display: none; }
    #chatbox_header .cattitle:before { content: "Oserez-vous parler ?" ; }
    #chatbox_header .catBottom .cattitle {
      color: ;
    }  
    .selectCode {
    float:right;
    text-transform: uppercase;
    cursor:pointer;
    color: blue;}
    .signature_div img {
    max-height:300px;
    max-width:500px;
    }


    div.infobulle
    {
    position: relative;
    float: left;
    color: black;
    }

    div.infobulle span
    {
    display: none; /* ceci masque l'infobulle */
    }
    div.infobulle:hover
    {
    background: none; /* correction d'un bug IE */
    z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
    color: black;
    }

    /* style de l infobulle */

    div.infobulle:hover span
    {
    display: inline; /* on affiche l'infobulle */
    position: absolute;
    width:150px;
    height:auto;
    top: 115px;
    left:25px; /* on positionne notre infobulle */
    background-color: beige;
    padding: 3px;
    white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
    text-align: center;
    font-size: 14px;
    }

    a.lienpa{
    font-size:30px;
    font-family:Impact;
    color:black;
    letter-spacing:2px;
    }
    a.lienpa:hover{
    font-size:30px;
    font-family:impact;
    color:gray;
    letter-spacing:2px;
    }
    .contourlien{
    width:650px;
    border:2px black solid;
    padding:10px;
    text-align:center;
    background-color:beige;
    float:left;
    margin-bottom:-30px;
    margin-left:60px;
    }
    .contourlien:hover{
    width:650px;
    border:2px black solid;
    padding:10px;
    text-align:center;
    background-color:white;
    float:left;
    margin-bottom:-30px;
    margin-left:60px;
    }

    .contourpa{
    border:2px black solid;
    padding-top:30px;
    padding-right:10px;
    padding-left:10px;
    padding-bottom:10px;
    background-color:beige;
    }

    .presforum{
    text-align:justify;
    border:2px black solid;
    padding:10px;
    color:black;
    font-size:12px;
    font-family:comic sans ms;
    background-color:beige;
    }
    .presforum:hover{
    text-align:justify;
    border:2px black solid;
    padding:10px;
    color:black;
    font-size:12px;
    font-family:comic sans ms;
    background-color:white;
    }

    .titre{
    font-size:30px;
    font-family:impact;
    letter-spacing:1px;
    text-align:center;
    color:gray;
    margin-bottom:-7px;
    }

    .actus{
    height:90px;
    overflow:auto;
    text-align:justify;
    border:2px black solid;
    padding:10px;
    color:black;
    font-size:12px;
    font-family:comic sans ms;
    background-color:beige;
    }
    .actus:hover{
    height:90px;
    overflow:auto;
    text-align:justify;
    border:2px black solid;
    padding:10px;
    color:black;
    font-size:12px;
    font-family:comic sans ms;
    background-color:white;
    }


    .partenaire{
    height:90px;
    overflow:auto;
    text-align:center;
    border:2px black solid;
    padding:10px;
    color:black;
    font-size:12px;
    font-family:comic sans ms;
    background-color:beige;
    }

    .partenaire:hover{
    height:90px;
    overflow:auto;
    text-align:center;
    border:2px black solid;
    padding:10px;
    color:black;
    font-size:12px;
    font-family:comic sans ms;
    background-color:white;
    }

    .credits{
    text-align:justify;
    border:2px black solid;
    padding:10px;
    color:black;
    font-size:10px;
    font-family:comic sans ms;
    }
    /* CONTENEUR PRINCIPAL */
    #tfa_cycle {
    width: 600px;
    height: 200px;
    position: relative;
    overflow: hidden;
    margin: 10px auto;
    padding: 0;
    }

    /* BLOCS DE CONTENUS */
    .tfa_cycle_content, .tfa_cycle_content1{
    width: 580px;
    height: 200px;
    margin: auto;
    padding: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius:15px ;
    border-radius: 15px ;
    }

    /* FOND 1 - IMAGE DE FOND ET BORDURES */
    .tfa_cycle_content {
    background: url('http://i45.servimg.com/u/f45/11/95/30/70/o110.jpg') #143851;
    border-left: 6px solid #bc0a27;
    border-right: 6px solid #78b8ca;
    }

    /* FOND 2 - IMAGE DE FOND ET BORDURES */
    .tfa_cycle_content1 {
    background: url('http://i45.servimg.com/u/f45/11/95/30/70/o210.jpg') #143851;
    border-left: 6px solid #78b8ca;
    border-right: 6px solid #bc0a27;
    }

    /* -------- PARTIES TEXTES ET IMAGES -------- */

    /* TITRES POUR LE FOND 1 ET 2 */
    .tfa_cycle_content h1, .tfa_cycle_content1 h1{
    width: 580px;
    margin: 5px auto;
    padding: 0;
    color: #7fb7e5;
    text-transform: uppercase;
    text-align: center;
    font: 17px Orbitron;
    text-shadow: 0px 1px 0px #000;
    }
    /* PREMIERE LETTRE DU TIRE SUR LE FOND 1 */
    .tfa_cycle_content h1:first-letter {
    font: 22px Verdana;
    font-weight: bold;
    color: #42b1ff;
    text-shadow: 0px 1px 0px #000;
    }

    /* PREMIERE LETTRE DU TIRE SUR LE FOND 2 */
    .tfa_cycle_content1 h1:first-letter {
    font: 22px Verdana;
    font-weight: bold;
    color: #CC0000;
    text-shadow: 0px 1px 0px #000;
    }

    /* EMPLACEMENT ET BORDURE DES IMAGES */
    .imgix{
    display: block;
    width: 96%;
    margin: auto;
    text-align: center;
    }
    .imgix img{
    border: 2px solid #2c587b;
    }
    /* PARAGRAPHE */
    .my_news p{
    width: 96%;
    margin: 5px auto 0;
    padding: 0;
    font: 12px Arial;
    color: #cbdeee;
    }

    /* ****************************
    INFOBULLES 'DERNIERS MESSAGES'
    ******************************* */

    /* au repos */

    div.bulle_msg {
    position: relative;
    cursor:pointer; /*donne au curseur la forme de petite main, comme sur un lien*/
    }

    div.bulle_msg > div {
    display: none; /* on masque l'infobulle par défaut */
    }

    /* au survol */

    div.bulle_msg:hover {
    background: none; /* correction d'un bug IE */
    z-index: 500; /* on s'assure que l'infobulle est bien par dessus tout */
    }

    div.bulle_msg:hover > div {
    display: block; /* on affiche l'infobulle */
    position: absolute; /* positionnement absolu par rapport au coin supérieur gauche de bulle_msg */
    top: 5px; /* positionnement par rapport au bord haut */
    left: 15px; /* positionnement par rapport au bord gauche */
    white-space: nowrap; /* pas de retour à la ligne non-désiré */
    background: #7498A8; /* couleur d'arrière-plan de l'infobulle */
    color: black; /* couleur du texte dans l'infobulle */
    padding: 3px;
    border: 1px dotted black; /* bordures : épaisseur style couleur */
    }
    

          input.post, textarea.post {
              border-radius: 20px;
          }



    tr.post span.gensmall {display : none;}
    #i_logo {
    margin-right: -10px;
    margin-left: -10px;
    margin-top: -10px;
    margin-bottom: -10px;
    }


    /* OPACITY */

    .opacity img {
    filter:alpha(opacity=70);
    -moz-opacity:0.7;opacity: 0.7;}
    .opacity img:hover {
    filter:alpha(opacity=100);
    -moz-opacity:1;opacity: 1;}


    .quote{
    font-family: Tahoma;
    font-size: 10px;
    color: #000000;
    line-height: 105%;
    border: #ffffff;
    border-style: solid;
    border: 1px #d1bfa5 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;
    border: 1 px#d1bfa5;
    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;
    }


    /*---------------- AFFICHAGE DES CATEGORIES ----------------*/
    .categ{
    background-color:#dbcfbc;
    padding:5px;}

    .categcont{
    background-color:#e0d7c9;
    padding:5px;
    border:1px solid #a19787;
    height:100px;
    overflow:auto;
}
    .statistiques{
    border:0px;
    background-image: url("http://i34.servimg.com/u/f34/17/84/83/24/quiest14.png");
    background-repeat: no-repeat;
    background-position: center;
    height:200px;}

    .groupes{
    -moz-border-radius : 8px 8px 8px 8px;
    height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
    font-size:15px;font-weight: bold;text-align:center;
    text-decoration: none !important;}
    .qeel
    {
    background-image: url('IMAGE OF FOOTER');
    width: 800px;
    height: 238px;
    margin: auto;
    }

    .avatar_mess
    {
    display: block;
    width: 200px;
    height: 320px;
    margin-left: -10px;
    margin-right: 10px;
    overflow: hidden;
    background: #272726;
    border: 5px solid #3e1d19;
    transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -htm-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    box-shadow: 0px 0px 6px #000000;
    -moz-box-shadow: 0px 0px 6px #000000;
    -o-box-shadow: 0px 0px 6px #000000;
    -htm-box-shadow: 0px 0px 6px #000000;
    -webkit-box-shadow: 0px 0px 6px #000000;
        transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .avatar_mess:hover
    {
    margin-left: 5px;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -htm-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
        transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .profil_mess
    {
    position: absolute;
    display: block;
    width: 190px;
    height: 310px;
    margin: auto;
    padding: 5px;
    overflow: auto;
    background: #ffffff;
    color: #c5bea0;
    font-size: 11px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0);
        transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .profil_mess:hover
    {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
        transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .pseudo_mess
    {
    display: block;
    position: relative;
    z-index: 2;
    width: 190px;
    margin-top: -15px;
    margin-left: 10px;
    text-align: center;
    font-size: 18px;
    font-family: courier;
    font-weight: bold;
    text-shadow: 0px 0px 3px #c5bea0;
    background: #EADAC6;
    padding-top: 5px;
    border-left: 3px solid #371e1a;
    border-right: 3px solid #371e1a;
    border-top: 1px solid #371e1a;
    border-bottom: 1px solid #371e1a;
    box-shadow: 0px 0px 3px #000000;
    -moz-box-shadow: 0px 0px 3px #000000;
    -o-box-shadow: 0px 0px 3px #000000;
    -htm-box-shadow: 0px 0px 3px #000000;
    -webkit-box-shadow: 0px 0px 3px #000000;
    }
Je n'ai jamais eu pourtant ce genre de problème pour une bannière de fond je les mises à la bonne place plus j'ai utilisé le code pour la bannière de fond merci pour votre aide.


Dernière édition par Little_dragon le Mar 29 Avr 2014 - 23:10, édité 1 fois

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme avec banniere de fond

Message par Little_dragon le Jeu 17 Avr 2014 - 0:17

Up

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme avec banniere de fond

Message par AenigmA le Jeu 17 Avr 2014 - 5:27

Bonjour,
Si j'ai bien compris ...

body {
   background-attachment: scroll;
   background-image: url("http://img11.hostingpics.net/pics/739643vfd.png");
   background-position: center 30px;
   background-repeat: no-repeat;
   height: 366px !important;
}

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: probleme avec banniere de fond

Message par MasDan le Jeu 17 Avr 2014 - 6:44

Bonjour,

Des modifications proposées par Aenigma, je remplacerais le height (sans effet pour le background) et j'ajouterai ceci

Code:
.bodylinewidth {
  margin-top: 380px;
}
pour déplacer le titre et la barre de navigation sous le logo.

Le nombre de pixels du margin-top est à ajouter selon vos besoins.

MasDan
*****

Masculin
Messages : 856
Inscrit(e) le : 24/05/2011

http://projetaum2.forumactif.com/
MasDan a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: probleme avec banniere de fond

Message par AenigmA le Jeu 17 Avr 2014 - 7:20

Effectivement Daniel, merci.

Les deux codes à rajouter :

body {
  background-attachment: scroll;
  background-image: url("http://img11.hostingpics.net/pics/739643vfd.png");
  background-position: center 30px;
  background-repeat: no-repeat;
}
.bodylinewidth {
margin-top: 366px;
}

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme avec banniere de fond

Message par Little_dragon le Dim 20 Avr 2014 - 3:20

Merci beaucoup désolé j'ai des probleme avec la connexion internet donc je viens de voir vos reponse je vais essayer sa tout de suite Smile

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme avec banniere de fond

Message par Little_dragon le Dim 20 Avr 2014 - 19:05

salut le code pour la barre de navigation a tres bien fonctionner par contre j' ai pensee a sa pour la banniere est-ce que sa ce peut que la taille de la banniere n' est pas bonne pour faire une banniere de fond ?

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme avec banniere de fond

Message par Lixyr le Sam 26 Avr 2014 - 23:47

Bonjour,

Si j'ai bien saisi, vous voulez que la bannière de fond face à la taille maximale de l'écran ? Donc pour la balise body dans votre css, rajoutez ceci :

Code:
background-size: 100%;





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
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: probleme avec banniere de fond

Message par Little_dragon le Dim 27 Avr 2014 - 7:51

salut je ne comprends pas j' ai essaye tout les code et rien ne fonctionne je ne comprends pas ce qui cloche.... :(y aurai t-il une autre idee ? merci j' ai meme essayer en changeant de theme qui a deja la banniere fond mais rien n' y change :(je ne sais pas quoi faire ...

celle qui a fait la banniere elle l' a change la taille pour celle de la banniere de fond mais la sa fonctionne pas encore je croyais que sa aurait ete a cause de la taille peut etre encore c' est le cas mais je ne sais pas qu' elle taille elle devrait etre ?

merci et desoler pour le derangement

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme avec banniere de fond

Message par Little_dragon le Lun 28 Avr 2014 - 1:15

salut désolé du double post je voulais vous montrer un exemple c'est mon autre forum j'ai essayé meme d'utiliser le même code etc et j'y arrive pas a le faire cafe-mangas.forum-canada.com je veux exactement faire la même chose avec la banniere de fond Merci d`avance pour votre aide.

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme avec banniere de fond

Message par Lixyr le Mar 29 Avr 2014 - 1:37

Bonsoir,

A dire vrai la bannière de fond sur "l'autre forum" ne prend pas toute la place, pour ma part la droite est tronquée.
la fameuse image de fond:
Mais avec un
Code:
body { background-size : 100%;}
la bannière prend toute la largeur et n'est plus tronquée, comme dit plus haut. C'est bien ça que vous voulez ? Sur le forum concerné (Zen-hotel) je ne vois pas ce code dans le css, donc c'est normal que ça ne fonctionne pas.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
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: probleme avec banniere de fond

Message par Little_dragon le Mar 29 Avr 2014 - 23:05

c' est bon tout est parfait ce n' est pas sur ce forum Smile desoler j'ai oublie de changer merci pour votre aide je vais mettre en resolu

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon 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