probleme de categorie

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

Résolu probleme de categorie

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 ...

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;
    }

ah et en meme temps pour ne pas a avoir ouvrir un autre sujet je vais exposer le probleme ici cè est a propos des categories ... voila que je vous explique je vais vous montrer l'exemple que je voulais que sa donne      
http://i58.servimg.com/u/f58/17/79/02/83/sceen11.png


je vais vous donner le template de index-box que j'ai changee

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
 <tr>
 <td valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <span class="gensmall">{LAST_VISIT_DATE}<br />
 {CURRENT_TIME}<br />
 </span>
 <!-- END switch_user_logged_in -->
 <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
 </td>
 <td class="gensmall" align="right" valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
 <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
 <!-- END switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
 </td>
 </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<div class="cate_titre"><span class="catetitre_bloc"></span>
  <span class="catetitre_content">{catrow.tablehead.L_FORUM}</span></div>

 <!-- END tablehead -->
 <!-- BEGIN cathead -->


 <!-- END cathead -->
 <!-- BEGIN forumrow -->
 

<div class="forum_bloc">
<div class="forum">
  
  <span class="forumlink">
  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
  </span>
  
  <div class="forum_contenu">
    {catrow.forumrow.FORUM_DESC}<br />
    
    <div class="icone_stats"><table><tr><td><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="icone" /></td>
      <td><span class="stats_lastpost">
        <span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
        <span class="lastpost">{catrow.forumrow.LAST_POST}</span>
        </span></td>
      </tr></table></div>
    
  </div>
  
  <div class="sous_forum">
    <span class="sforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
    <span class="ouverture_sousforum">Voir les sous-forum</span>
  </div>
  
</div>
</div>


 <!-- END forumrow -->
 <!-- BEGIN catfoot -->

 <!-- END catfoot -->
 <!-- BEGIN tablefoot -->

<!-- END tablefoot --><!-- END catrow -->

le probleme que cela n'a rien donné sur les categories  lahd.forum-canada.com pourtant j'ai fait ce que le tutoriel m'a dit de faire ...

merci pour votre aide...


Dernière édition par Little_dragon le Mer 16 Avr 2014 - 3:18, édité 2 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 de categorie

Message par sepcil le Mar 15 Avr 2014 - 20:03

bonjour,

vous avez fait un double poste vous risquer que votre sujet soit corbeilles

sepcil

sepcil
***

Messages : 172
Inscrit(e) le : 14/11/2013

http://navys-hosting.cf/fr/
sepcil a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme de categorie

Message par Little_dragon le Mar 15 Avr 2014 - 20:25

salut mettre deux sujet dans le meme topics c'est un double post ?

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 de categorie

Message par sepcil le Mar 15 Avr 2014 - 20:36


sepcil
***

Messages : 172
Inscrit(e) le : 14/11/2013

http://navys-hosting.cf/fr/
sepcil a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme de categorie

Message par Little_dragon le Mar 15 Avr 2014 - 20:39

desoler j'avais pas remarqué mon ordinateur me fait sa des fois, je ne sais pas pourquoi. hum serait-il possible de supprimer un des deux ? habituellement c'est ce que je fais quand je peux deleter un post... car il fait sa souvent...
merci de me l'avoir dit.

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 de categorie

Message par sepcil le Mar 15 Avr 2014 - 20:42

re:

édite le en mentionnent a verrouiller et a corbeille ou bien si vous pouvez le supprimer

sepcil

sepcil
***

Messages : 172
Inscrit(e) le : 14/11/2013

http://navys-hosting.cf/fr/
sepcil a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme de categorie

Message par Neptunia le Mar 15 Avr 2014 - 20:55

Coucou ^^

Pour le double sujet, soit tu passes l'autre sujet en résolu, soit tu t'en sers pour mettre une question par sujet, vu que les deux ne sont pas liées.

J'ai appliqué ton template ainsi que ton css sur un fofo test, et ça fonctionne impec.

As tu publié ton template ??

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme de categorie

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

salut justement quand j' ai remarque que sa ne fonctionnais pas sur mon forum j' ai ete toute de suite regarde si c' etait a cause du fait que je n'avais pas publier et ce n' etait pas le cas j' avais bien publie. c' est pas normal alors :S surtout si cela fonctionne sur ton forum test... mais j' ai vue quelques choses est-ce que forcer les templates par defauts doit etre sur oui ? c'est peut etre sa le probleme merci Very Happy

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 de categorie

Message par Lylinee le Mar 15 Avr 2014 - 21:54

Coucou =)
A la question forcer les templates par défauts, il faut mettre non, sinon tes modifications ne seront pas prises en comptes.

Lylinee
**

Messages : 84
Inscrit(e) le : 14/12/2010

http://fidelitas-hp.forumactif.org/
Lylinee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme de categorie

Message par Neptunia le Mar 15 Avr 2014 - 21:54

Si tu forces les templates par défaut bah tout ce que t'a modifié sur ton index_box ne sera pas pris en compte. Pour que ça fonctionne le forçage des templates doit être sur non.
Lylinee a été plus rapide

Pour ma part la largeur de mon fofo test est exprimée en pourcentage et ma hiérarchie est sur Moyen (catégories séparées) Je pense que s'il y a un problème, ça doit se situer soit sur la hiérarchie, soit sur la largeur fofo. Une relecture du tuto devrait t'éclairer.

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme de categorie

Message par Little_dragon le Mar 15 Avr 2014 - 22:47

salut merci Lylinee c' est ce que j' ai fais et tout est correct a pars comme tu as dis Nof-Neptune les categories ne sont pas alignee un a coter de l' autre je vais essayer de faire changer la largeur du forum et si sa ne fonctionne pas je reviens ici...

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 de categorie

Message par Little_dragon le Mar 15 Avr 2014 - 23:08

salut j' ai beau change le pourcentage du forum et rien ne fait. j' ai ete a le mettre a 40% je ne sais pas ce qui pourrait etre le probleme.

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 de categorie

Message par Neptunia le Mar 15 Avr 2014 - 23:19

Essaie de mettre la largeur à 100% histoire de voir ce que ça donne.

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme de categorie

Message par Little_dragon le Mar 15 Avr 2014 - 23:44

salut je viens de le faire et je peux dire que c' est pas mieux :S est-ce que sa ce pourrait que sa soit dans le code css ?

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 de categorie

Message par Little_dragon le Mer 16 Avr 2014 - 2:56

Salut j`ai pu régler le probleme pour l`alignement des categories l`un a coter de l'autre Very Happy je vous remercie pour l`ader avant parce que si non j'aurais pas pu faire le reste Very Happy

pour que cela aide quelqu'un d'autre voila la solution : Chaque categorie apres la premiere doit etre attacher a la premiere et elle se mettra un a coter de l'autre Very Happy je vais editer mon autre message pour regler le probleme de la banniere car celui la je ne sais pas c'est quoi :S

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