Problèmes de couleur de "dernier message" + colonne qui ne sert à rien

[haruhito]

Bonjour,

oui, c'est encore moi ^^"

Cette fois-ci, c'est un problème avec une colonne qui est strictement inutile, comme vous pouvez le voir ;



Et ensuite, la colonne "Derniers Messages" qui est grise, et qui quand on la survole avec la souris devient blanche ;



Serait-il possible de supprimé la colonne inutile, et de changer la couleur de la colonne "Derniers Messages", ainsi que d'annuler son survolement ?

Voici mon code CSS si besoin ;

Code:

h/*--WIDGET NAVIGATION RAPDIDE--*/

.boite{
position: fixed; /* position de boite */
top: 0px; /* position à partir du haut */
left: 0px; /* position à partir de la droite */
width: 130px; /* largeur de la boite */
background-color:#b08854; /* couleur de fond */
padding: 8px; /* marge intérieure */
-moz-border-radius:6px; /* coins arrondis */
-webkit-border-radius:6px; /* coins arrondis */
border-radius:6px; /* coins arrondis */
opacity: 0.8; /*opacite de la boite*/
}

.titre{
background-color:#A3A1A1; /* couleur de fond */
color:#A3A1A1; /* couleur de la police */
font-weight:bold; /* épaisseur de la police en gras */
font-size:11px; /* taille de la police */
text-align : center; /* alignement du texte */
padding: 6px; /* marge intérieure */
margin-bottom: 5px; /* marge extérieure pour moi 5px en bas */
-moz-border-radius:6px; /* coins arrondis */
-webkit-border-radius:6px; /* coins arrondis */
border-radius:6px; /* coins arrondis */
}

.cadre{
text-align: left; /* alignement du texte */
color:#5e4c38; /* couleur du texte */
font-size:11px; /* taille du texte */
background-color: #5e4c38; /* couleur du fond */
padding: 6px; /* marge intérieure */
-moz-border-radius:6px; /* coins arrondis */
-webkit-border-radius:6px; /* coins arrondis */
border-radius:6px; /* coins arrondis */
}

.navrap{
  text-align:left;
  margin-left:-25px;
  font-size:14px;
  padding-left: -32px; color:#5e4c38;
  } 

.titre2{
background-color: #; /* couleur de fond */
color:#5e4c38; /* couleur de la police */
font-weight:bold; /* épaisseur de la police en gras */
font-size:11px; /* taille de la police */
text-align : center; /* alignement du texte */
padding: 6px; /* marge intérieure */
margin-bottom: 5px; /* marge extérieure pour moi 5px en bas */
-moz-border-radius:6px; /* coins arrondis */
-webkit-border-radius:6px; /* coins arrondis */
border-radius:6px; /* coins arrondis */
}

.cadre2{
text-align: center; /* alignement du texte */
heigt: 50px;
color:#5e4c38; /* couleur du texte */
font-size:11px; /* taille du texte */
background-color: #5e4c38; /* couleur du fond */
padding: 6px; /* marge intérieure */
-moz-border-radius:6px; /* coins arrondis */
-webkit-border-radius:6px; /* coins arrondis */
border-radius:6px; /* coins arrondis */
}

/*--FIN WIDGET NAVIGATION RAPDIDE--*/
a {
text-decoration: none;
}
.bodyline {
        -moz-border-radius: 30px;      /* Firefox */
        -webkit-border-radius: 30px;  /* Chrome, Safari, Opera */
        border-radius: 30px;              /* Chrome et format standard */
}
/*---ancienne description--*/
.genmed1{  /* La div ayant pour class 'description' */
      -moz-border-radius: 10px; /* Réglage des arrondis des coins pour mozilla */
  -webkit-border-radius: 10px; /* Réglage des arrondis des coins pour chrome et safari */
  border-radius:10px; /* réglage des arrondis des coins */
      font-size:12px;
  text-align:justify;
margin-top :-6px;
  color:#b08854;  text-align: center;
  margin-left:60px;
overflow: auto;
width : 500px;
height: 75px;
padding:3px;background-color : ; }

/*--fin ancienne description--*/

.sousforum {
        font-size:13px;
  color:#000000;
  ; 
padding:3px; }

#nav_barr {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
width:1000px; /*--- pour régler la largeur de la barre ---*/
border:2px #5e4c38 solid;  /*--- On ajoute une bordure ---*/
margin-left:-500px; /* pour centrer:  largeur divisée par -2 */
left:50%;
-moz-border-radius:0px 0px 10px 10px; /* pour mozilla */
-webkit-border-radius: 0px 0px 10px 10px; /* pour chrome et safari */
border-radius:0px 0px 10px 10px; /* réglage des arrondis */
  background-image: url('http://i44.servimg.com/u/f44/14/84/74/09/barre_13.png');
height:30px;
}
.mainmenu{
color:#000000 
    text-shadow: 2
    0px 0px 0px ;
font-variant: small-caps;}
a.mainmenu{
text-decoration: none;
color : #000000;
text-align: center;
}
a.mainmenu:hover{
text-decoration: underline;
color : #813219
}


/* TITRES DES CATEGORIE */

.forumdescription{
/* La div ayant pour class 'description' */
-moz-border-radius: 18px 18px 18px 18px; /* Réglage des arrondis des coins pour mozilla */
-webkit-border-radius: 10px; /* Réglage des arrondis des coins pour chrome et safari */
border-radius:10px; /* réglage des arrondis des coins */
font-size:12px;
text-align:center;
margin-top :-6px;
color:#A3A1A1;
text-align: center;
margin-left:100px;
margin-right: 100px;
margin-bottom: 6px;
margin-top: -6px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
overflow: auto;
width : 500px;
height: auto;
padding:3px;
background-color :#A3A1A1;
font-variant: small-caps;
display: block;
line-height: 17px;
-moz-box-shadow: 3px 3px 20px rgb(0, 0, 0);
font-variant: small-caps;
}


a.forumlink:link, a.forumlink:visited {
font-size: 15px;
font-weight: bold;
letter-spacing: 1px;
text-align: center;
margin-left: 100px;
margin-right: 100px;
margin-bottom: 6px;
margin-top: -2px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-radius: 0px 0px 10px 10px;
border-bottom: 4px solid #A3A1A1;
display: block;
color:#A3A1A1;
text-shadow: 0px 0px 0px ;
font-variant: small-caps;
}

a.forumlink:hover {
text-decoration: underline;
color : #A3A1A1; text-decoration: none !important;
letter-spacing: 2px;
font-variant: small-caps;
font-weight: bold;
}

td.row1, td.row2, td.row3, th {
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
border-radius: 10px;
  background-color :#ffffff}

.forumline{
  border: 3px solid #A3A1A1;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
border-radius: 10px;
-moz-box-shadow: 1px 1px 2px ;
box-shadow: 1px 1px 2px
}

a { text-decoration: none; }
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}



/*-- Deco des sujets --*/

.titredeco {
width : 500px ;
padding-bottom:3px;
-moz-border-radius-:15px;
-webkit-border-radius-:15px
-border-radius-:15px
border : 2px solid #A3A1A1;
background-color : #A3A1A1;
font-size: 20px;
text-align: center;
letter-spacing: 1px;
margin:auto;
color:#A3A1A1A;
}

hr { border: 1px #A3A1A1 solid;}
.formu {
font-weight: bold;
color: #;
font-variant: small-caps;
}

/*--- le Qeel --*/

#qeel_tfa td{
text-align: center;
font: 12px Arial;
font-weight: bold;  color: #000000;
}
#, #, #, #, #, #, #, #, #, #, #, #, #, #{
text-align: center;
font: 12px Arial;
 color: #ffffff;
}

#qeel_tfa td .row1{
background: transparent;
text-align: center;
font: 12px Arial;
font-weight: bold;  color: #000000;
}

#qeel_tfa{
width: 100%;
background-image:URL("http://i45.servimg.com/u/f45/14/25/30/44/queel21.jpg");
background-repeat: repeat;
background-position: top center;
border: 8px solid #;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 0px ;
box-shadow: 0px 0px 0px ;
margin: 0;
padding: 0;
text-align: center color: #000000;
font: 12px Arial;
font-weight: bold;
height:450px;
}

#qeel_gauche{
-moz-box-shadow: 0px 0px 0px ;
box-shadow: 0px 0px 0px ;
border: 2px solid #000000;
padding: 10px;
margin: 8px; color: ;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius:  15px;
 height:auto;
background-image:url("");"image de fond"
}

#qeel_droite{
-moz-box-shadow: 0px 0px 0px ;
box-shadow: 0px 0px 0px ;
border: 2px solid #000000;
padding: 10px;
margin: 8px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius:  15px;
height:auto;
color: #000000;
background-image:url("");"image de fond"
}

#les_groupes{
width: 95%;
text-align: center;
margin: auto;
padding: 0; color: #000000;
padding:8px;

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px
}

#les_groupes a.group{
background: #000000;
border: 2px dashed #000000;
width: 90px;
height: auto;
line-height: 20px;
vertical-align: center;
display: inline-block;
font: 14px Arial;
font-weight: bold;
margin: 3px;
padding-top: 7px;
margin-bottom: 10px;
text-decoration: none;
color: #000000;
}

#les_groupes a.group:hover{
text-decoration: none;
text-transform: uppercase;
color: #000000;
}

#derniers_connecte{
height: 150px;
overflow-y: auto;
text-align: center;
font: 12px Arial;
font-weight: bold;
color: #000000;
}

#les_anniversaires{
height: auto;
overflow-y: auto;
text-align: center;
font: 12px Arial;
font-weight: bold;
color: #000000;
}

        /* .systab .tab => les onglet */
        .systab .tab {
          padding: 2px 10px;
          margin-right: 5px;
          color: #000;
          background: #fff;
          border: 1px solid #000000;
          cursor: pointer;
        }
        /* .systab .tab:hover => les onglets survolés */
        .systab .tab:hover {
          background: #b8efa1;
          color: #487f31;
          border-color: #487f31;
        }
        /* .systab .tab.selected => les onglets sélectionnés */
        .systab .tab.selected{
          color: #ccc;
          background: #333;
        }
        /* .systab .contents => les conteneurs des contenus associés aux onglets  */
        .systab .contents {
          margin-top: 1px;
          margin-bottom: 1px;
          color: #000;
          background: #fff;
          border: 1px solid #000;
          padding: 10px;
        }
        /* style des onglets si ils sont à gauche ou à droite */
        .systab.s_float .tab,.systab.s_float .tab {
          display: block;
          margin: 5px;
        }
        /* flottement des conteneurs si les onglets sont à gauche où à droite */
        .systab.s_float .tabs,.systab.s_float .contents {
          float: left;
        }

/*-- debut tag moderation --*/
.moderation {
   background: none;
     text-align: right;
     background:url(http://i44.servimg.com/u/f44/14/44/90/04/croixr10.png)no-repeat center left;
        padding: 5px 5px 5px 100px;
        -moz-border-radius: 18px 18px 18px 18px;
     -webkit-border-radius:20px 0px 20px 0px;
       -moz-box-shadow: 3px 3px 20px;
       border-radius: 30px;
          border: 3px double red;
          color: red;
          font-weight: bold;
          width: 80%;
          margin: auto;
        }
 .moderation_ques {
    background: none;
    text-align: right;
    background:url(http://i42.servimg.com/u/f42/17/02/12/65/interr10.png)no-repeat center left;
        padding: 5px 5px 5px 100px;
        -moz-border-radius: 18px 18px 18px 18px;
     -webkit-border-radius: 18px 18px 18px 18px
      -moz-box-shadow: 3px 3px 20px;
        border-radius: 30px;
          border: 3px double blue;
          color: blue;
          font-weight: bold;
          width: 80%;
        margin: auto;
      }
.moderation_val {
    background: none;
    text-align: right;
    background:url(http://i42.servimg.com/u/f42/17/02/12/65/person10.png)no-repeat center left;
        padding: 5px 5px 5px 135px;
        -moz-border-radius: 18px 18px 18px 18px;
     -webkit-border-radius: 18px 18px 18px 18px
      -moz-box-shadow: 3px 3px 20px;
        border-radius: 30px;
          border: 3px double green;
          color: green;
          font-weight: bold;
          width: 80%;
        margin: auto;
      }
.moderation_avert {
    background: none;
    text-align: right;
    background:url(http://i44.servimg.com/u/f44/14/44/90/04/croixo10.png)no-repeat center left;
        padding: 5px 5px 5px 100px;
        -moz-border-radius: 18px 18px 18px 18px;
     -webkit-border-radius: 18px 18px 18px 18px
      -moz-box-shadow: 3px 3px 20px;
        border-radius: 30px;
          border: 3px double orange;
          color: #000000;
          font-weight: bold;
          width: 80%;
        margin: auto;
      }
.moderation_verif {
        background: none;
    text-align: right;
    background:url(http://i42.servimg.com/u/f42/17/02/12/65/3d_res11.png)no-repeat center left;
        padding: 5px 5px 5px 100px;
    -moz-border-radius: 18px 18px 18px 18px;
     -webkit-border-radius: 18px 18px 18px 18px
      -moz-box-shadow: 3px 3px 20px;
        border-radius: 30px;
    border: 3px double #A3A1A1;
        color: #A3A1A1;
        font-weight: bold;
        width: 80%;
        margin: auto;
      }
/*-- fin tag moderation --*/


Merci d'avance pour votre aide,

Cordialement.

[Threax]

Bonjour,

PA Affichage Templates - Général
Editez le template topic_list_box

Situez cet extrait (ligne 24) :

Code:

<th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>

Remplacez-le par :

Code:

<th colspan="2" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>

Puis situez cet extrait (lignes 44 à 79) :

Code:

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
   <tr>
      <!-- BEGIN single_selection -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
      <!-- END single_selection -->
      <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
      <!-- BEGIN icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
      <!-- END icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
         <div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
         </div>
         <!-- BEGIN switch_description -->
         <span class="genmed">
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
         </span>
         <!-- END switch_description -->
         <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> 
         <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
      </td>

      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
      <td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>
      <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td>
<!-- BEGIN multi_selection -->
      <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
   <!-- END multi_selection -->
   </tr>
   <!-- END topic -->

Remplacez-le par :

Code:

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
   <tr>
      <!-- BEGIN single_selection -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
      <!-- END single_selection -->
      <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
      <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
         <div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
         </div>
         <!-- BEGIN switch_description -->
         <span class="genmed">
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
         </span>
         <!-- END switch_description -->
         <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> 
         <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
      </td>

      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
      <td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>
      <td class="row2" align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td>
<!-- BEGIN multi_selection -->
      <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
   <!-- END multi_selection -->
   </tr>
   <!-- END topic -->

et publiez le template

Cela résoudra les deux problèmes.

[haruhito]

Bonjour,

merci pour votre aide, ça marche très bien !

Cordialement.