Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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

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

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

Message par haruhito le Jeu 19 Avr 2012 - 14:54

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 ;

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

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

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

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.


Dernière édition par haruhito le Ven 20 Avr 2012 - 19:19, édité 1 fois
avatar

haruhito
**

Messages : 86
Inscrit(e) le : 03/02/2012

http://millenium-earl-city.forumactif.org/
haruhito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes de couleur de "dernier message" + colonne qui ne sert à rien

Message par Threax le Ven 20 Avr 2012 - 18:18

Bonjour,

PA Arrow Affichage Arrow 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 -->

:enreg: et publiez le template Ajout

Cela résoudra les deux problèmes. Wink
Threax

Threax
Membre actif

Masculin
Messages : 17276
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes de couleur de "dernier message" + colonne qui ne sert à rien

Message par haruhito le Ven 20 Avr 2012 - 19:19

Bonjour,

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

Cordialement.
avatar

haruhito
**

Messages : 86
Inscrit(e) le : 03/02/2012

http://millenium-earl-city.forumactif.org/
haruhito 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