Problème catégories

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

Résolu Problème catégories

Message par elsa2607 le Mer 4 Juin 2014 - 16:33

Coucou,

Suite à mon changement de catégories, je voudrait ajouter une bordure (inférieur).
de cette façon :


en fait c'est l'image de la catégorie qui se sur-augmente toute seule et je n'arrive pas à la réduire :



___________________________________________

De plus, sur Mozilla et Internet Explorer (je suis sur Chrome),
Le code ne fonctionne pas :




index_box:

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 --><table class="forumline categorie" width="100%" border="0" cellspacing="0" cellpadding="0">
 
  <tr width="700px" height="135px">
          <th  colspan="3" nowrap="nowrap" width="100%" class="secondarytitle">
            {catrow.tablehead.L_FORUM}
          </th>
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
    <br><br>
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}"><span class="Taillecat">{catrow.cathead.CAT_TITLE}</span></a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" valign="top" width="100%" height="50">
        <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
 
            </span>
        </h{catrow.forumrow.LEVEL}></td><td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages ☼ {catrow.forumrow.TOPICS} sujets</td></tr></tbody></table>
                  <span class="genmed"><div class="descricategorie"><div class="catetexte">{catrow.forumrow.FORUM_DESC}</div></div></span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td>
  
      <td class="row3 over" align="center" valign="middle" height="50">
                  <span class="gensmall"><div class="derniermess"><div class="derniermesstext">{catrow.forumrow.LAST_POST}</div></div></span>
      </td>
  </tr>
  <!-- END forumrow -->
      <br>
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
          </table>
  <div class="foot_table"></div>

  <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

CSS:

Code:
/* IMAGE DU FOND DES REPONSES RAPIDES*/
.sceditor-container iframe, .sceditor-container textarea {
background:url(http://i.imgur.com/qPjW26t.png)!important;}

/* avatar toolbar*/
.fa_avatar {
  width: 25px;
  height: 25px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;
}
/*____________________________________PA_____________________*/
.new{font-family: 'Neucha', cursive;
   font-size: 14px;
}
.bvn{font-family: 'Neucha', cursive;
font-size:13px;
text-align: justify;}
.pan1{
border:5px hidden  #d6d6d6;
background-color:#dddddd;
  -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px;
    whidth:150px;
  height:155px;}

.pan3{
border:5px hidden  #d6d6d6;
background-color:#dddddd;
  -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px;}

.pan2{
  font-family: 'Neucha', cursive;
  border-collapse:collapse;
  border:5px hidden #000000;
  width:750px;
  height:400px;
  background-color:#e4e4e4;
  border-radius: 10px 10px 10px 10px;-moz-border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px;
    cellspacing:10px;}
.size{
  font-size: 18px;}
.lienpa{
  font-family: 'Neucha', cursive;
  font-size:20px;
}
   #pafastlink
    {
      display: block;
      padding: 3px;
      margin-bottom: 1px;
      text-align: center;
      background: #dddddd;
      color: #752d4a !important;
      font-weight: bold;
      font-size: 15px;
      text-transform: uppercase;
      transition: 500ms;
      -moz-transition: 500ms;
      -htm-transition: 500ms;
      -o-transition: 500ms;
      -webkit-transition: 500ms;
      -webkit-border-radius: 25px;
      border-radius: 25px;
      -o-border-radius: 25px;
      -htm-border-radius: 25px;
  font-family: 'Neucha', cursive;
    font-color:#752d4a !important;
    }

    #pafastlink:hover
    {
      background: #e8e8e8;
      color: #752d4a !important;
      transition: 500ms;
      -moz-transition: 500ms;
      -htm-transition: 500ms;
      -o-transition: 500ms;
      -webkit-transition: 500ms;
    }
/*!
 * Code proposé par Damudo No Kyoku
 * Corrigé par Espeon
 * Pour CSSActif - http://www.css-actif.com
 */
.infobulle {
  display: inline-block;
}

.infobulle > div {
  position: absolute;
  margin-top: -20px;
  opacity: 0;
  visibility: hidden;

  -webkit-transform: scale(0.3) rotate(-45deg);
  -moz-transform: scale(0.3) rotate(-45deg);
  -o-transform: scale(0.3) rotate(-45deg);
  transform: scale(0.3) rotate(-45deg);

  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.infobulle:hover > div {
  opacity: 1;
  visibility: visible;

  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
}

.bouh {
  width: 300px;
  padding: 25px;
  margin: auto;
  background-color: #e4e4e4;
  color: #ffffff;
  text-align: center;

  -webkit-box-shadow: 0 0 5px #212121;
  -moz-box-shadow: 0 0 5px #212121;
  -o-box-shadow: 0 0 5px #212121;
  box-shadow: 0 0 5px #212121;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.bouh a {
  padding: 5px;
  margin: 5px 0 0 0;
  display: inline-block;
  background-color: #000000;
  color: #666666;
  text-decoration: none;

  -webkit-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
  -moz-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
  -o-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
  box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.bouh a:hover {
  color: #ffffff;
}

.bouh h1 {
  -webkit-text-shadow: 0 0 5px #ffffff;
  -moz-text-shadow: 0 0 5px #ffffff;
  -o-text-shadow: 0 0 5px #ffffff;
  text-shadow: 0 0 5px #ffffff;
}

.bouh p {
  text-align: justify;
}

.bouh hr {
  -webkit-box-shadow: 0 0 3px #666666;
  -moz-box-shadow: 0 0 3px #666666;
  -o-box-shadow: 0 0 3px #666666;
  box-shadow: 0 0 3px #666666;
}


/*__________________________FIN PA_____________________*/



.trans{
  margin-top: 20px;
  background-color: #d6d6d6;
  color: #CDDAF5;
  padding: 15px;
  width: 500px;
  height: 70px;
  overflow: auto;
text-align: justify;

  font-size: 18px !important;
  -moz-border-radius: 50px;  -webkit-border-radius: 50px; border-radius: 50px; margin-top: -1px;"}
.trans .row1 {
background-color: #d6d6d6;
  font-size: 18px !important;
  size: 18px;}
  
  

.titreqeel {
  color: #944345;
  font-family: Patrick Hand,crusive;
  font-size: 45px;
  text-align: center;
  font-color: #5c5c5c; }

.cadreqeel {
  background-color: #d6d6d6;
  color: #5C5C5C;
  padding: 15px;
  width: 230px;
  height: 210px;
  text-align: justify;
  font-family: Patrick Hand,crusive;
  font-size: 14px;
  -moz-border-radius: 310px;
  -webkit-border-radius: 310px;
  border-radius: 310px;
}

.cadreqeel1 {
  background-color: #d6d6d6;
  color: #5C5C5C;
  padding: 15px;
  width: 210px;
  height: 190px;
  text-align: justify;
  font-family: Patrick Hand,crusive;
  font-size: 16px;
  -moz-border-radius: 310px;
  -webkit-border-radius: 310px;
  border-radius: 310px;
}

.cadreqeel2 {
  background-color: #d6d6d6;
  color: #5C5C5C;
  padding: 15px;
  width: 500px;
  height: 100px;
  overflow: auto;
  text-align: justify;
  font-family: Patrick Hand,crusive;
  font-size: 15px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.boite10 {
  margin-left: 20px;
  margin-top: 25px;
  width: 180px;
  height: 180px;
  overflow: auto;
}

.fontgrp{
 font-size:24px;
  font-family: 'Bad Script', cursive;
  font-weight: bold;
}


/* fin QEEL*/


/*******************************************/
/* CODE DE POP-UP DE CONNEXION
/*******************************************/
#login_popup > table {
   background: url("http://img71.xooimage.com/files/d/c/0/poplogin_bg-top-30054ce.png") no-repeat;
   width: 570px;
}

#login_popup .titre td {
   height: 90px;
   font: bold italic 25px/1.5em Georgia, Arial, serif;
   color: #f9f5f1;
   text-shadow: 0 2px #532831;
   text-align: center;
}

#login_popup .message {
   background: url("http://img72.xooimage.com/files/4/1/f/poplogin_bg-layout-30054d0.png") repeat-y center top;
}

#login_popup .message td {
   min-height: 60px;
   display: block;
   width: 420px;
   margin: auto;
   color: #785547;
   text-align: center;
   font: 14px "Trebuchet MS", Arial, serif;
}

#login_popup .boutons {
   background: url("http://img69.xooimage.com/files/6/3/6/poplogin_bg-bottom-30054e3.png") no-repeat center bottom;
   margin-top: -1px;
}

#login_popup .boutons td {
   padding: 15px 0 25px;
   display: block;
   width: 430px;
   margin: auto;
   text-align: center;
}

#login_popup input {
   background: url("http://img67.xooimage.com/files/d/5/d/poplogin_bg-btn-300545a.png") repeat-x left top;
   height: 32px;
   padding: 0 10px;
   border-radius: 5px;
   border: 1px solid #5f2d37;
   box-shadow: 0 1px 0 #928276;
   color: #edd9c9;
   text-shadow: 0 1px #532831;
   font: italic 16px/1.5em Georgia, serif;
   cursor: pointer;
}

#login_popup input + input {
   margin-left: 5px;
}

#login_popup input:hover {
   background-position: left bottom;
   color: #f7f0ea;
}





/* _________________infobulle par Rits-u __________*/

/* PERSONNALISATION DE L'INFOBULLE */
a.infobulle:hover span {
  display: inline;
 white-space: nowrap;
  position: absolute;
  top: 10px; /* position de l'infobulle verticalement */
  left: 30px; /* position de l'infobulle horizontalement */
  width: 130px; /* largeur de l'infobulle */
  height: 50px; /* hauteur de l'infobulle */
  color:#000000; /* couleur du texte */
  border: 1px solid #000000; /* taille, style et couleur de la bordure */
  background:  #F4F4F3; /* couleur d'arrière-plan de l'infobulle */
  padding: 3px; /* espacement entre les bords et le texte */
}

/* NE PAS TOUCHER */
a.infobulle {  position: relative;}
a.infobulle span {  display: none; }
a.infobulle:hover {  background: none;  z-index: 999;}


.avatar img {
  float: left;
  padding: 1%;
margin-right: 1px;
margin-top: 1px;
margin-bottom: -200px;
margin-left: -15px;
   width:200px;
   height:300px;
}


.gensmall{
  align:right !important;}

  
  /*_____________CATEGORIES________________________*/
  
/*bordures gauche et droite des catégories*/
.forumline.categorie>tbody>tr>td:first-child{border-left:8px solid #b33157;}
.forumline.categorie>tbody>tr>td:last-child{border-right:8px solid #b33157;}

  /*taille titre catégorie*/
.secondarytitle h2{font-size:small}
  
/* couleur liens dans les catégories [amélioration de la lisibilité] */
#page-body .forumline .gen, #page-body .forumline .genmed, #page-body .forumline .gensmall, #page-body .forumline a{
color:#752D4A;
}
.postdetails {color: #ededd0 !important;}

/* texte description catégories */
.catetexte {margin-left: 7px; margin-right: 3px; padding-top: 3px; padding-bottom: 3px;color:#752D4A;}
  
/* fond derniers messages */
.derniermess {background-color: #dddddd;
  border-left: solid #d1d1d1 2px;
  border-right: solid #d1d1d1 2px;
  height: auto; width: 115px;
border-radius: 8px;
border-top: 2px #d1d1d1 solid;
border-bottom: 2px #d1d1d1 solid;
  color:#4f641f;}
  
/* texte derniers messages */
.derniermesstext {margin-left: 7px; margin-right: 3px; padding-top: 3px; padding-bottom: 3px;}

/*corriger couleur derniers messages*/
.derniermess a,.derniermess .derniermesstext{color:#752D4A !important;text-shadow:none !important;}
/* fond description catégories */
.descricategorie {margin: 7px;
  background-color: #d1d1d1;
  border-left: solid #c0c0c0 4px;
  border-right: solid #c0c0c0 4px;
  height: auto;
border-radius: 8px;
border-top: 0px #b8d784 solid;
border-bottom: 0px #d1d1d1 solid;}
  
.titredescategories{
    color:#000000; text-shadow: 2px 2px #ffffff;font-family: 'Miniver', cursive; font-size: 35px;}
  
  
  /***********************************fin categorie**********************************/


/*888888888888888888 ASPECT BODY FORUM FOND SITE BACKGROUND ROSE IMG 8888888888888888*/
.bodylinewidth
{
  width: 800px;
}

.bodyline
{
  width: 900px;
  padding: 0;
  background: url("http://i.imgur.com/YSsbcIm.png");
}

.bodylinewidth
{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -9px;
  margin-bottom: -9px;
}
.bodyline
{
  width: 800px;
  padding: 0;
  background: #c0c0c0;
  border-left: 5px solid #b33157;
  border-right: 5px solid #b33157;
  box-shadow: 0px 0px 20px #000000;
  -moz-box-shadow: 0px 0px 20px #000000;
  -o-box-shadow: 0px 0px 20px #000000;
  -htm-box-shadow: 0px 0px 20px #000000;
  -webkit-box-shadow: 0px 0px 20px #000000;
}

.bodyline
{
   background-image : url("http://i.imgur.com/YSsbcIm.png");
  
}

/*/*****************************lineeeeeeeee fin******************************/






_________________





.fleche {
    background-image : url("http://theme3.cssactif.com/sujets/pointebulle.png");
    width: 20px;
    height :25px;
    position : relative;
    top :50px;
    left :-15px;  }

    .bulle{
    background-color : #bdaeae;
    border : 1px solid #;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
    }


.titretop{
  font-size: 20px;
  font-family: 'Emilys Candy', cursive;
  align:center;
}
.catHead{
   background-color:#3b3a3a;
    border: #;
    border-style: solid;
    height: 28px;
 border-radius:25px 25px 0px 0px;
   height: 29px;
   border-width: 0;
   }
/*--------CSS PROFIL--------------*/

/*Fond qui entoure tous le profil*/


.profilentier {height:auto;
  background-color:  #bda1a1;
  margin: 0 auto;
padding: 5px;
  -webkit-border-radius: 20px;
  khtml-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
width: 210px;
  text-align: center;}

/*Pseudo*/


.name {font-variant: small-caps;
  display: block;
  font-weight: normal;
  font-family: Snippet,cursive;
  text-shadow: 1px 1px 1px  #000;
  font-size: 25px;
margin-top: 15px;
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }}


/*Css de ton avatar*/

.imageavatar { width: 200px;
height: 300px;
  margin-left: 5px;
  position: relative;
  padding:-7px;
  top: 0;
  left: -3;
  z-index: 0;}


/* Information et niveaux*/

.titreinfo {color: #470606;
font-variant: small-caps;
  text-align: center;
font-size: 15px;
  letter-spacing: 2px;
display: block;
width: 180px;
border-bottom: 2px dashed #470606;
margin-bottom: 15px;}

/*fond blanc qui saffiche sur lavatar*/

.fondinformation {text-align: justify;
  width: 180px;
height: 280px;
 position: absolute;
  padding: 10px;
  top: 0;
  left: 0;
background-color: #ad3e3d;
    background: url(http://img547.imageshack.us/img547/4891/dtgd.png);
  
  z-index: 100;
  opacity: 0;
    -webkit-transition: opacity 2s;
  -moz-transition: opacity  2s;
  -o-transition: opacity  2s;
  -ms-transition: opacity  2s;
  transition: opacity  2s;
}





.imageavatar:hover > .fondinformation
{
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  margin-left: 0px;}
  

/**FIN**/




.namestyle
  a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }
  
.namestyle{
font-family: 'Domine', cursive;
  font-size: 27px;
}


.csstitle,.t-tile{
  font-family: 'Miniver', cursive;
  font-size: 21px;
}


.cadremess{
    padding:10px; /* une marge entre la bordure et l'intérieur du bloc */
        margin:5px; /* une marge entre la bordure et l'extérieur du bloc */
        border-radius:20px; /* la bordure */
        border-color:#000000; /*une couleur de fond */
  background:#B0C5D4;
}
  
.onthy{ background: #b0c5d4;} /*LE RP OU LIMAGINA REAL COLOR FOND SUJET*/
 
.name /* center le pseudo */
{text-align:center;}
{font-size:20px;
font-family:Police;}
 .name {font-size:20px!important;}
 

.blocProfil { /*code Profil*/
        padding:10px; /* une marge entre la bordure et l'intérieur du bloc */
        margin:5px; /* une marge entre la bordure et l'extérieur du bloc */
        border-radius:20px; /* la bordure */
        border-color:#000000; /*une couleur de fond */
  background:#B0C5D4;
  -moz-box-shadow: 0px 0px 6px #355266;
    -webkit-box-shadow: 0px 0px 6px #355266;
    box-shadow: 0px 0px 6px #355266;
border-right: 3px solid #355266;
border-left: 3px solid #355266;    
}
 







.nameprofil{
  font-family: Patrick Hand,crusive;
  font-size: 26px;
  text-shadow: 0 0 1px #000;
}
.postdetails poster-profile{
  font-family: PatrickHand,cursive;
  font-size:10px;
  text-shadow: 0 0 1 #000;
  text-align: center;
}


body {
background-repeat: repeat;
background-attachment: fixed;
}

/**DEBUT PA**/
div.bibille {
  position: relative;
  float: left;
}

div.bibille span {
  display: none; /* ceci masque l'infobulle */
}
div.bibille:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.bibille:hover span {
  width: 150px;
display: inline;
position: absolute;
top: Ypx;
left: Xpx;
background-color: #6ba2bf;
color: #00263b;
padding: 2px;
border: 2px solid #00263b;
  border-radius: 20px;
}
/**FIN PA**/







.statistiques{
border:1px;
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#44718F;border: 2px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:50px;padding-right:19px;padding-left:19px;padding-bottom:5px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}














_____________________





/*_______________________Selecteur de couleurs_____________*/
.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
  top: 52px;
  left: 212px;
}
.colorpicker_rgb_g {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
  top: 82px;
  left: 212px;
}
.colorpicker_rgb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
  top: 112px;
  left: 212px;
}
.colorpicker_hsb_h {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
  top: 52px;
  left: 282px;
}
.colorpicker_hsb_s {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
  top: 82px;
  left: 282px;
}
.colorpicker_hsb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
  top: 112px;
  left: 282px;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}
/*____________________FIN SELETEUR COULEUR________________*/




.gensmalling{
 font-family: 'Snippet', cursive;
    color: #691f80;
    text-shadow: 0 0 1px #000;
  width: 10px;
}

_________DESCRIPTION DES CATEGORIES______


.description_contenu
{
  position: absolute;
  display: block;
  width: 391px;
  height: 91px;
  overflow: auto;
  background-color: #000; => couleur de fond
  font-size: 10px; => taille du texte
  color: #FFF; => couleur de texte
  text-align: center; => alignement du texte
  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;
}


/*modifier l'apparence des scrollbars de tout le forum*/
::-webkit-scrollbar {
  width: 10px; /*largeur de la scrollbar verticale*/
  height: 10px; /*hauteur de la scrollbar horizontale*/
  background-color: #574049;}

::-webkit-scrollbar-track {
  background-color: #c4c3c3; /*couleur du fond de la scrollbar*/}
::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #9f5a5b; /*couleur de l'ascenseur*/;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;}







#chatbox_members ul li,
body.chatbox {
background-image: none;}

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

Merci


Dernière édition par elsa2607 le Mer 18 Juin 2014 - 11:40, édité 1 fois

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

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

Résolu Re: Problème catégories

Message par elsa2607 le Jeu 5 Juin 2014 - 21:39

up

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

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

Résolu Re: Problème catégories

Message par elsa2607 le Ven 6 Juin 2014 - 23:27

up

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

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

Résolu Re: Problème catégories

Message par elsa2607 le Lun 9 Juin 2014 - 12:48

n'up

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

http://graphisya.forumactif.org/
elsa2607 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème catégories

Message par Automne le Mer 11 Juin 2014 - 16:02

Bonjour,

Dans votre template, vous avez

<tr width="700px" height="135px">, la hauteur height="135px" est a modifier entre 13/20 pour avoir l'effet voulu

Quelques erreurs dans le css
Code:
    /* IMAGE DU FOND DES REPONSES RAPIDES*/
    .sceditor-container iframe, .sceditor-container textarea {
    background:url(http://i.imgur.com/qPjW26t.png)!important;}

    /* avatar toolbar*/
    .fa_avatar {
      width: 25px;
      height: 25px;
      position: relative;
      top: -3px;
      margin-right: 5px;
      border-radius: 3px;
      margin-bottom: -10px;
    }
    /*____________________________________PA_____________________*/
    .new{font-family: 'Neucha', cursive;
      font-size: 14px;
    }
    .bvn{font-family: 'Neucha', cursive;
    font-size:13px;
    text-align: justify;}
    .pan1{
    border:5px hidden  #d6d6d6;
    background-color:#dddddd;
      -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px;
        whidth:150px;
      height:155px;}

    .pan3{
    border:5px hidden  #d6d6d6;
    background-color:#dddddd;
      -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px;}

    .pan2{
      font-family: 'Neucha', cursive;
      border-collapse:collapse;
      border:5px hidden #000000;
      width:750px;
      height:400px;
      background-color:#e4e4e4;
      border-radius: 10px 10px 10px 10px;-moz-border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px;
        cellspacing:10px;}
    .size{
      font-size: 18px;}
    .lienpa{
      font-family: 'Neucha', cursive;
      font-size:20px;
    }
      #pafastlink
        {
          display: block;
          padding: 3px;
          margin-bottom: 1px;
          text-align: center;
          background: #dddddd;
          color: #752d4a !important;
          font-weight: bold;
          font-size: 15px;
          text-transform: uppercase;
          transition: 500ms;
          -moz-transition: 500ms;
          -htm-transition: 500ms;
          -o-transition: 500ms;
          -webkit-transition: 500ms;
          -webkit-border-radius: 25px;
          border-radius: 25px;
          -o-border-radius: 25px;
          -htm-border-radius: 25px;
      font-family: 'Neucha', cursive;
        font-color:#752d4a !important;
        }

        #pafastlink:hover
        {
          background: #e8e8e8;
          color: #752d4a !important;
          transition: 500ms;
          -moz-transition: 500ms;
          -htm-transition: 500ms;
          -o-transition: 500ms;
          -webkit-transition: 500ms;
        }
    /*!
    * Code proposé par Damudo No Kyoku
    * Corrigé par Espeon
    * Pour CSSActif - http://www.css-actif.com
    */
    .infobulle {
      display: inline-block;
    }

    .infobulle > div {
      position: absolute;
      margin-top: -20px;
      opacity: 0;
      visibility: hidden;

      -webkit-transform: scale(0.3) rotate(-45deg);
      -moz-transform: scale(0.3) rotate(-45deg);
      -o-transform: scale(0.3) rotate(-45deg);
      transform: scale(0.3) rotate(-45deg);

      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear;
    }

    .infobulle:hover > div {
      opacity: 1;
      visibility: visible;

      -webkit-transform: scale(1) rotate(0deg);
      -moz-transform: scale(1) rotate(0deg);
      -o-transform: scale(1) rotate(0deg);
      transform: scale(1) rotate(0deg);
    }

    .bouh {
      width: 300px;
      padding: 25px;
      margin: auto;
      background-color: #e4e4e4;
      color: #ffffff;
      text-align: center;

      -webkit-box-shadow: 0 0 5px #212121;
      -moz-box-shadow: 0 0 5px #212121;
      -o-box-shadow: 0 0 5px #212121;
      box-shadow: 0 0 5px #212121;

      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
    }

    .bouh a {
      padding: 5px;
      margin: 5px 0 0 0;
      display: inline-block;
      background-color: #000000;
      color: #666666;
      text-decoration: none;

      -webkit-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
      -moz-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
      -o-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
      box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;

      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
    }

    .bouh a:hover {
      color: #ffffff;
    }

    .bouh h1 {
      -webkit-text-shadow: 0 0 5px #ffffff;
      -moz-text-shadow: 0 0 5px #ffffff;
      -o-text-shadow: 0 0 5px #ffffff;
      text-shadow: 0 0 5px #ffffff;
    }

    .bouh p {
      text-align: justify;
    }

    .bouh hr {
      -webkit-box-shadow: 0 0 3px #666666;
      -moz-box-shadow: 0 0 3px #666666;
      -o-box-shadow: 0 0 3px #666666;
      box-shadow: 0 0 3px #666666;
    }


    /*__________________________FIN PA_____________________*/



    .trans{
      margin-top: 20px;
      background-color: #d6d6d6;
      color: #CDDAF5;
      padding: 15px;
      width: 500px;
      height: 70px;
      overflow: auto;
    text-align: justify;

      font-size: 18px !important;
      -moz-border-radius: 50px;  -webkit-border-radius: 50px; border-radius: 50px; margin-top: -1px;}
    .trans .row1 {
    background-color: #d6d6d6;
      font-size: 18px !important;
      size: 18px;}
     
     

    .titreqeel {
      color: #944345;
      font-family: Patrick Hand,crusive;
      font-size: 45px;
      text-align: center;
      font-color: #5c5c5c; }

    .cadreqeel {
      background-color: #d6d6d6;
      color: #5C5C5C;
      padding: 15px;
      width: 230px;
      height: 210px;
      text-align: justify;
      font-family: Patrick Hand,crusive;
      font-size: 14px;
      -moz-border-radius: 310px;
      -webkit-border-radius: 310px;
      border-radius: 310px;
    }

    .cadreqeel1 {
      background-color: #d6d6d6;
      color: #5C5C5C;
      padding: 15px;
      width: 210px;
      height: 190px;
      text-align: justify;
      font-family: Patrick Hand,crusive;
      font-size: 16px;
      -moz-border-radius: 310px;
      -webkit-border-radius: 310px;
      border-radius: 310px;
    }

    .cadreqeel2 {
      background-color: #d6d6d6;
      color: #5C5C5C;
      padding: 15px;
      width: 500px;
      height: 100px;
      overflow: auto;
      text-align: justify;
      font-family: Patrick Hand,crusive;
      font-size: 15px;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
    }

    .boite10 {
      margin-left: 20px;
      margin-top: 25px;
      width: 180px;
      height: 180px;
      overflow: auto;
    }

    .fontgrp{
    font-size:24px;
      font-family: 'Bad Script', cursive;
      font-weight: bold;
    }


    /* fin QEEL*/


    /*******************************************/
    /* CODE DE POP-UP DE CONNEXION
    /*******************************************/
    #login_popup > table {
      background: url("http://img71.xooimage.com/files/d/c/0/poplogin_bg-top-30054ce.png") no-repeat;
      width: 570px;
    }

    #login_popup .titre td {
      height: 90px;
      font: bold italic 25px/1.5em Georgia, Arial, serif;
      color: #f9f5f1;
      text-shadow: 0 2px #532831;
      text-align: center;
    }

    #login_popup .message {
      background: url("http://img72.xooimage.com/files/4/1/f/poplogin_bg-layout-30054d0.png") repeat-y center top;
    }

    #login_popup .message td {
      min-height: 60px;
      display: block;
      width: 420px;
      margin: auto;
      color: #785547;
      text-align: center;
      font: 14px "Trebuchet MS", Arial, serif;
    }

    #login_popup .boutons {
      background: url("http://img69.xooimage.com/files/6/3/6/poplogin_bg-bottom-30054e3.png") no-repeat center bottom;
      margin-top: -1px;
    }

    #login_popup .boutons td {
      padding: 15px 0 25px;
      display: block;
      width: 430px;
      margin: auto;
      text-align: center;
    }

    #login_popup input {
      background: url("http://img67.xooimage.com/files/d/5/d/poplogin_bg-btn-300545a.png") repeat-x left top;
      height: 32px;
      padding: 0 10px;
      border-radius: 5px;
      border: 1px solid #5f2d37;
      box-shadow: 0 1px 0 #928276;
      color: #edd9c9;
      text-shadow: 0 1px #532831;
      font: italic 16px/1.5em Georgia, serif;
      cursor: pointer;
    }

    #login_popup input + input {
      margin-left: 5px;
    }

    #login_popup input:hover {
      background-position: left bottom;
      color: #f7f0ea;
    }





    /* _________________infobulle par Rits-u __________*/

    /* PERSONNALISATION DE L'INFOBULLE */
    a.infobulle:hover span {
      display: inline;
    white-space: nowrap;
      position: absolute;
      top: 10px; /* position de l'infobulle verticalement */
      left: 30px; /* position de l'infobulle horizontalement */
      width: 130px; /* largeur de l'infobulle */
      height: 50px; /* hauteur de l'infobulle */
      color:#000000; /* couleur du texte */
      border: 1px solid #000000; /* taille, style et couleur de la bordure */
      background:  #F4F4F3; /* couleur d'arrière-plan de l'infobulle */
      padding: 3px; /* espacement entre les bords et le texte */
    }

    /* NE PAS TOUCHER */
    a.infobulle {  position: relative;}
    a.infobulle span {  display: none; }
    a.infobulle:hover {  background: none;  z-index: 999;}


    .avatar img {
      float: left;
      padding: 1%;
    margin-right: 1px;
    margin-top: 1px;
    margin-bottom: -200px;
    margin-left: -15px;
      width:200px;
      height:300px;
    }


    .gensmall{
      align:right !important;}

     
      /*_____________CATEGORIES________________________*/
     
    /*bordures gauche et droite des catégories*/
    .forumline.categorie>tbody>tr>td:first-child{border-left:8px solid #b33157;}
    .forumline.categorie>tbody>tr>td:last-child{border-right:8px solid #b33157;}

      /*taille titre catégorie*/
    .secondarytitle h2{font-size:small}
     
    /* couleur liens dans les catégories [amélioration de la lisibilité] */
    #page-body .forumline .gen, #page-body .forumline .genmed, #page-body .forumline .gensmall, #page-body .forumline a{
    color:#752D4A;
    }
    .postdetails {color: #ededd0 !important;}

    /* texte description catégories */
    .catetexte {margin-left: 7px; margin-right: 3px; padding-top: 3px; padding-bottom: 3px;color:#752D4A;}
     
    /* fond derniers messages */
    .derniermess {background-color: #dddddd;
      border-left: solid #d1d1d1 2px;
      border-right: solid #d1d1d1 2px;
      height: auto; width: 115px;
    border-radius: 8px;
    border-top: 2px #d1d1d1 solid;
    border-bottom: 2px #d1d1d1 solid;
      color:#4f641f;}
     
    /* texte derniers messages */
    .derniermesstext {margin-left: 7px; margin-right: 3px; padding-top: 3px; padding-bottom: 3px;}

    /*corriger couleur derniers messages*/
    .derniermess a,.derniermess .derniermesstext{color:#752D4A !important;text-shadow:none !important;}
    /* fond description catégories */
    .descricategorie {margin: 7px;
      background-color: #d1d1d1;
      border-left: solid #c0c0c0 4px;
      border-right: solid #c0c0c0 4px;
      height: auto;
    border-radius: 8px;
    border-top: 0px #b8d784 solid;
    border-bottom: 0px #d1d1d1 solid;}
     
    .titredescategories{
        color:#000000; text-shadow: 2px 2px #ffffff;font-family: 'Miniver', cursive; font-size: 35px;}
     
     
      /***********************************fin categorie**********************************/


    /*888888888888888888 ASPECT BODY FORUM FOND SITE BACKGROUND ROSE IMG 8888888888888888*/
    .bodylinewidth
    {
      width: 800px;
    }

    .bodyline
    {
      width: 900px;
      padding: 0;
      background: url("http://i.imgur.com/YSsbcIm.png");
    }

    .bodylinewidth
    {
      width: 800px;
      margin-left: auto;
      margin-right: auto;
      margin-top: -9px;
      margin-bottom: -9px;
    }
    .bodyline
    {
      width: 800px;
      padding: 0;
      background: #c0c0c0;
      border-left: 5px solid #b33157;
      border-right: 5px solid #b33157;
      box-shadow: 0px 0px 20px #000000;
      -moz-box-shadow: 0px 0px 20px #000000;
      -o-box-shadow: 0px 0px 20px #000000;
      -htm-box-shadow: 0px 0px 20px #000000;
      -webkit-box-shadow: 0px 0px 20px #000000;
    }

    .bodyline
    {
      background-image : url("http://i.imgur.com/YSsbcIm.png");
     
    }

    /*/*****************************lineeeeeeeee fin******************************/











    .fleche {
        background-image : url("http://theme3.cssactif.com/sujets/pointebulle.png");
        width: 20px;
        height :25px;
        position : relative;
        top :50px;
        left :-15px;  }

        .bulle{
        background-color : #bdaeae;
        border : 1px solid #;
        -moz-border-radius: 20px ;
        -webkit-border-radius:20px;
        -border-radius:20px;
        -khtml-border-radius:20px;
        padding : 5px;
        }


    .titretop{
      font-size: 20px;
      font-family: 'Emilys Candy', cursive;
      align:center;
    }
    .catHead{
      background-color:#3b3a3a;
        border: #;
        border-style: solid;
        height: 28px;
    border-radius:25px 25px 0px 0px;
      height: 29px;
      border-width: 0;
      }
    /*--------CSS PROFIL--------------*/

    /*Fond qui entoure tous le profil*/


    .profilentier {height:auto;
      background-color:  #bda1a1;
      margin: 0 auto;
    padding: 5px;
      -webkit-border-radius: 20px;
      khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: 210px;
      text-align: center;}

    /*Pseudo*/


    .name {font-variant: small-caps;
      display: block;
      font-weight: normal;
      font-family: Snippet,cursive;
      text-shadow: 1px 1px 1px  #000;
      font-size: 25px;
    margin-top: 15px;
    a {text-decoration: none;}
    a:link {text-decoration: none;}
    a:hover {text-decoration: none!important;}
    a.forumlink {text-decoration: none;}
    a.forumlink:hover {text-decoration: none!important;}
    a.topiclink {text-decoration: none; }
    a.topiclink:hover {text-decoration: none!important; }}


    /*Css de ton avatar*/

    .imageavatar { width: 200px;
    height: 300px;
      margin-left: 5px;
      position: relative;
      padding:-7px;
      top: 0;
      left: -3;
      z-index: 0;}


    /* Information et niveaux*/

    .titreinfo {color: #470606;
    font-variant: small-caps;
      text-align: center;
    font-size: 15px;
      letter-spacing: 2px;
    display: block;
    width: 180px;
    border-bottom: 2px dashed #470606;
    margin-bottom: 15px;}

    /*fond blanc qui saffiche sur lavatar*/

    .fondinformation {text-align: justify;
      width: 180px;
    height: 280px;
    position: absolute;
      padding: 10px;
      top: 0;
      left: 0;
    background-color: #ad3e3d;
        background: url(http://img547.imageshack.us/img547/4891/dtgd.png);
     
      z-index: 100;
      opacity: 0;
        -webkit-transition: opacity 2s;
      -moz-transition: opacity  2s;
      -o-transition: opacity  2s;
      -ms-transition: opacity  2s;
      transition: opacity  2s;
    }





    .imageavatar:hover > .fondinformation
    {
      filter: alpha(opacity=100);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
      margin-left: 0px;}
     

    /**FIN**/




    .namestyle
      a {text-decoration: none;}
    a:link {text-decoration: none;}
    a:hover {text-decoration: none!important;}
    a.forumlink {text-decoration: none;}
    a.forumlink:hover {text-decoration: none!important;}
    a.topiclink {text-decoration: none; }
    a.topiclink:hover {text-decoration: none!important; }
     
    .namestyle{
    font-family: 'Domine', cursive;
      font-size: 27px;
    }


    .csstitle,.t-tile{
      font-family: 'Miniver', cursive;
      font-size: 21px;
    }


    .cadremess{
        padding:10px; /* une marge entre la bordure et l'intérieur du bloc */
            margin:5px; /* une marge entre la bordure et l'extérieur du bloc */
            border-radius:20px; /* la bordure */
            border-color:#000000; /*une couleur de fond */
      background:#B0C5D4;
    }
     
    .onthy{ background: #b0c5d4;} /*LE RP OU LIMAGINA REAL COLOR FOND SUJET*/
   
    .name /* center le pseudo */
    {text-align:center;}
    {font-size:20px;
    font-family:Police;}
    .name {font-size:20px!important;}
   

    .blocProfil { /*code Profil*/
            padding:10px; /* une marge entre la bordure et l'intérieur du bloc */
            margin:5px; /* une marge entre la bordure et l'extérieur du bloc */
            border-radius:20px; /* la bordure */
            border-color:#000000; /*une couleur de fond */
      background:#B0C5D4;
      -moz-box-shadow: 0px 0px 6px #355266;
        -webkit-box-shadow: 0px 0px 6px #355266;
        box-shadow: 0px 0px 6px #355266;
    border-right: 3px solid #355266;
    border-left: 3px solid #355266;   
    }
   







    .nameprofil{
      font-family: Patrick Hand,crusive;
      font-size: 26px;
      text-shadow: 0 0 1px #000;
    }
    .postdetails poster-profile{
      font-family: PatrickHand,cursive;
      font-size:10px;
      text-shadow: 0 0 1 #000;
      text-align: center;
    }


    body {
    background-repeat: repeat;
    background-attachment: fixed;
    }

    /**DEBUT PA**/
    div.bibille {
      position: relative;
      float: left;
    }

    div.bibille span {
      display: none; /* ceci masque l'infobulle */
    }
    div.bibille:hover {
      background: none; /* correction d'un bug IE */
      z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
    }
    div.bibille:hover span {
      width: 150px;
    display: inline;
    position: absolute;
    top: Ypx;
    left: Xpx;
    background-color: #6ba2bf;
    color: #00263b;
    padding: 2px;
    border: 2px solid #00263b;
      border-radius: 20px;
    }
    /**FIN PA**/







    .statistiques{
    border:1px;
    background-repeat: no-repeat;
    background-position: center;
    height:270px;}

    .groupes{
    background-color:#44718F;border: 2px #D0D0D0 dotted;
    -moz-border-radius : 5px 5px 5px 5px;
    height:50px;padding-right:19px;padding-left:19px;padding-bottom:5px;
    font-size:15px;font-weight: bold;text-align:center;
    text-decoration: none !important;}




















    /*_______________________Selecteur de couleurs_____________*/
    .colorpicker {
      width: 356px;
      height: 176px;
      overflow: hidden;
      position: absolute;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
      font-family: Arial, Helvetica, sans-serif;
      display: none;
    }
    .colorpicker_color {
      width: 150px;
      height: 150px;
      left: 14px;
      top: 13px;
      position: absolute;
      background: #;
      overflow: hidden;
      cursor: crosshair;
    }
    .colorpicker_color div {
      position: absolute;
      top: 0;
      left: 0;
      width: 150px;
      height: 150px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
    }
    .colorpicker_color div div {
      position: absolute;
      top: 0;
      left: 0;
      width: 11px;
      height: 11px;
      overflow: hidden;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
      margin: -5px 0 0 -5px;
    }
    .colorpicker_hue {
      position: absolute;
      top: 13px;
      left: 171px;
      width: 35px;
      height: 150px;
      cursor: n-resize;
    }
    .colorpicker_hue div {
      position: absolute;
      width: 35px;
      height: 9px;
      overflow: hidden;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
      margin: -4px 0 0 0;
      left: 0px;
    }
    .colorpicker_new_color {
      position: absolute;
      width: 60px;
      height: 30px;
      left: 213px;
      top: 13px;
      background: #;
    }
    .colorpicker_current_color {
      position: absolute;
      width: 60px;
      height: 30px;
      left: 283px;
      top: 13px;
      background: #;
    }
    .colorpicker input {
      background-color: transparent;
      border: 1px solid transparent;
      position: absolute;
      font-size: 10px;
      font-family: Arial, Helvetica, sans-serif;
      color: #;
      top: 4px;
      right: 11px;
      text-align: right;
      margin: 0;
      padding: 0;
      height: 11px;
    }
    .colorpicker_hex {
      position: absolute;
      width: 72px;
      height: 22px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
      left: 212px;
      top: 142px;
    }
    .colorpicker_hex input {
      right: 6px;
    }
    .colorpicker_field {
      height: 22px;
      width: 62px;
      background-position: top;
      position: absolute;
    }
    .colorpicker_field span {
      position: absolute;
      width: 12px;
      height: 22px;
      overflow: hidden;
      top: 0;
      right: 0;
      cursor: n-resize;
    }
    .colorpicker_rgb_r {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
      top: 52px;
      left: 212px;
    }
    .colorpicker_rgb_g {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
      top: 82px;
      left: 212px;
    }
    .colorpicker_rgb_b {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
      top: 112px;
      left: 212px;
    }
    .colorpicker_hsb_h {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
      top: 52px;
      left: 282px;
    }
    .colorpicker_hsb_s {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
      top: 82px;
      left: 282px;
    }
    .colorpicker_hsb_b {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
      top: 112px;
      left: 282px;
    }
    .colorpicker_submit {
      position: absolute;
      width: 22px;
      height: 22px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
      left: 322px;
      top: 142px;
      overflow: hidden;
    }
    .colorpicker_focus {
      background-position: center;
    }
    .colorpicker_hex.colorpicker_focus {
      background-position: bottom;
    }
    .colorpicker_submit.colorpicker_focus {
      background-position: bottom;
    }
    .colorpicker_slider {
      background-position: bottom;
    }
    /*____________________FIN SELETEUR COULEUR________________*/




    .gensmalling{
    font-family: 'Snippet', cursive;
        color: #691f80;
        text-shadow: 0 0 1px #000;
      width: 10px;
    }

    /*_________DESCRIPTION DES CATEGORIES______*/


    .description_contenu
    {
      position: absolute;
      display: block;
      width: 391px;
      height: 91px;
      overflow: auto;
      background-color: #000; => couleur de fond
      font-size: 10px; => taille du texte
      color: #FFF; => couleur de texte
      text-align: center; => alignement du texte
      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;
    }


    /*modifier l'apparence des scrollbars de tout le forum*/
    ::-webkit-scrollbar {
      width: 10px; /*largeur de la scrollbar verticale*/
      height: 10px; /*hauteur de la scrollbar horizontale*/
      background-color: #574049;}

    ::-webkit-scrollbar-track {
      background-color: #c4c3c3; /*couleur du fond de la scrollbar*/}
    ::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
      background-color: #9f5a5b; /*couleur de l'ascenseur*/;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;}







    #chatbox_members ul li,
    body.chatbox {
    background-image: none;}

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

Il y aura encore certainement des choses a modifier  Wink 

Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories

Message par elsa2607 le Jeu 12 Juin 2014 - 17:03

Merci beaucoup ! *_* Je ne sais pas comment vous avez fait mais c'est super sur internet explorer comme sur Mozilla.

En revanche, quand j'ajoute le code du QEEL (rajouté entre mon dernier post et le votre)
Les modifications que vous avez aportés sont annulées :

Le code en question
Code:
    /* QEEL */
 
.statistiques{
border:0px;
background-image: url("http://i.imgur.com/QjId7qj.png") !important;
  width:700px;
  height:300px;  
background-repeat: no-repeat;
background-position: center !important;
height:hauteur de l'imagepx;}
    
.dessus{
 margin-top:20px !important;
    margin-left:60px !important;
    color: #ffffff !important;
    
  }
 
.groupes{
background-color:#;
  letter-spacing: 2px;
  font-family: Times New Roman;
  font-size: 15px;
text-align:center;
text-decoration: none !important;}

.qeel01{
    text-align: center;}
#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
}

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

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

Résolu Re: Problème catégories

Message par Automne le Jeu 12 Juin 2014 - 22:22

Bonjour,

Supprimer ceci dans .statistiques

height:hauteur de l'imagepx;


Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories

Message par elsa2607 le Ven 13 Juin 2014 - 17:25

Merci beaucoup, ^^
Mais quand je fais ça ma barre des 24h monte trop haut mais ce n'est pas grave j'en ai mis un autre. Smile

J'ai un dernier soucis  Embarassed ...
Comment fait on pour mettre une barre en dessus de la catégorie :
comme ça


Au lieu de



Merci d'avance

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

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

Résolu Re: Problème catégories

Message par elsa2607 le Sam 14 Juin 2014 - 20:12

up

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

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

Résolu Re: Problème catégories

Message par elsa2607 le Dim 15 Juin 2014 - 20:20

up

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

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

Résolu Re: Problème catégories

Message par elsa2607 le Lun 16 Juin 2014 - 21:34

up

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

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

Résolu Re: Problème catégories

Message par Automne le Mar 17 Juin 2014 - 14:58

Bonjour,

Je suppose que vous devez rajouter ceci dans le css

Code:
.forumline.categorie  {
border-bottom: 8px solid #b33157;
}

Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories

Message par elsa2607 le Mer 18 Juin 2014 - 11:40

Merci beaucoup ! *.*
Merrrciiii *..*
Çà marche à merveille pour les deux Smile.

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

http://graphisya.forumactif.org/
elsa2607 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