Problèmes de couleur de "dernier message" + colonne qui ne sert à rien
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problèmes de couleur de "dernier message" + colonne qui ne sert à rien
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 ;
Merci d'avance pour votre aide,
Cordialement.
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.
Dernière édition par haruhito le Ven 20 Avr 2012 - 19:19, édité 1 fois
Re: Problèmes de couleur de "dernier message" + colonne qui ne sert à rien
Bonjour,
PA Affichage Templates - Général
Editez le template topic_list_box
Situez cet extrait (ligne 24) :
Remplacez-le par :
Puis situez cet extrait (lignes 44 à 79) :
Remplacez-le par :
et publiez le template
Cela résoudra les deux problèmes.
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.
Re: Problèmes de couleur de "dernier message" + colonne qui ne sert à rien
Bonjour,
merci pour votre aide, ça marche très bien !
Cordialement.
merci pour votre aide, ça marche très bien !
Cordialement.
Sujets similaires
» récuperer la colonne dernier message
» colonne dernier message
» inverser colonne dernier message
» Problème colonne dernier message
» Agrandir la colonne dernier message
» colonne dernier message
» inverser colonne dernier message
» Problème colonne dernier message
» Agrandir la colonne dernier message
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum