Personnalisation LS catégorie et LS sujet

Bien le bonjour,

Grace à votre aide et à mes connaissance, j'ai pu personnalisé deux de vos LS. A savoir celui-ci et celui-là. Malheureusement, il y a quelques petites choses, que je n'arrive pas à personnalisé moi-même.

Tout d'abord au niveau des catégories, j'ai voulu modifier l'apparence de l'avatar du dernier posteur, en le mettant dans un rond, voici une capture de ce qui s'affiche actuellement sur mon forum test. Comme vous pouvez le voir, le rond est bien là ou il faut, mais l'avatar ne remplit pas la totalité du rond, il reste dans sa taille d'origine, or, j'aimerais qu'il remplisse tout le rond. Comment est-ce que je dois faire ?

Css catégories :

Code:: /* HAUT CATEGORIE */
.tleCAT{
margin:5px auto 0; width:800px; padding:10px 0; text-align:center;
height:50px; border-radius:45px 45px 0 0 ; background:#CCB3AB; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0; font-size:32px; text-transform:uppercase; letter-spacing:3px;
color:#F5F3ED; font-family:Marvel; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:25px 0 10px;
background:#F5F3ED; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:0 auto 10px; width:800px;
height:50px; border-radius:0 0 45px 45px; background:#130E0A; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; margin-bottom:15px;
width:800px; text-align:center;
}
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:bottom; margin-right:15px;
width:70px; height:95px;
}
/* BLOC POSITIONNEMENT FORUM */
.boxFRM {
display:inline-block; vertical-align:top; text-align:left;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:auto; margin-bottom:5px; margin-right:15px;
width:405px; height:15px; padding:5px 0 5px 10px;
text-transform:uppercase; text-align:left; font-size:11px; font-family:arial;
background:#5E4A63; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
color:#130E0A !important; /* MODIFIABLE */
transition:all 1.25s; -webkit-transition:all 1.25s;
}
/* SURVOL TITRE FORUM */
.tleFRM:hover a {
padding-left:10px; color:#F5F3ED !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin-right:14px;
width:275px; height:55px; padding:5px; overflow:auto;
font-size:11px; text-align:justify;
background:lightgrey; color:#303030; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; margin-left:296px; margin-top:-3px;
width:113px; height:61px;
}
/* BLOC IMAGE DESCRIPTIVE & SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-alig:top;
width:113px; height:61px; overflow:hidden; border:2px solid;
background:#ccc; border-color:rgba(250,250,250,0.3); /* MODIFIABLE */
}
.sfFRM div {
position:relative;
width:113px; height:65px; overflow:hidden;
}
/* CONTENU SOUS-FORUMS */
.sfFRM div div {
width:104px; height:54px; padding:5px; overflow:auto;
text-align:left; font-size:11px;
background:#F5F3ED; /* MODIFIABLE */
transform:translateX(160px); -webkit-transform:translateX(160px);
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* LIEN SOUS-FORUM */
.sfFRM a {
font-size:8px; font-family:marvel; text-transform:uppercase; color:#281f29 !important; /* MODIFIABLE */
}
.sfFRM:hover div div{
transform:translateX(0px); -webkit-transform:translateX(0px);
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:225px; height:58px; padding:7px 0 0 15px;
text-align:left; font-size:12px; text-transform:uppercase;
background:lightgrey; color:#303030; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
margin-top:5px; height:15px; padding:5px; padding-left:10px;
font-size:11px; text-transform:uppercase; text-align:left;
background:#5E4A63; color:#F5F3ED; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
#avaFRM {
position:absolute; margin-left:170px; margin-top:-41px;
width:70px; height:70px; border-radius:100px 100px 100px 100px;
}
#avaFRM div{
width:70px; height:70px; overflow:hidden;
box-shadow:2px 2px 0px #130E0A; background:grey; border:1px #F5F3ED solid; border-radius:100px 100px 100px 100px; /* MODIFIABLE */
}
#avaFRM img {
width:50px;
filter:grayscale(100%); -webkit-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%);
}

Ensuite, au niveau des sujets. J'aimerais pour commencer, retirer la bordure et la couleur du groupe, au niveau de l'affichage du pseudonyme et du rang. En fait, pour n'avoir que le pseudo et le rang (+ image rang). J'ai essayé et si j'ai réussis, malheureusement, ça gardait la couleur du groupe en arrière plan, du coup, j'ai remis comme c'était avant. Je voudrais uniquement conserver la couleur du groupe dans la partie "message", mais faire en sorte que lorsque qu'un utilisateur poste en invité ou un membre qui n'est pas dans un groupe poste, il y est une couleur tout en haut, celle du lien par défaut, afin que ça fasse plus joli. J'avoue être un peu trop perfectionniste par moment. Comment est-ce que je dois m'y prendre ?

Css sujet :

Code:: /* PRESENTATION DU SUJET */
/* TITRE SUJET */
#tleSBJ{
margin:5px auto; padding:15px 0;
background:#DCE18B;/* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
#tleSBJ h1 {
display:block;
font-size:25px; font-family:marvel; color:#585251; /* MODIFIABLE */
}
/* BLOC JOUEUR */
.boxPOST {
margin-right:10px; width:220px; text-align:center;
}
/* BLOC AVATAR */
.avaPOST {
margin:auto; width:200px; height:auto; padding:10px; border:1px solid;
border-color:#D3D3D3; background:#F6F5FA; /* MODIFIABLE */
transition: 0.8s; /*pour l effet de transition*/
opacity:0.8;}

.avaPOST:hover { /*au survol de la souris sur le bloc*/
transition: 0.5s; /*pour l effet de transition*/
opacity:1;}

/* BLOC PSEUDONYME & RANG */
#namePOST {
margin:10px auto; width:220px; height:55px;
border:1px solid; text-align:right;
border-color:#D3D3D3; /* MODIFIABLE */
}
/* CONTENU PSEUDONYME & RANG */
.namePOST {
margin-left:45px; width:165px; height:45px; padding:10px 10px 0 0;
background:#F6F5FA; font-family:Lobster Two; /* MODIFIABLE */
}
/* BORDURE PSEUDONYME */
.namePOST a {
text-decoration:none !important; font-size:14px;
padding-bottom:5px; border-bottom:1px solid;
border-bottom-color:#D3D3D3; /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
padding-top:10px; font-family:arial; text-transform:uppercase;
color:#585251; font-size:10px; /* MODIFIABLE */
}
/* BLOC INFORMATIONS JOUEUR */
.abtPOST {
margin:10px auto;
width:222px; height:200px; overflow:auto;
text-align : justify; font-size:11px;
border-color:#D3D3D3; background:#F6F5FA;
width:200px; padding:10px; border:1px solid;
}
/* IMAGES INFORMATIONS JOUEUR */
.abtPOST img{
margin:auto;
max-width:190px; border:1px solid #A6A093; padding:2px;
transition: 0.8s; /*pour l effet de transition*/
opacity:0.8;
}
.abtPOST img:hover { /*au survol de la souris sur le bloc*/
transition: 0.5s; /*pour l effet de transition*/
opacity:1;}

/* INFORMATION JOUEUR */
.abtPOST div {
margin-bottom:5px;
text-transform:lowercase; font-size:10px;
}
/* INTITULE INFORMATION JOUEUR */
.abtPOST span.label {
color: #A6A093; !important; /* MODIFIABLE */
text-transform:uppercase; font-size:11px; font-weight:bold; font-family:marvel;
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
text-align:center;
}
/* BLOC DATE / OUTILS MODERATION */
.tktPOST {
padding:10px; text-transform:uppercase; text-align:right;
font-family:Arial; /* MODIFIABLE */
}
/* DATE SUJET */
.datePOST {
padding:5px; font-size:11px; border-bottom:1px solid;
border-bottom-color:#F5F3ED; color:#F6F5FA; /* MODIFIABLE */
}
/* CITER / EDITER / SUPPRIMER / IP */
.toolsPOST {
margin-top:5px;
}
/* APPARENCE MESSAGE */
div.postbody {
min-height:335px; padding:15px; border:1px solid;
border-color:#D3D3D3; background:#F6F5FA; color:#585251; /* MODIFIABLE */
text-align:justify;
}
/* BLOC SIGNATURE */
.signPOST {
margin-top:10px;
min-height:50px; padding:15px; border:1px solid;
border-color:#D3D3D3; background:#F6F5FA; color:#585251; /* MODIFIABLE */
font-size:11px;
}
.signPOST br:nth-child(1) {
display:none;
}
.signPOST br:nth-child(2) {
display:none;
}
/* ICÔNE UTILISATEUR CONNECTE */
.onPOST {
margin-right:5px;
}

Template sujet :

Code:: <script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){

if(typeof(_atc) == "undefined") {
_atc = { };
}

_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
if ($('#at15s').css('display') == 'block') {
addthis_close();
}
});
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }

if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }

return false;
};

//]]>
</script>

<table width="100%" align="center" border="0" cellspacing="2" cellpadding="0">
<tr><td align="left" colspan="3" nowrap="nowrap" {WIDTH_GALLERY}>
<span class="nav">

<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>


<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

</span> <span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>{NAV_CAT_DESC_SECOND} <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a></span>
</td></tr>
<tr>
<td colspan="3">
<div id="tleSBJ"><h1 class="cattitle">{TOPIC_TITLE}</h1></div>
</td>
</tr>
</table>

<table align="center" width="100%" border="0" cellspacing="1" cellpadding="0" >


<tr>
<td colspan="3" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
</tr>

{POLL_DISPLAY}


<tr>
<td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
</tr>


<tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"><td colspan="3">

<div class="vote gensmall">

<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>



<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">

<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>



<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>

</div>



<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>



<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>

</div>

</td></tr>
<tr>
<td valign="top">
<div class="boxPOST"><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:-30px; width:1px;" id="{postrow.displayed.U_POST_ID}"></a><div class="avaPOST">{postrow.displayed.POSTER_AVATAR}</div>
<div id="namePOST"><div class="namePOST"><strong>{postrow.displayed.POSTER_NAME}</strong><div class="rankPOST">{postrow.displayed.POSTER_RANK}</div></div></div><script type="text/javascript">//<![CDATA[
$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");
$(this).parent().parent().parent().parent().css("background-color", color);});});//]]></script>
<div class="abtPOST"><div>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div></div>
<div class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}</div>
</div>
</td>
<td {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" colspan="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="tktPOST"><div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</div><div class="toolsPOST"><span class="onPOST">{postrow.displayed.ONLINE_IMG}</span> {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG}</div><div style="display:none;"><strong>{postrow.displayed.POSTER_NAME}</strong></div></div>
<div class="postbody">
<div>{postrow.displayed.MESSAGE}</div>


<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>

<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />


<a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}



{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}

</dt>


<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>



<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>


<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
</dl>

</dd>
</dl>


<div class="clear"></div>
</div>

<div class="signPOST">
{postrow.displayed.SIGNATURE}
</div>

</td>
</tr>
</table>
</td>
</tr>
<tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<td class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="right" colspan="4">
<a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
</td>
</tr>

</table>
<hr />
<table class="forumline" width="100%" align="center" border="0" cellspacing="1" cellpadding="0">
<tr>
<th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
<th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>




<tr align="center">
<td class="row1" colspan="3" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>

</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
<tr>
<td valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>

<td align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>

<td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
</tr>


<tr>
<td colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>


</table>


<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
<tr>
<td class="catBottom" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
<td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
</tr>
</table>
</td>
</tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
<tr>
<td class="catBottom" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
<td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="postbody" valign="top">

» <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />

</td>
</tr>
</table>



<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
<tbody>
<tr>
<td class="catBottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top">
<div class="cattitle"> {L_FORUM_RULES}</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="clearfix">
<table>
<tr>

<td class="logo">
<img src="{RULE_IMG_URL}" alt="" />
</td>

<td class="rules postbody">
{RULE_MSG}
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>


<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" align="center" style="padding:0px">

<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />

</td>
</tr>
<tr>
<td style="margin:0; padding: 0;" colspan="2">
<table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
<tbody>

<tr>
<td valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
<td valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
</tr>

<tr>
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>

<td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>

</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="margin:0; padding: 0;" colspan="2">
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
<tbody>
<tr>
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
<td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
<span class="nav">

<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>


<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

</span>
</td>

<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>


<td align="center">
<span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
</td>
<td align="center" width="250">
<span class="gensmall"> </span>
</td>

</tr>
</table>
</form>


<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
<form name="action" method="get" action="{S_FORM_MOD_ACTION}">
<input type="hidden" name="t" value="{TOPIC_ID}" />


<input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

<span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
</form>
</td>
</tr>
</table>



<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Merci d'avance pour votre aide et si mon poste n'a pas lieu d'être, je m'en excuse !

Bonne journée à vous :)

Bonsoir,

Remplacez :

Code:: /* AVATAR DERNIER POSTEUR FORUM */
#avaFRM {
position:absolute; margin-left:170px; margin-top:-41px;
width:70px; height:70px; border-radius:100px 100px 100px 100px;
}
#avaFRM div{
width:70px; height:70px; overflow:hidden;
box-shadow:2px 2px 0px #130E0A; background:grey; border:1px #F5F3ED solid; border-radius:100px 100px 100px 100px; /* MODIFIABLE */
}
#avaFRM img {
width:50px;
filter:grayscale(100%); -webkit-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%);
}

Par :

Code:: /* AVATAR DERNIER POSTEUR FORUM */
#avaFRM {
position:absolute; margin-left:170px; margin-top:-41px;
width:70px; height:70px; overflow:hidden; border-radius:70px;
box-shadow:2px 2px 0px #130E0A; background:grey; border:1px #F5F3ED solid; /* MODIFIABLE */
}
#avaFRM div{
width:70px; height:70px; overflow:hidden; border-radius:70px;
}
#avaFRM img {
width:70px;
filter:grayscale(100%); -webkit-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%);
}

Remplacez l'intégralité du template viewtopic_body par :

Code:: <script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){

if(typeof(_atc) == "undefined") {
_atc = { };
}

_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
if ($('#at15s').css('display') == 'block') {
addthis_close();
}
});
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }

if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }

return false;
};

//]]>
</script>

<table width="100%" align="center" border="0" cellspacing="2" cellpadding="0">
<tr><td align="left" colspan="3" nowrap="nowrap" {WIDTH_GALLERY}>
<span class="nav">

<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>


<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

</span> <span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>{NAV_CAT_DESC_SECOND} <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a></span>
</td></tr>
<tr>
<td colspan="3">
<div id="tleSBJ"><h1 class="cattitle">{TOPIC_TITLE}</h1></div>
</td>
</tr>
</table>

<table align="center" width="100%" border="0" cellspacing="1" cellpadding="0" >


<tr>
<td colspan="3" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
</tr>

{POLL_DISPLAY}


<tr>
<td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
</tr>


<tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"><td colspan="3">

<div class="vote gensmall">

<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>



<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">

<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>



<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>

</div>



<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>



<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>

</div>

</td></tr>
<tr>
<td valign="top">
<div class="boxPOST"><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:-30px; width:1px;" id="{postrow.displayed.U_POST_ID}"></a><div class="avaPOST">{postrow.displayed.POSTER_AVATAR}</div>
<div class="namePOST"><strong>{postrow.displayed.POSTER_NAME}</strong><div class="rankPOST">{postrow.displayed.POSTER_RANK}</div></div><div class="imgrankPOST">{postrow.displayed.RANK_IMAGE}</div>
<div class="abtPOST"><div>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div></div>
<div class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}</div>
</div>
</td>
<td {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" colspan="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="tktPOST"><div style="display:none;"><strong>{postrow.displayed.POSTER_NAME}</strong></div><div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</div><div class="toolsPOST"><span class="onPOST">{postrow.displayed.ONLINE_IMG}</span> {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG}</div></div>
<div class="postbody">
<div>{postrow.displayed.MESSAGE}</div>


<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>

<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />


<a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}



{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}

</dt>


<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>



<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>


<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
</dl>

</dd>
</dl>


<div class="clear"></div>
</div>

<div class="signPOST">
{postrow.displayed.SIGNATURE}
</div>

</td>
</tr>
</table>
</td>
</tr>
<tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<td class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="right" colspan="4">
<a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
</td>
</tr>

</table>
<hr />
<table class="forumline" width="100%" align="center" border="0" cellspacing="1" cellpadding="0">
<tr>
<th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
<th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>




<tr align="center">
<td class="row1" colspan="3" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>

</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
<tr>
<td valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>

<td align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>

<td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
</tr>


<tr>
<td colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>


</table>
<script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");
$(this).closest('.tktPOST').css("background-color", color);});});</script>


<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
<tr>
<td class="catBottom" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
<td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
</tr>
</table>
</td>
</tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
<tr>
<td class="catBottom" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
<td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="postbody" valign="top">

» <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />

</td>
</tr>
</table>



<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
<tbody>
<tr>
<td class="catBottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top">
<div class="cattitle"> {L_FORUM_RULES}</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="clearfix">
<table>
<tr>

<td class="logo">
<img src="{RULE_IMG_URL}" alt="" />
</td>

<td class="rules postbody">
{RULE_MSG}
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>


<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" align="center" style="padding:0px">

<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />

</td>
</tr>
<tr>
<td style="margin:0; padding: 0;" colspan="2">
<table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
<tbody>

<tr>
<td valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
<td valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
</tr>

<tr>
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>

<td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>

</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="margin:0; padding: 0;" colspan="2">
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
<tbody>
<tr>
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
<td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
<span class="nav">

<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>


<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

</span>
</td>

<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>


<td align="center">
<span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
</td>
<td align="center" width="250">
<span class="gensmall"> </span>
</td>

</tr>
</table>
</form>


<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
<form name="action" method="get" action="{S_FORM_MOD_ACTION}">
<input type="hidden" name="t" value="{TOPIC_ID}" />


<input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

<span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
</form>
</td>
</tr>
</table>



<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Remplacez :

Code:: /* BLOC PSEUDONYME & RANG */
#namePOST {
margin:10px auto; width:220px; height:55px;
border:1px solid; text-align:right;
border-color:#D3D3D3; /* MODIFIABLE */
}
/* CONTENU PSEUDONYME & RANG */
.namePOST {
margin-left:45px; width:165px; height:45px; padding:10px 10px 0 0;
background:#F6F5FA; font-family:Lobster Two; /* MODIFIABLE */
}
/* BORDURE PSEUDONYME */
.namePOST a {
text-decoration:none !important; font-size:14px;
padding-bottom:5px; border-bottom:1px solid;
border-bottom-color:#D3D3D3; /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
padding-top:10px; font-family:arial; text-transform:uppercase;
color:#585251; font-size:10px; /* MODIFIABLE */
}

Par :

Code:: /* BLOC PSEUDONYME & RANG */
.namePOST {
margin:10px auto; width:220px; padding:10px 0;
background:#F6F5FA; font-family:Lobster Two; /* MODIFIABLE */
}
/* BORDURE PSEUDONYME */
.namePOST a {
text-decoration:none !important; font-size:14px;
padding-bottom:5px; border-bottom:1px solid;
border-bottom-color:#D3D3D3; /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
padding-top:10px; font-family:Arial; text-transform:uppercase;
color:#585251; font-size:10px; /* MODIFIABLE */
}
/* IMAGE RANG */
.imgrankPOST {
margin:auto; text-align:center;
}

Remplacez :

Code:: /* BLOC DATE / OUTILS MODERATION */
.tktPOST {
padding:10px; text-transform:uppercase; text-align:right;
font-family:Arial; /* MODIFIABLE */
}

Par :

Code:: /* BLOC DATE / OUTILS MODERATION */
.tktPOST {
padding:10px; text-transform:uppercase; text-align:right;
font-family:Arial; background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
}

Bonjour !

Merci beaucoup, c'est parfait :)
Par contre, au niveau des catégories, là ou il n'y à pas de messages, ça fait un décalage.

Capture : https://2img.net/r/hpimg4/pics/696105rehyk.jpg

Remplacez l'intégralité du template index_box par :

Code:: <table width="800px" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="bottom">

<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>

<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">

<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />

<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>


<div class="tleCAT">{catrow.tablehead.L_FORUM}</div>
<div class="mdlCAT">






<div class="FRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM"><div><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script></div><div class="boxFRM"><div id="avaFRM">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets ↠ {catrow.forumrow.POSTS} messages</div></div></div>





</div><div class="btmCAT"></div>

Remplacez :

Code:: /* AVATAR DERNIER POSTEUR FORUM */
#avaFRM {
position:absolute; margin-left:170px; margin-top:-41px;
width:70px; height:70px; overflow:hidden; border-radius:70px;
box-shadow:2px 2px 0px #130E0A; background:grey; border:1px #F5F3ED solid; /* MODIFIABLE */
}

Par :

Code:: /* AVATAR DERNIER POSTEUR FORUM */
#avaFRM {
position:absolute; margin-left:185px; margin-top:10px;
width:70px; height:70px; overflow:hidden; border-radius:70px;
box-shadow:2px 2px 0px #130E0A; background:grey; border:1px #F5F3ED solid; /* MODIFIABLE */
}

Merci beaucoup, tout marche parfaitement bien !