Personnalisation LS catégorie et LS sujet

Ven 4 Aoû - 11:43
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">
            <!-- BEGIN switch_user_authpost -->
            <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>
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
            </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_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</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" >

            <!-- BEGIN topicpagination -->
            <tr>
            <td colspan="3" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
            </tr>
            <!-- END topicpagination -->
            {POLL_DISPLAY}
            <!-- BEGIN postrow -->
                <!-- BEGIN hidden -->
                <tr>
                <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
                </tr>
                <!-- END hidden -->
                <!-- BEGIN displayed -->
            <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"><td colspan="3">
                <!-- BEGIN switch_vote_active -->
                <div class="vote gensmall">
                <!-- BEGIN switch_vote -->
                <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                <!-- END switch_vote -->

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

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

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

                <!-- BEGIN switch_vote -->
                <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                <!-- END switch_vote -->
                </div>
                <!-- END switch_vote_active -->
            </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"><!-- BEGIN profile_field --><div>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div><!-- END profile_field --></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>

                <!-- BEGIN switch_attachments -->
                <dl class="attachbox">
                <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                <dd>
                <!-- BEGIN switch_post_attachments -->
                <dl class="file">
                <dt>
                <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

                <!-- BEGIN switch_dl_att -->
                <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}
                <!-- END switch_dl_att -->

                <!-- BEGIN switch_no_dl_att -->
                {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}
                <!-- END switch_no_dl_att -->
                </dt>

                <!-- BEGIN switch_no_comment -->
                <dd>
                <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                </dd>
                <!-- END switch_no_comment -->

                <!-- BEGIN switch_no_dl_att -->
                <dd>
                <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                </dd>
                <!-- END switch_no_dl_att -->

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

                <div class="clear"></div>
                </div>
        <!-- BEGIN switch_signature -->
                <div class="signPOST">
                {postrow.displayed.SIGNATURE}
                </div>
                <!-- END switch_signature -->
                </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>
                <!-- BEGIN first_post_br -->
                </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>
                <!-- END first_post_br -->
                <!-- END displayed -->
                <!-- END postrow -->
                <!-- BEGIN no_post -->
                <tr align="center">
                <td class="row1" colspan="3" height="28">
                <span class="genmed">{no_post.L_NO_POST}</span>
                </td>
                </tr>
                <!-- END no_post -->
                </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>
            <!-- BEGIN topicpagination -->
            <td align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
            <!-- END topicpagination -->
        <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>
            <!-- BEGIN switch_user_logged_in -->
            <!-- BEGIN watchtopic -->
            <tr>
            <td colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
            </tr>
            <!-- END watchtopic -->
            <!-- END switch_user_logged_in -->
            </table>

            <!-- BEGIN promot_trafic -->
            <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">
            <!-- BEGIN link -->
            » <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 />
            <!-- END link -->
            </td>
            </tr>
            </table>
            <!-- END promot_trafic -->

            <!-- BEGIN switch_forum_rules -->
            <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>
            <!-- BEGIN switch_forum_rule_image -->
            <td class="logo">
            <img src="{RULE_IMG_URL}" alt="" />
            </td>
            <!-- END switch_forum_rule_image -->
            <td class="rules postbody">
            {RULE_MSG}
            </td>
            </tr>
            </table>
            </td>
            </tr>
            </tbody>
            </table>
            <!-- END switch_forum_rules -->

            <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
            <td colspan="2" align="center" style="padding:0px">
            <!-- BEGIN switch_user_logged_in -->
            <a name="quickreply"></a>
            {QUICK_REPLY_FORM}<br />
            <!-- END switch_user_logged_in -->
            </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>
            <!-- BEGIN show_permissions -->
            <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>
            <!-- END show_permissions -->
            <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>
            <!-- BEGIN show_permissions -->
            <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>
            <!-- END show_permissions -->
            </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">
            <!-- BEGIN switch_user_authpost -->
            <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>
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
            </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>

            <!-- BEGIN moderation_panel -->
            <td align="center">
            <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
            </td>
            <td align="center" width="250">
            <span class="gensmall"> </span>
            </td>
            <!-- END moderation_panel -->
            </tr>
            </table>
            </form>

            <!-- BEGIN viewtopic_bottom -->
            <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="sid" value="{S_SID}" /> -->
            <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>
            <!-- END viewtopic_bottom -->

            <!-- BEGIN switch_image_resize -->
            <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>
            <!-- END switch_image_resize -->
            <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 :)
Revenir en haut Aller en bas
Sam 5 Aoû - 1:05
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">
            <!-- BEGIN switch_user_authpost -->
            <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>
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
            </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_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</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" >

            <!-- BEGIN topicpagination -->
            <tr>
            <td colspan="3" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
            </tr>
            <!-- END topicpagination -->
            {POLL_DISPLAY}
            <!-- BEGIN postrow -->
                <!-- BEGIN hidden -->
                <tr>
                <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
                </tr>
                <!-- END hidden -->
                <!-- BEGIN displayed -->
            <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"><td colspan="3">
                <!-- BEGIN switch_vote_active -->
                <div class="vote gensmall">
                <!-- BEGIN switch_vote -->
                <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                <!-- END switch_vote -->

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

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

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

                <!-- BEGIN switch_vote -->
                <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                <!-- END switch_vote -->
                </div>
                <!-- END switch_vote_active -->
            </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"><!-- BEGIN profile_field --><div>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div><!-- END profile_field --></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>

                <!-- BEGIN switch_attachments -->
                <dl class="attachbox">
                <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                <dd>
                <!-- BEGIN switch_post_attachments -->
                <dl class="file">
                <dt>
                <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

                <!-- BEGIN switch_dl_att -->
                <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}
                <!-- END switch_dl_att -->

                <!-- BEGIN switch_no_dl_att -->
                {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}
                <!-- END switch_no_dl_att -->
                </dt>

                <!-- BEGIN switch_no_comment -->
                <dd>
                <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                </dd>
                <!-- END switch_no_comment -->

                <!-- BEGIN switch_no_dl_att -->
                <dd>
                <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                </dd>
                <!-- END switch_no_dl_att -->

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

                <div class="clear"></div>
                </div>
        <!-- BEGIN switch_signature -->
                <div class="signPOST">
                {postrow.displayed.SIGNATURE}
                </div>
                <!-- END switch_signature -->
                </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>
                <!-- BEGIN first_post_br -->
                </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>
                <!-- END first_post_br -->
                <!-- END displayed -->
                <!-- END postrow -->
                <!-- BEGIN no_post -->
                <tr align="center">
                <td class="row1" colspan="3" height="28">
                <span class="genmed">{no_post.L_NO_POST}</span>
                </td>
                </tr>
                <!-- END no_post -->
                </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>
            <!-- BEGIN topicpagination -->
            <td align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
            <!-- END topicpagination -->
        <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>
            <!-- BEGIN switch_user_logged_in -->
            <!-- BEGIN watchtopic -->
            <tr>
            <td colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
            </tr>
            <!-- END watchtopic -->
            <!-- END switch_user_logged_in -->
            </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>

            <!-- BEGIN promot_trafic -->
            <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">
            <!-- BEGIN link -->
            » <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 />
            <!-- END link -->
            </td>
            </tr>
            </table>
            <!-- END promot_trafic -->

            <!-- BEGIN switch_forum_rules -->
            <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>
            <!-- BEGIN switch_forum_rule_image -->
            <td class="logo">
            <img src="{RULE_IMG_URL}" alt="" />
            </td>
            <!-- END switch_forum_rule_image -->
            <td class="rules postbody">
            {RULE_MSG}
            </td>
            </tr>
            </table>
            </td>
            </tr>
            </tbody>
            </table>
            <!-- END switch_forum_rules -->

            <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
            <td colspan="2" align="center" style="padding:0px">
            <!-- BEGIN switch_user_logged_in -->
            <a name="quickreply"></a>
            {QUICK_REPLY_FORM}<br />
            <!-- END switch_user_logged_in -->
            </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>
            <!-- BEGIN show_permissions -->
            <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>
            <!-- END show_permissions -->
            <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>
            <!-- BEGIN show_permissions -->
            <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>
            <!-- END show_permissions -->
            </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">
            <!-- BEGIN switch_user_authpost -->
            <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>
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
            </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>

            <!-- BEGIN moderation_panel -->
            <td align="center">
            <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
            </td>
            <td align="center" width="250">
            <span class="gensmall"> </span>
            </td>
            <!-- END moderation_panel -->
            </tr>
            </table>
            </form>

            <!-- BEGIN viewtopic_bottom -->
            <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="sid" value="{S_SID}" /> -->
            <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>
            <!-- END viewtopic_bottom -->

            <!-- BEGIN switch_image_resize -->
            <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>
            <!-- END switch_image_resize -->
            <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 */
}
Revenir en haut Aller en bas
Sam 5 Aoû - 9:14
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://img4.hostingpics.net/pics/696105rehyk.jpg

Revenir en haut Aller en bas
Dim 6 Aoû - 0:00
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">
    <!-- BEGIN switch_user_logged_in -->
    <span class="gensmall">{LAST_VISIT_DATE}<br />
    {CURRENT_TIME}<br />
    </span>
    <!-- END switch_user_logged_in -->
    <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
    </td>
    <td class="gensmall" align="right" valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
    <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
    <!-- END switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
    </td>
    </tr>
    </table>
   
   <!-- BEGIN catrow --><!-- BEGIN tablehead -->
    <div class="tleCAT">{catrow.tablehead.L_FORUM}</div>
   <div class="mdlCAT">
    <!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <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"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets  ↠ {catrow.forumrow.POSTS} messages</div></div></div>
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
   </div><div class="btmCAT"></div>
    <!-- END tablefoot --><!-- END catrow -->

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 */
}
Revenir en haut Aller en bas
Dim 6 Aoû - 8:35
Merci beaucoup, tout marche parfaitement bien !
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum