[10] Sujet

[10] Sujet Empty Jeu 29 Jan - 5:32
[10] Sujet SBJ1

Remplacer l'intégralité du template 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="0" cellpadding="0">
 <tr><td>
 <span class="nav" style="display:inline-block; width:40%;"><!-- BEGIN switch_user_authpost --><a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" 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}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
 <!-- END switch_user_authreply --></span>
 <span class="nav" style="display:inline-block; vertical-align:bottom; width:60%; text-align:right;" 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 align="center"><td><div id="tlePOST"><h1 class="cattitle">{TOPIC_TITLE}</h1></div></td></tr>
 
 <!-- BEGIN topicpagination -->
 <tr>
 <td class="pagination" align="right" valign="top" style="padding-bottom:10px;"><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 valign="top" width="100%"><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:30px; width:1px;" id="{postrow.displayed.U_POST_ID}"></a>
 <div class="imgrankPOST">{postrow.displayed.RANK_IMAGE}</div><div class="avaPOST">{postrow.displayed.POSTER_AVATAR}<div>{postrow.displayed.POSTER_RPG}</div></div>
<div class="namePOST"><strong>{postrow.displayed.POSTER_NAME}</strong><div class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></div></div>
 <div class="abtPOST"><div class="rankPOST"><div style="display:none;">{postrow.displayed.POSTER_NAME}</div>{postrow.displayed.POSTER_RANK}</div><!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}<!-- END profile_field --></div>
<div class="datePOST"><span style="display:inline-block; vertical-align:middle; width:40%;"><img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span><span style="display:inline-block; vertical-align:middle; width:60%; text-align:right;">{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}</span></div>
 </td>
 </tr>
 <tr><td>
 <!-- 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 -->

 <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>
 <!-- BEGIN switch_signature -->
 <div class="signature_div">
 {postrow.displayed.SIGNATURE}
 </div>
 <!-- END switch_signature -->

 </div>
 </td></tr>

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

<table class="forumline" width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
 <!-- END first_post_br -->
 <!-- END displayed -->
 <!-- END postrow -->
 <!-- BEGIN no_post -->
 <tr align="center"><td 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 -->
 <script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");
$(this).closest('.namePOST, .rankPOST').css("background-color", color);});});</script>
 </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 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 align="left" valign="top" nowrap="nowrap">

<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>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" style="display:inline-block; vertical-align:middle;">
<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 -->
</form>
</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"><span class="gensmall">{S_AUTH_LIST}</span></td>
</tr>
 <!-- END show_permissions -->
<tr><td style="padding:5px 0;">
<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 style="padding:5px 0;" 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>
<tr><td>
<!-- BEGIN viewtopic_bottom -->
<span class="gen" style="display:inline-block; vertical-align:middle;">{S_TOPIC_ADMIN}</span>
<form name="action" method="get" action="{S_FORM_MOD_ACTION}" style="display:inline-block; vertical-align:middle;">
 <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">{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
 </form>
<!-- END viewtopic_bottom -->
</td></tr>
</table>

<!-- 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 -->

Partie CSS pour avatars 200*320 :
Code:
/* PRESENTATION DU SUJET */
/* BLOC TITRE SUJET */
#tlePOST{
margin:10px auto; padding:15px 0;
background:#191919; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* TITRE SUJET */
#tlePOST h1 {
display:block;
font-size:32px; font-family:Arial; color:#DEDEDE; /* MODIFIABLE */
}
/* IMAGE RANG */
.imgrankPOST {
position:absolute; z-index:3;
margin-top:5px; margin-left:-245px;
}
/* AVATAR */
.avaPOST {
position:absolute; margin-left:-215px;
width:200px; height:320px;
}
/* FEUILLE DE PERSONNAGE */
.avaPOST div{
position:absolute; z-index:2; margin-top:-320px;
width:0px; height:310px; padding:5px 0; overflow:hidden;
font-size:11px; background:rgba(255,255,255,0.8); /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.avaPOST:hover div {
width:190px; padding:5px; overflow-y:auto;
}
/* BLOC PSEUDONYME / IMAGES CONTACT JOUEUR */
.namePOST {
padding:15px 10px; text-transform:uppercase; font-family:Arial;
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* PSEUDONYME */
.namePOST a strong {
color:white; /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
float:right; filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* INFORMATIONS */
.abtPOST {
min-height:50px; height:auto; padding:10px; font-size:11px;
background:rgba(255,255,255,0.4); color:black; /* MODIFIABLE */
}
/* TEXTE DU RANG */
.rankPOST {
float:right;
width:auto; padding:10px;  border-radius:0 0 0 10px;
text-align:center; font-size:10px;
background:#191919; color:white; /* MODIFIABLE - BACKGROUND PAR DEFAUT */
}
/* DATE & OUTILS DE MODERATION */
.datePOST {
margin:5px auto;
font-size:10px; color:black; /* MODIFIABLE */
}
/* OUTILS DE MODERATION */
.datePOST img {
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* APPARENCE MESSAGE */
div.postbody {
min-height:175px; padding:10px;
background:rgba(255,255,255,0.3); box-shadow:inset 0 0 3px rgba(0,0,0,0.1); color:black; /* MODIFIABLE */
}

Partie CSS pour avatars 200*400 :
Code:
/* PRESENTATION DU SUJET */
/* BLOC TITRE SUJET */
#tlePOST{
margin:10px auto; padding:15px 0;
background:#191919; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* TITRE SUJET */
#tlePOST h1 {
display:block;
font-size:32px; font-family:Arial; color:#DEDEDE; /* MODIFIABLE */
}
/* IMAGE RANG */
.imgrankPOST {
position:absolute; z-index:3;
margin-top:5px; margin-left:-245px;
}
/* AVATAR */
.avaPOST {
position:absolute; margin-left:-215px;
width:200px; height:400px;
}
/* FEUILLE DE PERSONNAGE */
.avaPOST div{
position:absolute; z-index:2; margin-top:-400px;
width:0px; height:390px; padding:5px 0; overflow:hidden;
font-size:11px; background:rgba(255,255,255,0.8); /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.avaPOST:hover div {
width:190px; padding:5px; overflow-y:auto;
}
/* BLOC PSEUDONYME / IMAGES CONTACT JOUEUR */
.namePOST {
padding:15px 10px; text-transform:uppercase; font-family:Arial;
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* PSEUDONYME */
.namePOST a strong {
color:white; /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
float:right; filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* INFORMATIONS */
.abtPOST {
min-height:50px; height:auto; padding:10px; font-size:11px;
background:rgba(255,255,255,0.4); color:black; /* MODIFIABLE */
}
/* TEXTE DU RANG */
.rankPOST {
float:right;
width:auto; padding:10px;  border-radius:0 0 0 10px;
text-align:center; font-size:10px;
background:#191919; color:white; /* MODIFIABLE - BACKGROUND PAR DEFAUT */
}
/* DATE & OUTILS DE MODERATION */
.datePOST {
margin:5px auto;
font-size:10px; color:black; /* MODIFIABLE */
}
/* OUTILS DE MODERATION */
.datePOST img {
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* APPARENCE MESSAGE */
div.postbody {
min-height:220px; padding:10px;
background:rgba(255,255,255,0.3); box-shadow:inset 0 0 3px rgba(0,0,0,0.1); color:black; /* MODIFIABLE */
}

Partie CSS pour avatars 250*350 :
Code:
/* PRESENTATION DU SUJET */
/* BLOC TITRE SUJET */
#tlePOST{
margin:10px auto; padding:15px 0;
background:#191919; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* TITRE SUJET */
#tlePOST h1 {
display:block;
font-size:32px; font-family:Arial; color:#DEDEDE; /* MODIFIABLE */
}
/* IMAGE RANG */
.imgrankPOST {
position:absolute; z-index:3;
margin-top:5px; margin-left:-295px;
}
/* AVATAR */
.avaPOST {
position:absolute; margin-left:-265px;
width:250px; height:350px;
}
/* FEUILLE DE PERSONNAGE */
.avaPOST div{
position:absolute; z-index:2; margin-top:-350px;
width:0px; height:340px; padding:5px 0; overflow:hidden;
font-size:11px; background:rgba(255,255,255,0.8); /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.avaPOST:hover div {
width:240px; padding:5px; overflow-y:auto;
}
/* BLOC PSEUDONYME / IMAGES CONTACT JOUEUR */
.namePOST {
padding:15px 10px; text-transform:uppercase; font-family:Arial;
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* PSEUDONYME */
.namePOST a strong {
color:white; /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
float:right; filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* INFORMATIONS */
.abtPOST {
min-height:50px; height:auto; padding:10px; font-size:11px;
background:rgba(255,255,255,0.4); color:black; /* MODIFIABLE */
}
/* TEXTE DU RANG */
.rankPOST {
float:right;
width:auto; padding:10px;  border-radius:0 0 0 10px;
text-align:center; font-size:10px;
background:#191919; color:white; /* MODIFIABLE - BACKGROUND PAR DEFAUT */
}
/* DATE & OUTILS DE MODERATION */
.datePOST {
margin:5px auto;
font-size:10px; color:black; /* MODIFIABLE */
}
/* OUTILS DE MODERATION */
.datePOST img {
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* APPARENCE MESSAGE */
div.postbody {
min-height:200px; padding:10px;
background:rgba(255,255,255,0.3); box-shadow:inset 0 0 3px rgba(0,0,0,0.1); color:black; /* MODIFIABLE */
}

Rangs :
[10] Sujet BRSBJ1 [10] Sujet VRSBJ1 [10] Sujet JRSBJ1 [10] Sujet RRSBJ1
PSD : https://www.dropbox.com/s/dfh6ogpwb5qeiow/RSBJ1.psd?dl=0

CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE
Revenir en haut Aller en bas
[10] Sujet Empty Ven 29 Mai - 3:26
[10] Sujet SBJ2

Remplacer l'intégralité du template 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="0" cellpadding="0" style="margin:auto;">
    <tr><td align="left" valign="middle" {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" align="middle" border="0" /></a><!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" align="middle" border="0" /></a><!-- END switch_user_authreply --></td>
  <td align="right" valign="middle" class="gensmall"><!-- BEGIN switch_user_logged_in --><!-- BEGIN watchtopic -->{S_WATCH_TOPIC}<!-- END watchtopic --><!-- END switch_user_logged_in --></td></tr>
 <tr><td colspan="2"><div id="tlePOST"><h1 class="cattitle">{TOPIC_TITLE}</h1></div><span class="navPOST" 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>
    </table>
 
    <table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" >

    <!-- BEGIN topicpagination -->
    <tr><td 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><!-- 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 --><div style="height:5px;"></div>
    </td></tr>
 
    <tr>
 <td valign="top"><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>{postrow.displayed.POSTER_RPG}</div></div><div id="namePOST"><div style="display:none;">{postrow.displayed.POSTER_NAME}</div><div class="namePOST"><strong>{postrow.displayed.POSTER_NAME}</strong></div><div class="rankPOST">{postrow.displayed.POSTER_RANK}</div></div><div class="datePOST"><span style="display:inline-block; vertical-align:middle; width:55%;">{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}</span><span style="display:inline-block; vertical-align:middle; width:45%; text-align:right;">{postrow.displayed.POST_DATE}</span></div><div class="abtPOST"><!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}<!-- END profile_field --><div class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></div></div><div class="imgrankPOST">{postrow.displayed.RANK_IMAGE}</div></td></tr>

    <tr><td><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>
    <!-- BEGIN switch_signature -->
    <div class="signPOST">{postrow.displayed.SIGNATURE}</div>
    <!-- END switch_signature -->

    </div>
    </td>
    </tr>
 
    <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
    <td class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" style="padding-bottom:2px;"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></td>
    </tr>
    <!-- BEGIN first_post_br -->
    </table>

    <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
    <!-- END first_post_br -->
    <!-- END displayed -->
    <!-- END postrow -->
    <!-- BEGIN no_post -->
    <tr align="center"><td><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">
 <tr>
 <td valign="top" {COLSPAN_PAGINATION}><span class="gensmall">{PAGE_NUMBER}</span></td>
 <!-- BEGIN topicpagination -->
 <td align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
 <!-- END topicpagination -->
 <script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('#namePOST').css("background-color", color);});});</script>
 </tr>
    </table>

    <!-- BEGIN switch_forum_rules -->
    <table id="forum_rules" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr><td valign="top"><div class="cattitle">{L_FORUM_RULES}</div></td></tr>
    <tr>
    <td class="clearfix">
    <table>
    <tr>
    <!-- BEGIN switch_forum_rule_image -->
    <td class="logo"><img src="{RULE_IMG_URL}" /></td>
    <!-- END switch_forum_rule_image -->
    <td class="rules postbody">{RULE_MSG}</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <!-- END switch_forum_rules -->

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table width="100%" style="margin-top:5px;" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr><td align="left" valign="middle" {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="0" cellpadding="0" align="center">
    <tr><td colspan="2" align="right" valign="top" nowrap="nowrap"><span style="display:inline-block; vertical-align:middle;">{S_TOPIC_ADMIN}</span>
    <form name="action" method="get" action="{S_FORM_MOD_ACTION}" style="display:inline-block; vertical-align:middle;">
    <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">{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
    </form>
    </td></tr>
    </table>
    <!-- END viewtopic_bottom -->
 
    <table class="forumline noprint" align="center" 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}<!-- END switch_user_logged_in -->
    </td></tr>
    </table>

    <!-- 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>

Partie CSS pour avatars 200*320 :
Code:
/* PRESENTATION DU SUJET */
/* BLOC TITRE SUJET */
#tlePOST {
margin:5px auto 0; padding:10px 0;
background:black; /* MODIFIABLE */
}
/* TITRE SUJET */
#tlePOST h1 {
display:block; padding-left:15px;
text-align:left; font-size:32px; text-transform:uppercase; font-family:Arial;
color:#DEDEDE; /* MODIFIABLE */
}
/* NAVIGATION SUJET */
.navPOST {
display:block; margin-bottom:5px; padding:2px 0; padding-left:10px;
background:#E9E9E9; color:black; /* MODIFIABLE */
text-align:left; font-size:10px; text-transform:uppercase; font-family:Arial;
}
/* BLOC AVATAR */
.avaPOST {
position:absolute; margin-left:25px; 
width:200px; height:320px;
}
/* AVATAR */
.avaPOST img {
width:200px; height:320px;
}
/* FEUILLE DE PERSONNAGE */
.avaPOST div {
position:absolute; z-index:2; margin-top:-310px; margin-left:10px;
width:170px; height:290px; padding:5px; overflow-y:auto;
background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */
font-size:11px; font-family:Arial;
transform:scale(0); -webkit-transform:scale(0); transition:all 0.45s ease; -webkit-transition:all 0.45s ease;
}
.avaPOST div br:nth-of-type(1) {
display:none;
}
.avaPOST:hover div {
transform:scale(1); -webkit-transform:scale(1);
}
/* BLOC PSEUDONYME & RANG */
#namePOST {
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
.namePOST {
height:25px; padding:15px 0; padding-left:245px;
text-align:right; text-transform:uppercase; font-size:20px; font-family:Arial; line-height:25px;
}
.namePOST a {
margin-right:15px;
}
/* PSEUDONYME */
.namePOST a strong {
color:white; /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
height:15px; padding:5px 10px 5px 245px;
text-align:right; text-transform:uppercase; font-size:10px; font-family:Arial; line-height:15px;
background:rgba(255,255,255,0.7); color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* DATE & OUTILS DE MODERATION */
.datePOST {
margin:5px auto;
height:15px; padding:5px 10px 5px 245px;
font-size:10px; font-family:Arial;
background:rgba(255,255,255,0.7); color:black; /* MODIFIABLE */
}
.datePOST img {
max-height:15px;
}
/* INFORMATIONS JOUEUR */
.abtPOST {
margin-top:5px;
height:185px; padding:10px 10px 10px 245px; overflow-y:auto;
font-size:11px; font-family:Arial;
background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
margin-top:5px; text-align:left;
}
/* IMAGE RANG */
.imgrankPOST {
float:right; position:relative; z-index:3;
margin-right:-39px; margin-top:-90px; height:10px;
}
/* APPARENCE MESSAGE */
div.postbody {
margin:5px auto 0; padding:10px;
background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
text-align:justify;
}
.signPOST br:nth-of-type(1) {
display:none;
}

Partie CSS pour avatars 200*400 :
Code:
/* PRESENTATION DU SUJET */
/* BLOC TITRE SUJET */
#tlePOST {
margin:5px auto 0; padding:10px 0;
background:black; /* MODIFIABLE */
}
/* TITRE SUJET */
#tlePOST h1 {
display:block; padding-left:15px;
text-align:left; font-size:32px; text-transform:uppercase; font-family:Arial;
color:#DEDEDE; /* MODIFIABLE */
}
/* NAVIGATION SUJET */
.navPOST {
display:block; margin-bottom:5px; padding:2px 0; padding-left:10px;
background:#E9E9E9; color:black; /* MODIFIABLE */
text-align:left; font-size:10px; text-transform:uppercase; font-family:Arial;
}
/* BLOC AVATAR */
.avaPOST {
position:absolute; margin-left:25px; 
width:200px; height:400px;
}
/* AVATAR */
.avaPOST img {
width:200px; height:400px;
}
/* FEUILLE DE PERSONNAGE */
.avaPOST div {
position:absolute; z-index:2; margin-top:-390px; margin-left:10px;
width:170px; height:370px; padding:5px; overflow-y:auto;
background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */
font-size:11px; font-family:Arial;
transform:scale(0); -webkit-transform:scale(0); transition:all 0.45s ease; -webkit-transition:all 0.45s ease;
}
.avaPOST div br:nth-of-type(1) {
display:none;
}
.avaPOST:hover div {
transform:scale(1); -webkit-transform:scale(1);
}
/* BLOC PSEUDONYME & RANG */
#namePOST {
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
.namePOST {
height:25px; padding:15px 0; padding-left:245px;
text-align:right; text-transform:uppercase; font-size:20px; font-family:Arial; line-height:25px;
}
.namePOST a {
margin-right:15px;
}
/* PSEUDONYME */
.namePOST a strong {
color:white; /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
height:15px; padding:5px 10px 5px 245px;
text-align:right; text-transform:uppercase; font-size:10px; font-family:Arial; line-height:15px;
background:rgba(255,255,255,0.7); color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* DATE & OUTILS DE MODERATION */
.datePOST {
margin:5px auto;
height:15px; padding:5px 10px 5px 245px;
font-size:10px; font-family:Arial;
background:rgba(255,255,255,0.7); color:black; /* MODIFIABLE */
}
.datePOST img {
max-height:15px;
}
/* INFORMATIONS JOUEUR */
.abtPOST {
margin-top:5px;
height:265px; padding:10px 10px 10px 245px; overflow-y:auto;
font-size:11px; font-family:Arial;
background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
margin-top:5px; text-align:left;
}
/* IMAGE RANG */
.imgrankPOST {
float:right; position:relative; z-index:3;
margin-right:-39px; margin-top:-90px; height:10px;
}
/* APPARENCE MESSAGE */
div.postbody {
margin:5px auto 0; padding:10px;
background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
text-align:justify;
}
.signPOST br:nth-of-type(1) {
display:none;
}

Partie CSS pour avatars 250*350 :
Code:
/* PRESENTATION DU SUJET */
/* BLOC TITRE SUJET */
#tlePOST {
margin:5px auto 0; padding:10px 0;
background:black; /* MODIFIABLE */
}
/* TITRE SUJET */
#tlePOST h1 {
display:block; padding-left:15px;
text-align:left; font-size:32px; text-transform:uppercase; font-family:Arial;
color:#DEDEDE; /* MODIFIABLE */
}
/* NAVIGATION SUJET */
.navPOST {
display:block; margin-bottom:5px; padding:2px 0; padding-left:10px;
background:#E9E9E9; color:black; /* MODIFIABLE */
text-align:left; font-size:10px; text-transform:uppercase; font-family:Arial;
}
/* BLOC AVATAR */
.avaPOST {
position:absolute; margin-left:25px; 
width:250px; height:350px;
}
/* AVATAR */
.avaPOST img {
min-width:250px !important; height:350px;
}
/* FEUILLE DE PERSONNAGE */
.avaPOST div {
position:absolute; z-index:2; margin-top:-340px; margin-left:10px;
width:220px; height:320px; padding:5px; overflow-y:auto;
background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */
font-size:11px; font-family:Arial;
transform:scale(0); -webkit-transform:scale(0); transition:all 0.45s ease; -webkit-transition:all 0.45s ease;
}
.avaPOST div br:nth-of-type(1) {
display:none;
}
.avaPOST:hover div {
transform:scale(1); -webkit-transform:scale(1);
}
/* BLOC PSEUDONYME & RANG */
#namePOST {
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
.namePOST {
height:25px; padding:15px 0; padding-left:295px;
text-align:right; text-transform:uppercase; font-size:20px; font-family:Arial; line-height:25px;
}
.namePOST a {
margin-right:15px;
}
/* PSEUDONYME */
.namePOST a strong {
color:white; /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
height:15px; padding:5px 10px 5px 295px;
text-align:right; text-transform:uppercase; font-size:10px; font-family:Arial; line-height:15px;
background:rgba(255,255,255,0.7); color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* DATE & OUTILS DE MODERATION */
.datePOST {
margin:5px auto;
height:15px; padding:5px 10px 5px 295px;
font-size:10px; font-family:Arial;
background:rgba(255,255,255,0.7); color:black; /* MODIFIABLE */
}
.datePOST img {
max-height:15px;
}
/* INFORMATIONS JOUEUR */
.abtPOST {
margin-top:5px;
height:215px; padding:10px 10px 10px 295px; overflow-y:auto;
font-size:11px; font-family:Arial;
background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
margin-top:5px; text-align:left;
}
/* IMAGE RANG */
.imgrankPOST {
float:right; position:relative; z-index:3;
margin-right:-39px; margin-top:-90px; height:10px;
}
/* APPARENCE MESSAGE */
div.postbody {
margin:5px auto 0; padding:10px;
background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
text-align:justify;
}
.signPOST br:nth-of-type(1) {
display:none;
}

Rangs :
[10] Sujet BSJT2 - [10] Sujet PSJT2 - [10] Sujet VSJT2

CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE
Revenir en haut Aller en bas
[10] Sujet Empty Sam 6 Juin - 4:43
[10] Sujet SBJ3

Remplacer l'intégralité du template 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="0" cellpadding="0" style="max-width:750px !important;">
<tr><td align="left" valign="bottom"><span class="nav"><!-- BEGIN switch_user_authpost --><a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" 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}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a><!-- END switch_user_authreply --></span></td>
<td align="right" valign="middle"><!-- BEGIN switch_user_logged_in --><!-- BEGIN watchtopic --><span class="gensmall">{S_WATCH_TOPIC}</span><!-- END watchtopic --><!-- END switch_user_logged_in --> <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></td>
</tr>
<tr><td colspan="2"><div id="tlePOST"><h1 class="cattitle">{TOPIC_TITLE}</h1><span class="navPOST" 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}</span></div>
</td></tr>
</table>

<table class="forumline" width="100%" align="center" border="0" cellspacing="0" cellpadding="0" style="max-width:750px !important;">
 <!-- BEGIN topicpagination -->
 <tr><td class="pagination" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td></tr>
 <!-- END topicpagination -->
 {POLL_DISPLAY}
 <!-- BEGIN postrow -->
 <!-- BEGIN hidden -->
 <tr><td class="postdetails" 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 {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td colspan="2">
 <!-- 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 --><div style="height:5px;"></div>
</td></tr>
   
<tr><td valign="top">
 <div class="postbody"><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:30px; width:1px;" id="{postrow.displayed.U_POST_ID}"></a>
<div class="datePOST"><span style="display:inline-block; vertical-align:middle; width:50%;"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</span><span style="display:inline-block; vertical-align:middle; width:50%; text-align:right; line-height:0;">{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}</span></div>
 <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>
 <!-- BEGIN switch_signature -->
 <div class="signPOST">{postrow.displayed.SIGNATURE}</div>
 <!-- END switch_signature -->
 </div>
 </td></tr>
 
 <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <td class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle">
 <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
 </td>
 </tr></table></td>
 
 <td valign="top"><div id="boxPOST"><div class="namePOST"><strong>{postrow.displayed.POSTER_NAME}</strong><div class="rankPOST">{postrow.displayed.POSTER_RANK}</div></div>
 <div class="boxPOST"><div class="avaPOST">{postrow.displayed.POSTER_AVATAR}</div><div class="ktactPOST"><div style="display:none;">{postrow.displayed.POSTER_NAME}</div>{postrow.displayed.PROFILE_IMG}{postrow.displayed.PM_IMG}{postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field -->{postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></div><div class="abtPOST"><!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}<!-- END profile_field --></div><div class="rpgPOST">{postrow.displayed.POSTER_RPG}</div></div><div class="triPOST"><div class="grpPOST"><div style="display:none;">{postrow.displayed.POSTER_NAME}</div></div><script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('.grpPOST, .ktactPOST').css("background-color", color);});});</script></div></div>
 </td></tr>
 <!-- BEGIN first_post_br -->
</table>

<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
 <!-- END first_post_br -->
 <!-- END displayed -->
 <!-- END postrow -->
 <!-- BEGIN no_post -->
 <tr align="center"><td 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:auto; max-width:750px !important;">
<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 -->
</tr>
</table>

    <!-- BEGIN switch_forum_rules -->
    <table id="forum_rules" width="100%" style="max-width:750px !important;" border="0" cellspacing="0" cellpadding="0">
    <tr><td valign="top" colspan="2"><div class="cattitle">{L_FORUM_RULES}</div></td></tr>
    <tr>
    <td class="clearfix">
    <table>
    <tr>
    <!-- BEGIN switch_forum_rule_image -->
    <td class="logo"><img src="{RULE_IMG_URL}" /></td>
    <!-- END switch_forum_rule_image -->
    <td class="rules postbody">{RULE_MSG}</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <!-- END switch_forum_rules -->

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table width="100%" style="margin-top:5px; max-width:750px !important;" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr><td align="left" valign="middle" {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%" style="max-width:750px !important;" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr><td colspan="2" align="right" valign="top" nowrap="nowrap"><span style="display:inline-block; vertical-align:middle;">{S_TOPIC_ADMIN}</span>
    <form name="action" method="get" action="{S_FORM_MOD_ACTION}" style="display:inline-block; vertical-align:middle;">
    <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">{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
    </form>
    </td></tr>
    </table>
    <!-- END viewtopic_bottom -->
 
    <table class="forumline noprint" style="max-width:750px !important;" align="center" 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}<!-- END switch_user_logged_in -->
    </td></tr>
    </table>
 
    <!-- 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>

Partie CSS pour avatars 200*XXX :
Code:
/* PRESENTATION DU SUJET */
/* BLOC TITRE SUJET */
#tlePOST {
margin:5px auto; padding:10px 0;
text-transform:uppercase; text-align:center; font-family:Arial;
background:black; /* MODIFIABLE */
}
/* TITRE SUJET */
#tlePOST h1 {
display:block; font-size:32px;
color:#F0F0EE; /* MODIFIABLE */
}
/* NAVIGATION */
.navPOST {
display:block; margin:5px auto 0; width:98%;
padding:2px 0; font-size:10px;
background:#F0F0EE; color:black; /* MODIFIABLE */
}
/* LIENS NAVIGATION */
.navPOST a {
color:black; /* MODIFIABLE */
}
/* BLOC DATE & OUTILS DE MODERATION */
.datePOST {
margin-bottom:10px; padding:10px; font-size:11px;
background:rgba(0,0,0,0.3); color:white; /* MODIFIABLE */
}
/* APPARENCE MESSAGE */
div.postbody {
max-width:730px; min-height:470px; padding:10px;
background:#E9E9E9; color:black; /* MODIFIABLE */
text-align:justify;
}
div.postbody img {
max-width:100%;
}
.signPOST br:nth-of-type(1) {
display:none;
}
/* PROFIL JOUEUR */
#boxPOST {
position:absolute; margin-left:10px; margin-top:5px; margin-right:-50px;
}
/* PSEUDONYME */
.namePOST {
position:absolute; z-index:3; margin-left:20px; margin-top:190px;
width:400px; padding:5px;
text-align:left; text-transform:uppercase; font-family:Arial; line-height:14px;
transform:rotate(90deg); -webkit-transform:rotate(90deg);
}
.namePOST a {
display:inline-block; vertical-align:middle;
}
/* TEXTE RANG */
.rankPOST {
display:inline-block; vertical-align:middle; padding-left:5px;
text-transform:uppercase; text-align:center; font-size:11px;
color:black; /* MODIFIABLE */
}
/* BLOC AVATAR & INFORMATIONS JOUEUR */
.boxPOST {
padding:5px 0;
font-size:10px; font-family:Arial;
background:#E9E9E9; color:black;  /* MODIFIABLE */
}
/* BLOC AVATAR */
.avaPOST {
margin:0 5px; width:200px;
}
.avaPOST img {
width:200px;
}
/* BLOC IMAGES CONTACT JOUEUR */
.ktactPOST {
margin:5px auto;
width:200px; padding:5px 0; text-align:center;
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
.ktactPOST img {
margin:0 2px; max-height:20px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* INFORMATIONS JOUEUR */
.abtPOST {
margin:auto; width:200px;
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST .label {
text-transform:uppercase; font-weight:bold; /* MODIFIABLE */
}
/* IMAGES INFORMATIONS JOUEUR */
.abtPOST img {
margin:auto; max-width:200px;
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST {
margin:5px auto 0; width:200px;
}
.rpgPOST a:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(2) {
display:none;
}
/* LOSANGE GROUPE */
.grpPOST {
position:absolute; margin-top:-25px; margin-left:-8px;
width:15px; height:15px;
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
transform:rotate(45deg); -webkit-transform:rotate(45deg);
}
/* TRIANGLE BAS PROFIL */
.triPOST {
width:0; height:0; border-style:solid; border-width:30px 105px 0 105px; border-color:transparent;
border-top-color:#E9E9E9; /* MODIFIABLE */
}

Partie CSS pour avatars 250*XXX :
Code:
/* PRESENTATION DU SUJET */
/* BLOC TITRE SUJET */
#tlePOST {
margin:5px auto; padding:10px 0;
text-transform:uppercase; text-align:center; font-family:Arial;
background:black; /* MODIFIABLE */
}
/* TITRE SUJET */
#tlePOST h1 {
display:block; font-size:32px;
color:#F0F0EE; /* MODIFIABLE */
}
/* NAVIGATION */
.navPOST {
display:block; margin:5px auto 0; width:98%;
padding:2px 0; font-size:10px;
background:#F0F0EE; color:black; /* MODIFIABLE */
}
/* LIENS NAVIGATION */
.navPOST a {
color:black; /* MODIFIABLE */
}
/* BLOC DATE & OUTILS DE MODERATION */
.datePOST {
margin-bottom:10px; padding:10px; font-size:11px;
background:rgba(0,0,0,0.3); color:white; /* MODIFIABLE */
}
/* APPARENCE MESSAGE */
div.postbody {
max-width:730px; min-height:470px; padding:10px;
background:#E9E9E9; color:black; /* MODIFIABLE */
text-align:justify;
}
div.postbody img {
max-width:100%;
}
.signPOST br:nth-of-type(1) {
display:none;
}
/* PROFIL JOUEUR */
#boxPOST {
position:absolute; margin-left:10px; margin-top:5px; margin-right:-50px;
}
/* PSEUDONYME */
.namePOST {
position:absolute; z-index:3; margin-left:70px; margin-top:190px;
width:400px; padding:5px;
text-align:left; text-transform:uppercase; font-family:Arial; line-height:14px;
transform:rotate(90deg); -webkit-transform:rotate(90deg);
}
.namePOST a {
display:inline-block; vertical-align:middle;
}
/* TEXTE RANG */
.rankPOST {
display:inline-block; vertical-align:middle; padding-left:5px;
text-transform:uppercase; text-align:center; font-size:11px;
color:black; /* MODIFIABLE */
}
/* BLOC AVATAR & INFORMATIONS JOUEUR */
.boxPOST {
padding:5px 0;
font-size:10px; font-family:Arial;
background:#E9E9E9; color:black;  /* MODIFIABLE */
}
/* BLOC AVATAR */
.avaPOST {
margin:0 5px; width:250px;
}
.avaPOST img {
min-width:250px !important;
}
/* BLOC IMAGES CONTACT JOUEUR */
.ktactPOST {
margin:5px auto;
width:250px; padding:5px 0; text-align:center;
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
.ktactPOST img {
margin:0 2px; max-height:20px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* INFORMATIONS JOUEUR */
.abtPOST {
margin:auto; width:250px;
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST .label {
text-transform:uppercase; font-weight:bold; /* MODIFIABLE */
}
/* IMAGES INFORMATIONS JOUEUR */
.abtPOST img {
margin:auto; max-width:250px;
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST {
margin:5px auto 0; width:250px;
}
.rpgPOST a:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(2) {
display:none;
}
/* LOSANGE GROUPE */
.grpPOST {
position:absolute; margin-top:-25px; margin-left:-8px;
width:15px; height:15px;
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
transform:rotate(45deg); -webkit-transform:rotate(45deg);
}
/* TRIANGLE BAS PROFIL */
.triPOST {
width:0; height:0; border-style:solid; border-width:30px 130px 0 130px; border-color:transparent;
border-top-color:#E9E9E9; /* MODIFIABLE */
}

CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE
Revenir en haut Aller en bas
[10] Sujet Empty Lun 21 Déc - 3:43
[10] Sujet SBJ4

Remplacer l'intégralité du template 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="0" cellpadding="0">
 <!-- 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 -->
    <tr><td align="left" {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 valign="middle" align="right"><span class="navPOST" 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="2"><div id="tlePOST">{TOPIC_TITLE}</div></td></tr>
    </table>

    <table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" >
    <!-- BEGIN topicpagination -->
    <tr><td colspan="2" 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="2" 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="2">
        <!-- 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 --><div style="height:5px;"></div>
        </td></tr>
 
        <tr>
 <td valign="top" class="boxPOST"><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:30px;" id="{postrow.displayed.U_POST_ID}"></a><div class="avaPOST">{postrow.displayed.POSTER_AVATAR}</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="rpgPOST">{postrow.displayed.POSTER_RPG}</div><div class="rankPOST">{postrow.displayed.POSTER_RANK}</div></td>
 
    <td valign="top"><div class="topPOST"><div class="toolsPOST">{postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG}</div><div class="namePOST"><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>
    <!-- BEGIN switch_signature --><div class="signPOST">{postrow.displayed.SIGNATURE}</div><!-- END switch_signature --></div>
 
 <div class="btmPOST"><div class="datePOST">{postrow.displayed.POST_DATE}</div><div class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></div></div>
    </td>
    </tr>
 <tr><td class="browse-arrows post--{postrow.displayed.U_POST_ID}" align="left"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></td></tr>
    <!-- BEGIN first_post_br -->
    </table>
 
    <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr><th class="thLeft">{L_AUTHOR}</th>
    <th class="thRight">{L_MESSAGE}</th>
    </tr>
    <!-- END first_post_br -->
    <!-- END displayed -->
    <!-- END postrow -->
    <!-- BEGIN no_post -->
    <tr align="center">
    <td colspan="3" height="28">
    <span class="genmed">{no_post.L_NO_POST}</span>
    </td>
    </tr>
    <!-- END no_post -->
    </table>

    <table width="100%" class="navBPOST" align="center" border="0" cellspacing="0" cellpadding="0" >
 <tr>
 <td valign="middle"><span class="gensmall">{PAGE_NUMBER}</span></td>
 <!-- BEGIN topicpagination -->
 <td align="right" valign="middle" ><span class="gensmall">{PAGINATION}</span></td>
 <!-- END topicpagination -->
 </tr>
    </table>

    <!-- BEGIN switch_forum_rules -->
    <table id="forum_rules" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr><td valign="top" colspan="2"><div class="cattitle">{L_FORUM_RULES}</div></td></tr>
    <tr>
    <td class="clearfix">
    <table>
    <tr>
    <!-- BEGIN switch_forum_rule_image -->
    <td class="logo"><img src="{RULE_IMG_URL}" /></td>
    <!-- END switch_forum_rule_image -->
    <td class="rules postbody">{RULE_MSG}</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <!-- END switch_forum_rules -->

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table width="100%" style="margin-top:5px;" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr><td align="left" valign="middle" {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="0" cellpadding="0" align="center">
    <tr><td align="right" valign="top" nowrap="nowrap"><span style="display:inline-block; vertical-align:middle;">{S_TOPIC_ADMIN}</span>
    <form name="action" method="get" action="{S_FORM_MOD_ACTION}" style="display:inline-block; vertical-align:middle;">
    <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">{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
    </form>
    </td></tr>
    </table>
    <!-- END viewtopic_bottom -->
 
    <table class="forumline noprint" align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr><td align="center" style="padding:0px;">
    <!-- BEGIN switch_user_logged_in --><a name="quickreply"></a>{QUICK_REPLY_FORM}<!-- END switch_user_logged_in -->
    </td></tr>
    </table>
 
    <!-- 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>

Partie CSS pour avatars 200*XXX :
Code:
/* PRESENTATION DU SUJET */
/* BLOC TITRE SUJET */
#tlePOST {
margin:5px auto; padding:10px 0;
text-align:center; text-transform:uppercase; font-size:32px; font-family:Arial;
background:black; color:#F0F0EE; /* MODIFIABLE */
}
/* NAVIGATION SUJET */
.navPOST {
font-size:11px; text-transform:uppercase; font-family:Arial;
}
/* PAGINATION BAS SUJET */
.navBPOST {
margin-top:5px; padding:3px;
background:black; /* MODIFIABLE */
}
/* COULEUR TEXTE PAGINATION BAS SUJET */
.navBPOST .gensmall {
font-size:11px; text-transform:uppercase; font-family:Arial;
color:#F0F0EE; /* MODIFIABLE */
}
/* COULEUR LIENS PAGINATION BAS SUJET */
.navBPOST a {
font-size:11px; font-family:Arial;
color:#F0F0EE; /* MODIFIABLE */
}
/* BLOC JOUEUR */
.boxPOST {
width:200px; padding:10px; font-family:Arial;
background:rgba(250,250,250,0.7); /* MODIFIABLE */
}
/* AVATAR */
.avaPOST img {
min-width:200px; /* MODIFIABLE */
}
/* INFORMATIONS JOUEUR */
.abtPOST div {
margin:5px auto 0; padding:5px 0;
text-align:justify; font-size:10px;
border-bottom:1px solid black; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST div span {
text-transform:uppercase; /* MODIFIABLE */
}
/* REDIMENSIONNEMENT IMAGES INFORMATIONS JOUEUR */
.abtPOST div img {
margin:auto; max-width:100%;
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST {
margin:5px auto 0;
text-transform:uppercase; font-size:10px;
color:black; /* MODIFIABLE */
}
.rpgPOST br:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(2) {
display:none;
}
.rpgPOST a:nth-of-type(1) {
display:none;
}
/* TEXTE RANG */
.rankPOST {
margin:10px auto 0; padding:5px;
text-align:center; text-transform:uppercase; font-size:10px;
background:grey; color:white; /* MODIFIABLE */
}
/* BLOC EDITER / CITER / SUPPRIMER / IP & PSEUDONYME */
.topPOST {
margin-left:10px; padding:10px;
text-transform:uppercase; font-size:16px; font-family:Arial;
background:grey; /* MODIFIABLE */
}
/* OUTILS DE MODERATION */
.toolsPOST {
display:inline-block; vertical-align:middle;
width:40%; text-align:left;
}
/* PSEUDONYME */
.namePOST {
display:inline-block; vertical-align:middle;
width:60%; text-align:right;
}
/* COULEUR PSEUDONYME */
.namePOST strong {
color:white; /* MODIFIABLE */
}
/* APPARENCE MESSAGE */
div.postbody {
margin-left:10px; margin-top:10px; min-height:360px; padding:10px;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
text-align:justify;
}
div.postbody img {
max-width:100%;
}
/* SIGNATURE */
.signPOST br:nth-of-type(1) {
display:none;
}
/* BLOC DATE & IMAGES CONTACT JOUEUR */
.btmPOST {
margin-top:10px; margin-left:10px; padding:10px;
background:grey; /* MODIFIABLE */
}
/* DATE */
.datePOST {
display:inline-block; vertical-align:middle;
width:40%; text-align:left; font-size:10px;
color:white; /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
display:inline-block; vertical-align:middle;
width:60%; text-align:right; line-height:0;
}

Partie CSS pour avatars 250*XXX :
Code:
/* 250*XXX */
/* PRESENTATION DU SUJET */
/* BLOC TITRE SUJET */
#tlePOST {
margin:5px auto; padding:10px 0;
text-align:center; text-transform:uppercase; font-size:32px; font-family:Arial;
background:black; color:#F0F0EE; /* MODIFIABLE */
}
/* NAVIGATION SUJET */
.navPOST {
font-size:11px; text-transform:uppercase; font-family:Arial;
}
/* PAGINATION BAS SUJET */
.navBPOST {
margin-top:5px; padding:3px;
background:black; /* MODIFIABLE */
}
/* COULEUR TEXTE PAGINATION BAS SUJET */
.navBPOST .gensmall {
font-size:11px; text-transform:uppercase; font-family:Arial;
color:#F0F0EE; /* MODIFIABLE */
}
/* COULEUR LIENS PAGINATION BAS SUJET */
.navBPOST a {
font-size:11px; font-family:Arial;
color:#F0F0EE; /* MODIFIABLE */
}
/* BLOC JOUEUR */
.boxPOST {
width:250px; padding:10px; font-family:Arial;
background:rgba(250,250,250,0.7); /* MODIFIABLE */
}
/* AVATAR */
.avaPOST img {
min-width:250px !important; /* MODIFIABLE */
}
/* INFORMATIONS JOUEUR */
.abtPOST div {
margin:5px auto 0; padding:5px 0;
text-align:justify; font-size:10px;
border-bottom:1px solid black; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST div span {
text-transform:uppercase; /* MODIFIABLE */
}
/* REDIMENSIONNEMENT IMAGES INFORMATIONS JOUEUR */
.abtPOST div img {
margin:auto; max-width:100%;
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST {
margin:5px auto 0;
text-transform:uppercase; font-size:10px;
color:black; /* MODIFIABLE */
}
.rpgPOST br:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(2) {
display:none;
}
.rpgPOST a:nth-of-type(1) {
display:none;
}
/* TEXTE RANG */
.rankPOST {
margin:10px auto 0; padding:5px;
text-align:center; text-transform:uppercase; font-size:10px;
background:grey; color:white; /* MODIFIABLE */
}
/* BLOC EDITER / CITER / SUPPRIMER / IP & PSEUDONYME */
.topPOST {
margin-left:10px; padding:10px;
text-transform:uppercase; font-size:16px; font-family:Arial;
background:grey; /* MODIFIABLE */
}
/* OUTILS DE MODERATION */
.toolsPOST {
display:inline-block; vertical-align:middle;
width:40%; text-align:left;
}
/* PSEUDONYME */
.namePOST {
display:inline-block; vertical-align:middle;
width:60%; text-align:right;
}
/* COULEUR PSEUDONYME */
.namePOST strong {
color:white; /* MODIFIABLE */
}
/* APPARENCE MESSAGE */
div.postbody {
margin-left:10px; margin-top:10px; min-height:360px; padding:10px;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
text-align:justify;
}
div.postbody img {
max-width:100%;
}
/* SIGNATURE */
.signPOST br:nth-of-type(1) {
display:none;
}
/* BLOC DATE & IMAGES CONTACT JOUEUR */
.btmPOST {
margin-top:10px; margin-left:10px; padding:10px;
background:grey; /* MODIFIABLE */
}
/* DATE */
.datePOST {
display:inline-block; vertical-align:middle;
width:40%; text-align:left; font-size:10px;
color:white; /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
display:inline-block; vertical-align:middle;
width:60%; text-align:right; line-height:0;
}
Revenir en haut Aller en bas
[10] Sujet Empty Dim 24 Avr - 10:46
[10] Sujet SBJ5

Remplacer l'intégralité du template 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="0" cellpadding="0">
 <!-- BEGIN switch_user_logged_in --><!-- BEGIN watchtopic -->
    <tr><td colspan="2" align="right"><span class="gensmall">{S_WATCH_TOPIC}</span></td></tr><!-- END watchtopic --><!-- END switch_user_logged_in -->
    <tr><td align="left" {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 valign="middle" align="right"><span class="navPOST" 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="2"><div id="tlePOST">{TOPIC_TITLE}</div></td></tr>
    </table>

    <table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" >
    <!-- BEGIN topicpagination -->
    <tr><td colspan="2" 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="2" 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="2">
        <!-- 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 --><div style="height:5px;"></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="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="rpgPOST">{postrow.displayed.POSTER_RPG}</div></div>
        </td>
 
        <td valign="top" width="100%"> 
 <div class="grpPOST"><div class="boxNPOST"><div class="namePOST">{postrow.displayed.POSTER_NAME}<div class="rankPOST">{postrow.displayed.POSTER_RANK}</div></div><div class="toolsPOST">{postrow.displayed.QUOTE_IMG}<br/>{postrow.displayed.EDIT_IMG}<br/>{postrow.displayed.DELETE_IMG}<br/>{postrow.displayed.IP_IMG}</div></div><div class="DKPOST"><div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</div><div class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}</div></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>
        <!-- BEGIN switch_signature -->
        <div class="signPOST">{postrow.displayed.SIGNATURE}</div>
        <!-- END switch_signature -->
        </div>
 <div class="browse-arrows post--{postrow.displayed.U_POST_ID}" style="text-align:center;"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></div>
        </td>
        </tr>
        <!-- BEGIN first_post_br -->
        </table>

        <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <th class="thLeft" nowrap="nowrap">{L_AUTHOR}</th>
        <th class="thRight" nowrap="nowrap">{L_MESSAGE}</th>
        </tr>
        <!-- END first_post_br -->
        <!-- END displayed -->
        <!-- END postrow -->
 
        <!-- BEGIN no_post -->
        <tr align="center">
        <td class="row1" colspan="2">
        <span class="genmed">{no_post.L_NO_POST}</span>
        </td>
        </tr>
        <!-- END no_post -->
        </table>
 
    <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" style="margin-top:5px;">
    <tr>
    <td valign="top" {COLSPAN_PAGINATION}><span class="gensmall">{PAGE_NUMBER}</span></td>
    <!-- BEGIN topicpagination --><td align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td><!-- END topicpagination -->
    </tr>
    </table>

    <!-- BEGIN switch_forum_rules -->
    <table id="forum_rules" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr><td valign="top" colspan="2"><div class="cattitle">{L_FORUM_RULES}</div></td></tr>
    <tr>
    <td class="clearfix">
    <table>
    <tr>
    <!-- BEGIN switch_forum_rule_image -->
    <td class="logo"><img src="{RULE_IMG_URL}" /></td>
    <!-- END switch_forum_rule_image -->
    <td class="rules postbody">{RULE_MSG}</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <!-- END switch_forum_rules -->

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table width="100%" style="margin-top:5px;" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr><td align="left" valign="middle" {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="0" cellpadding="0" align="center">
    <tr><td colspan="2" align="right" valign="top" nowrap="nowrap"><span style="display:inline-block; vertical-align:middle;">{S_TOPIC_ADMIN}</span>
    <form name="action" method="get" action="{S_FORM_MOD_ACTION}" style="display:inline-block; vertical-align:middle;">
    <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">{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
    </form>
    </td></tr>
    </table>
    <!-- END viewtopic_bottom -->
 
    <table class="forumline noprint" align="center" 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}<!-- END switch_user_logged_in -->
    </td></tr>
    </table>
 
 <script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('.grpPOST').css("background-color", color);});});</script>
    <!-- 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>

Partie CSS :
Code:
/* PRESENTATION DU SUJET */
/* TITRE SUJET */
#tlePOST {
margin:5px auto; padding:15px 0;
background:#191919; color:#DEDEDE; /* MODIFIABLE */
text-align:center; text-transform:uppercase; font-size:32px; font-family:Arial;
}
/* NAVIGATION SUJET */
.navPOST {
font-size:11px; text-transform:uppercase; font-family:Arial;
}
/* BLOC JOUEUR */
.boxPOST {
margin-right:10px; padding:10px;
background:#F2F2F2; /* MODIFIABLE */
}
/* TAILLE AVATARS */
.avaPOST img {
min-width:200px !important; /* MODIFIABLE */
}
/* BLOC INFORMATIONS JOUEUR */
.abtPOST {
margin:10px auto 0;
text-align:left; font-family:Arial;
}
/* INFORMATIONS JOUEUR */
.abtPOST div {
margin-top:5px; padding:5px;
text-transform:uppercase; font-size:10px;
background:#D6D6D6; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST span {
font-weight:bold; /* MODIFIABLE */
}
/* REDIMENSIONNEMENT IMAGES INFORMATIONS JOUEUR */
.abtPOST div img {
margin:auto; max-width:100%;
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST {
margin:10px auto 0; padding:5px;
text-transform:uppercase; font-size:9px; font-family:Arial;
background:#D6D6D6; color:black; /* MODIFIABLE */
}
.rpgPOST br:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(2) {
display:none;
}
.rpgPOST a:nth-of-type(1) {
display:none;
}
/* BLOC PSEUDONYME & RANG / OUTILS MODERATION */
.grpPOST {
background:#191919; /* MODIFIABLE - COULEUR DES INVITES */
font-family:Arial;
}
.boxNPOST {
padding:10px;
}
/* BLOC PSEUDONYME & RANG */
.namePOST {
display:inline-block; vertical-align:middle; width:75%;
font-size:36px; text-transform:uppercase;
}
.namePOST a {
text-decoration:none !important; line-height:36px;
}
/* COULEUR PSEUDONYME */
.namePOST span strong {
color:white !important; /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
font-size:11px; color:rgba(255,255,255,0.9);  /* MODIFIABLE */
}
/* CITER / EDITER / SUPPRIMER / IP */
.toolsPOST {
display:inline-block; vertical-align:middle;
width:25%; text-align:right;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* BLOC DATE / IMAGES CONTACT JOUEUR */
.DKPOST {
padding:5px; 
background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
}
/* DATE SUJET */
.datePOST {
display:inline-block; vertical-align:middle; width:40%;
text-align:left; font-size:11px; text-transform:uppercase;
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
display:inline-block; vertical-align:middle;
width:60%; text-align:right; line-height:0;
}
.ktactPOST img {
max-height:25px; filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* APPARENCE MESSAGE */
div.postbody {
min-height:310px; padding:15px;
background:#F2F2F2; color:black; /* MODIFIABLE */
text-align:justify;
}
div.postbody img {
max-width:100%;
}
.signPOST br:nth-of-type(1) {
display:none;
}

Modifier la taille des avatars :
Code:
/* TAILLE AVATARS */
.avaPOST img {
min-width:200px !important; /* MODIFIABLE */
}

CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE
Revenir en haut Aller en bas
[10] Sujet Empty Mar 2 Aoû - 3:01
[10] Sujet SBJ6

Remplacer l'intégralité du template 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="0" cellpadding="0">
 <!-- 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 -->
    <tr><td align="left" {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 valign="middle" align="right"><span class="navPOST" 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="2"><div id="tlePOST">{TOPIC_TITLE}</div></td></tr>
    </table>

    <table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" >
    <!-- BEGIN topicpagination -->
    <tr><td colspan="2" 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="2" 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 --><div style="height:5px;"></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="nameIPOST grpPOST"><div style="display:none;">{postrow.displayed.POSTER_NAME}</div><div class="namePOST"><span style="display:inline-block; vertical-align:middle; height:85px;"></span><span style="display:inline-block; vertical-align:middle;"><strong>{postrow.displayed.POSTER_NAME}</strong><div class="borderPOST"></div><div class="rankPOST">{postrow.displayed.POSTER_RANK}</div></span></div></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>
        </td>
 
        <td valign="top" width="100%">
        <div class="DTPOST grpPOST"><div style="display:none;">{postrow.displayed.POSTER_NAME}</div><div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</div><div class="toolsPOST">{postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG}</div><div class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></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 -->
 
        <span class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} style="display:block; text-align:right;">
        <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></span>
        </td>
        </tr>
        <!-- BEGIN first_post_br -->
        </table>

        <table width="100%" align="center" border="0" cellspacing="0" 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 colspan="2"><span class="genmed">{no_post.L_NO_POST}</span></td>
        </tr>
        <!-- END no_post -->
        </table>
 
    <table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
    <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 -->
    </tr>
    </table>

    <!-- BEGIN switch_forum_rules -->
     <table id="forum_rules" width="100%" border="0" cellspacing="0" cellpadding="0">
     <tr><td valign="top" colspan="2"><div class="cattitle">{L_FORUM_RULES}</div></td></tr>
     <tr>
     <td class="clearfix">
     <table>
     <tr>
     <!-- BEGIN switch_forum_rule_image -->
     <td class="logo"><img src="{RULE_IMG_URL}" /></td>
     <!-- END switch_forum_rule_image -->
     <td class="rules postbody">{RULE_MSG}</td>
     </tr>
     </table>
     </td>
     </tr>
    </table>
    <!-- END switch_forum_rules -->

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table width="100%" style="margin-top:5px;" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr><td align="left" valign="middle" {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="0" cellpadding="0" align="center">
     <tr><td colspan="2" align="right" valign="top" nowrap="nowrap"><span style="display:inline-block; vertical-align:middle;">{S_TOPIC_ADMIN}</span>
     <form name="action" method="get" action="{S_FORM_MOD_ACTION}" style="display:inline-block; vertical-align:middle;">
     <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">{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
     </form>
     </td></tr>
    </table>
    <!-- END viewtopic_bottom -->
 
     <table class="forumline noprint" align="center" 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}<!-- END switch_user_logged_in -->
     </td></tr>
    </table>
 
 <script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('.grpPOST').css("background-color", color);});});</script>
    <!-- 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>

Partie CSS pour avatars 200*XXX :
Code:
/* PRESENTATION DU SUJET */
/* TITRE SUJET */
#tlePOST {
margin:5px auto; padding:15px 0;
background:black; color:#DEDEDE; /* MODIFIABLE */
text-align:center; text-transform:uppercase; font-size:32px; font-family:Arial;
}
/* NAVIGATION SUJET */
.navPOST {
font-size:11px; font-family:Arial;
}
.navPOST a {
font-size:11px; text-transform:uppercase; font-family:Arial;
}
/* BLOC JOUEUR */
.boxPOST {
margin-right:10px; width:220px; text-align:center;
}
/* BLOC AVATAR */
.avaPOST {
margin:auto; width:200px; padding:10px; border:1px solid;
border-color:#666; background:#F2F2F2; /* MODIFIABLE */
}
/* BLOC PSEUDONYME & RANG */
.nameIPOST {
margin:10px auto; width:220px; height:85px;
border:1px solid; text-align:right;
border-color:#666; background:grey; /* MODIFIABLE - BACKGROUND DES INVITES */
}
/* CONTENU PSEUDONYME & RANG */
.namePOST {
margin-left:45px;
width:165px; height:85px; padding-right:10px; font-family:Arial;
background:white; /* MODIFIABLE */
}
.namePOST a {
text-decoration:none !important; font-size:14px;
}
/* BORDURE PSEUDONYME */
.borderPOST {
margin-top:5px; border-bottom:1px solid;
border-bottom-color:lightgrey; /* MODIFIABLE */  
}
/* TEXTE RANG */
.rankPOST {
padding-top:5px; font-size:10px;
color:black; /* MODIFIABLE */
}
/* BLOC INFORMATIONS JOUEUR */
.abtPOST {
margin:10px auto;
width:222px; text-align:left; font-size:11px; font-family:Arial;
}
/* INFORMATIONS JOUEUR */
.abtPOST div {
margin-bottom:5px;
width:210px; padding:5px; border:1px solid;
text-transform:uppercase; font-size:10px;
border-color:#666; background:white; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST span.label {
color:black; /* MODIFIABLE */
}
/* REDIMENSIONNEMENT IMAGES INFORMATIONS JOUEUR */
.abtPOST div img {
margin:auto; max-width:100%;
}
/* BLOC DATE / OUTILS MODERATION / IMAGES CONTACT JOUEUR */
.DTPOST {
padding:10px;
text-align:right; text-transform:uppercase; font-size:11px; font-family:Arial;
background:grey; /* MODIFIABLE - COULEUR DES INVITES */
}
/* DATE SUJET */
.datePOST {
display:inline-block; vertical-align:middle;
color:white; /* MODIFIABLE */
}
/* CITER / EDITER / SUPPRIMER / IP */
.toolsPOST {
display:inline-block; vertical-align:middle; margin-left:15px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
margin-top:5px; height:20px; padding-top:9px; border-top:1px solid;
border-top-color:white; /* MODIFIABLE */
text-align:right;
}
.ktactPOST img {
max-height:20px; filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* APPARENCE MESSAGE */
div.postbody {
min-height:337px; padding:15px; border:1px solid; border-top:none;
border-color:#666; background:#F2F2F2; color:black; /* MODIFIABLE */
text-align:justify;
}
div.postbody img {
max-width:100%;
}
/* BLOC SIGNATURE */
.signPOST {
margin-top:10px;
min-height:50px; padding:15px; border:1px solid;
border-color:#666; background:#F2F2F2; color:black; /* MODIFIABLE */
font-size:11px;
}
.signPOST br:nth-child(1) {
display:none;
}
.signPOST br:nth-child(2) {
display:none;
}

Partie CSS pour avatars 250*XXX :
Code:
/* PRESENTATION DU SUJET */
/* TITRE SUJET */
#tlePOST {
margin:5px auto; padding:15px 0;
background:black; color:#DEDEDE; /* MODIFIABLE */
text-align:center; text-transform:uppercase; font-size:32px; font-family:Arial;
}
/* NAVIGATION SUJET */
.navPOST {
font-size:11px; font-family:Arial;
}
.navPOST a {
font-size:11px; text-transform:uppercase; font-family:Arial;
}
/* BLOC JOUEUR */
.boxPOST {
margin-right:10px; width:270px; text-align:center;
}
/* BLOC AVATAR */
.avaPOST {
margin:auto; width:250px; padding:10px; border:1px solid;
border-color:#666; background:#F2F2F2; /* MODIFIABLE */
}
.avaPOST img {
min-width:250px !important;
}
/* BLOC PSEUDONYME & RANG */
.nameIPOST {
margin:10px auto; width:270px; height:85px;
border:1px solid; text-align:right;
border-color:#666; background:grey; /* MODIFIABLE - BACKGROUND DES INVITES */
}
/* CONTENU PSEUDONYME & RANG */
.namePOST {
margin-left:75px;
width:185px; height:85px; padding-right:10px; font-family:Arial;
background:white; /* MODIFIABLE */
}
.namePOST a {
text-decoration:none !important; font-size:14px;
}
/* BORDURE PSEUDONYME */
.borderPOST {
margin-top:5px; border-bottom:1px solid;
border-bottom-color:lightgrey; /* MODIFIABLE */  
}
/* TEXTE RANG */
.rankPOST {
padding-top:5px; font-size:10px;
color:black; /* MODIFIABLE */
}
/* BLOC INFORMATIONS JOUEUR */
.abtPOST {
margin:10px auto;
width:272px; text-align:left; font-size:11px; font-family:Arial;
}
/* INFORMATIONS JOUEUR */
.abtPOST div {
margin-bottom:5px;
width:260px; padding:5px; border:1px solid;
text-transform:uppercase; font-size:10px;
border-color:#666; background:white; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST span.label {
color:black; /* MODIFIABLE */
}
/* REDIMENSIONNEMENT IMAGES INFORMATIONS JOUEUR */
.abtPOST div img {
margin:auto; max-width:100%;
}
/* BLOC DATE / OUTILS MODERATION / IMAGES CONTACT JOUEUR */
.DTPOST {
padding:10px;
text-align:right; text-transform:uppercase; font-size:11px; font-family:Arial;
background:grey; /* MODIFIABLE - COULEUR DES INVITES */
}
/* DATE SUJET */
.datePOST {
display:inline-block; vertical-align:middle;
color:white; /* MODIFIABLE */
}
/* CITER / EDITER / SUPPRIMER / IP */
.toolsPOST {
display:inline-block; vertical-align:middle; margin-left:15px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
margin-top:5px; height:20px; padding-top:9px; border-top:1px solid;
border-top-color:white; /* MODIFIABLE */
text-align:right;
}
.ktactPOST img {
max-height:20px; filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* APPARENCE MESSAGE */
div.postbody {
min-height:367px; padding:15px; border:1px solid; border-top:none;
border-color:#666; background:#F2F2F2; color:black; /* MODIFIABLE */
text-align:justify;
}
div.postbody img {
max-width:100%;
}
/* BLOC SIGNATURE */
.signPOST {
margin-top:10px;
min-height:50px; padding:15px; border:1px solid;
border-color:#666; background:#F2F2F2; color:black; /* MODIFIABLE */
font-size:11px;
}
.signPOST br:nth-child(1) {
display:none;
}
.signPOST br:nth-child(2) {
display:none;
}

CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE
Revenir en haut Aller en bas
[10] Sujet Empty Sam 15 Oct - 23:15
[10] Sujet SBJ7

Remplacer l'intégralité du template 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="0" cellpadding="0">
    <tr><td align="left" {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" valign="middle"><!-- BEGIN switch_user_logged_in --><!-- BEGIN watchtopic --><span class="gensmall">{S_WATCH_TOPIC}</span><!-- END watchtopic --><!-- END switch_user_logged_in --> <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></td></tr>
 <tr><td colspan="2"><div id="tlePOST">{TOPIC_TITLE}<div class="navPOST" 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}</div></div>
    </td></tr>
    </table>

    <table align="center" border="0" cellspacing="0" cellpadding="0">
    <!-- BEGIN topicpagination -->
    <tr><td colspan="2" 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><td colspan="2">
        <!-- 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 --><div style="height:5px;"></div>
    </td></tr>
 
        <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <tr><td colspan="2"><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:30px; width:1px;" id="{postrow.displayed.U_POST_ID}"></a><div class="namePOST grpPOST"><span><strong>{postrow.displayed.POSTER_NAME}</strong></span><div class="rankPOST">{postrow.displayed.POSTER_RANK}</div></div></td></tr>
 
        <tr><td valign="top" class="boxPOST"><div class="avaPOST">{postrow.displayed.POSTER_AVATAR}</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="imgrankPOST">{postrow.displayed.RANK_IMAGE}</div></td>
 
        <td valign="top" width="100%" class="msgPOST"><div class="DTPOST"><div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" /> {postrow.displayed.POST_DATE}</div><div class="toolsPOST">{postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG}</div></div>
 
        <div class="postbody">{postrow.displayed.MESSAGE}

        <!-- 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>
        <!-- BEGIN switch_signature -->
        <div class="signPOST">{postrow.displayed.SIGNATURE}</div>
        <!-- END switch_signature -->

        </div>
        </td>
        </tr>
 
 <tr><td colspan="2"><div class="ktactPOST grpPOST"><div style="display:none;">{postrow.displayed.POSTER_NAME}</div>{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></div></td></tr>
 <script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");
$(this).closest('.grpPOST').css("background-color", color);});});</script>

        <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
        <td class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" colspan="2"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></td>
        </tr>
        <!-- BEGIN first_post_br -->
        </table>
 
        <table class="forumline" width="100%" align="center" border="0" cellspacing="0" 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="btmPOST" align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr><td align="left"><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> <span class="gensmall">{PAGE_NUMBER}</span></td>
    <!-- BEGIN topicpagination --><td align="right" ><span class="gensmall">{PAGINATION}</span></td><!-- END topicpagination -->
    </tr>
 <tr><td colspan="2"><div style="height:5px;"></div></td></tr>
 <tr><td colspan="2" class="navPOST" width="100%"><a href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</td></tr>
    </table>

    <!-- BEGIN switch_forum_rules -->
    <table id="forum_rules" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr><td valign="top" colspan="2"><div class="cattitle">{L_FORUM_RULES}</div></td></tr>
    <tr>
    <td class="clearfix">
    <table>
    <tr>
    <!-- BEGIN switch_forum_rule_image -->
    <td class="logo"><img src="{RULE_IMG_URL}" /></td>
    <!-- END switch_forum_rule_image -->
    <td class="rules postbody">{RULE_MSG}</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <!-- END switch_forum_rules -->

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table width="100%" style="margin-top:5px;" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr><td align="left" valign="middle" {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="0" cellpadding="0" align="center">
    <tr><td colspan="2" align="right" valign="top" nowrap="nowrap"><span style="display:inline-block; vertical-align:middle;">{S_TOPIC_ADMIN}</span>
    <form name="action" method="get" action="{S_FORM_MOD_ACTION}" style="display:inline-block; vertical-align:middle;">
    <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">{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
    </form>
    </td></tr>
    </table>
    <!-- END viewtopic_bottom -->
 
    <table class="forumline noprint" align="center" 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}<!-- END switch_user_logged_in -->
    </td></tr>
    </table>
 
    <!-- 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>

Partie CSS :
Code:
/* PRESENTATION DU SUJET */
/* TITRE SUJET */
#tlePOST {
margin:5px auto; padding:10px 15px;
background:rgba(255,255,255,0.7); color:black; /* MODIFIABLE */
text-align:center; text-transform:uppercase; font-size:32px; font-family:Arial;
}
/* NAVIGATION SUJET */
.navPOST {
padding-top:5px; border-top:1px solid;
font-size:10px; text-transform:uppercase; font-family:Arial;
border-top-color:black; color:black; /* MODIFIABLE */
}
/* LIENS NAVIGATION SUJET */
.navPOST a {
font-size:10px; text-transform:uppercase; font-weight:bold; font-family:Arial; 
color:black; /* MODIFIABLE */
}
/* BLOC PSEUDONYME & RANG */
.namePOST {
margin:auto; padding:15px;
background:grey; /* MODIFIABLE - COULEUR DES INVITES */
font-size:42px; text-transform:uppercase; text-align:left; font-family:Arial;
}
/* COULEUR PSEUDONYME */
.namePOST strong {
color:white; /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
display:block;
text-transform:uppercase; font-size:11px; opacity:0.9;
color:white; /* MODIFIABLE */
}
/* BLOC AVATAR & INFORMATIONS JOUEUR */
.boxPOST {
padding:10px; font-family:Arial;
background:#F2F2F2; /* MODIFIABLE */
}
/* TAILLE AVATARS */
.avaPOST img {
min-width:200px !important; /* MODIFIABLE */
}
/* BLOC INFORMATIONS JOUEUR */
.abtPOST {
margin:10px auto 0;
width:100%; text-align:left;
}
/* INFORMATIONS JOUEUR */
.abtPOST div {
margin-top:5px;
padding:5px; border:1px solid;
text-transform:uppercase; font-size:10px;
border-color:lightgrey; background:white; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST span {
font-weight:bold; /* MODIFIABLE */
}
/* REDIMENSIONNEMENT IMAGES INFORMATIONS JOUEUR */
.abtPOST div img {
margin:auto; max-width:100%;
}
/* BLOC MESSAGE */
.msgPOST {
background:white; /* MODIFIABLE */
}
/* BLOC DATE MESSAGE / OUTILS MODERATION */
.DTPOST {
width:98%; padding:1%;
text-align:right; font-family:Arial;
background:#E9E9E9; /* MODIFIABLE */
}
/* DATE MESSAGE */
.datePOST {
display:inline-block; vertical-align:middle;
font-size:11px; text-transform:uppercase;
color:black; /* MODIFIABLE */
}
/* CITER / EDITER / SUPPRIMER / IP */
.toolsPOST {
display:inline-block; vertical-align:middle; margin-left:15px;
}
/* APPARENCE MESSAGE */
div.postbody {
padding:15px; text-align:justify;
color:black; /* MODIFIABLE */
}
div.postbody img {
max-width:100%;
}
.signPOST br:nth-of-type(1) {
display:none;
}
/* BLOC IMAGES CONTACT JOUEUR */
.ktactPOST {
padding:5px 0; text-align:center; line-height:0;
background:grey; /* MODIFIABLE - COULEUR DES INVITES */
}
.ktactPOST img {
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* BLOC PAGINATION & NAVIGATION BAS SUJET */
.btmPOST {
margin-top:5px; padding:0 7px 5px;
background:rgba(255,255,255,0.7); color:black; /* MODIFIABLE */
}

CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE
Revenir en haut Aller en bas
[10] Sujet Empty Dim 23 Oct - 2:06
[10] Sujet SBJ8

Remplacer l'intégralité du template 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="0" cellpadding="0" style="max-width:950px;">
    <tr><td align="left" {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" valign="middle"><!-- BEGIN switch_user_logged_in --><!-- BEGIN watchtopic --><span class="gensmall">{S_WATCH_TOPIC}</span><!-- END watchtopic --><!-- END switch_user_logged_in --></td></tr>
 <tr><td colspan="2"><div id="tlePOST">{TOPIC_TITLE}</div>
 <span class="navPOST" 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 style="margin-right:5px;" href="#bottom">{L_GOTO_DOWN}</a></span></td></tr>
    </table>

    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="max-width:950px;">
    <!-- BEGIN topicpagination -->
    <tr><td class="pagination" 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}" align="center">{postrow.hidden.MESSAGE}</td></tr>
        <!-- END hidden -->
        <!-- BEGIN displayed -->
        <tr><td>
        <!-- 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 --><div style="height:5px;"></div>
        </td></tr>
 
    <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <td valign="top" class="topPOST"><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:30px; width:1px;" id="{postrow.displayed.U_POST_ID}"></a><div class="triPOST"><div style="display:none;">{postrow.displayed.POSTER_NAME}</div></div><div class="avaPOST">{postrow.displayed.POSTER_AVATAR}</div><div class="boxPOST"><div class="namePOST"><strong>{postrow.displayed.POSTER_NAME}</strong></div><div class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></div><div class="rankPOST">{postrow.displayed.POSTER_RANK}</div><div class="abtPOST"><!-- BEGIN profile_field --><div class="infoPOST"><div style="display:none;">{postrow.displayed.POSTER_NAME}</div>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div><!-- END profile_field --></div><div class="rpgPOST">{postrow.displayed.POSTER_RPG}</div></div></td></tr>
 
 <tr><td valign="top" width="100%">
    <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>
    <!-- BEGIN switch_signature -->
    <div class="signPOST">{postrow.displayed.SIGNATURE}</div>
    <!-- END switch_signature -->

    </div></td>
    </tr>
 
 <tr><td class="datePOST"><div style="display:none;">{postrow.displayed.POSTER_NAME}</div><div style="display:inline-block; vertical-align:middle; width:40%;"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" /> {postrow.displayed.POST_DATE}</div><div class="toolsPOST" style="display:inline-block; vertical-align:middle; width:60%; text-align:right;">{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}</div></td></tr>
 <script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");
$(this).closest('.datePOST').css("background-color", color);});});</script><script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");
$(this).closest('.triPOST').css("border-top-color", color);});});</script><script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");
$(this).closest('.infoPOST').css("border-bottom-color", color);});});</script>

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

    <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="max-width:950px;">
    <!-- END first_post_br -->
    <!-- END displayed -->
    <!-- END postrow -->
    <!-- BEGIN no_post -->
 
    <tr align="center">
    <td colspan="3" height="28"><span class="genmed">{no_post.L_NO_POST}</span></td>
    </tr>
    <!-- END no_post -->
    </table>
 
    <table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" style="max-width:950px;">
 <tr>
 <td valign="top" {COLSPAN_PAGINATION}><span class="gensmall">{PAGE_NUMBER}</span></td>
 <!-- BEGIN topicpagination -->
 <td align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
 <!-- END topicpagination -->
 </tr>
    </table>

    <!-- BEGIN switch_forum_rules -->
    <table id="forum_rules" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr><td valign="top"><div class="cattitle">{L_FORUM_RULES}</div></td></tr>
    <tr>
    <td class="clearfix">
    <table>
    <tr>
    <!-- BEGIN switch_forum_rule_image -->
    <td class="logo"><img src="{RULE_IMG_URL}" /></td>
    <!-- END switch_forum_rule_image -->
    <td class="rules postbody">{RULE_MSG}</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <!-- END switch_forum_rules -->

    <table class="navPOST" width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="margin-top:5px; max-width:950px;">
 <tr><td width="100%"><a href="{U_INDEX}" style="padding-left:5px;">{L_INDEX}</a>{NAV_SEP}<a href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</td></tr>
    </table>

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table width="100%" style="margin-top:5px; max-width:950px;" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr><td align="left" valign="middle" {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="0" cellpadding="0" align="center" style="max-width:950px;">
    <tr><td colspan="2" align="right" valign="top" nowrap="nowrap"><span style="display:inline-block; vertical-align:middle;">{S_TOPIC_ADMIN}</span>
    <form name="action" method="get" action="{S_FORM_MOD_ACTION}" style="display:inline-block; vertical-align:middle;">
    <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">{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
    </form>
    </td></tr>
    </table>
    <!-- END viewtopic_bottom -->
 
    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="max-width:950px;">
    <tr><td align="center" style="padding:0px;">
    <!-- BEGIN switch_user_logged_in --><a name="quickreply"></a>{QUICK_REPLY_FORM}<!-- END switch_user_logged_in -->
    </td></tr>
    </table>
 
    <!-- 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>

Partie CSS pour avatars 200*XXX :
Code:
/* PRESENTATION DU SUJET */
/* TITRE SUJET */
#tlePOST {
margin:5px auto 0; padding:10px 15px 10px 0;
background:black; color:#DEDEDE; /* MODIFIABLE */
text-align:right; font-size:32px; text-transform:uppercase; font-family:Arial;
}
/* NAVIGATION SUJET */
.navPOST {
display:block; margin-bottom:5px; padding:2px 0;
background:#E9E9E9; color:black; /* MODIFIABLE */
text-align:right; font-size:10px; text-transform:uppercase; font-family:Arial;
}
/* LIENS NAVIGATION SUJET */
.navPOST a {
font-size:10px; text-transform:uppercase; font-weight:bold; font-family:Arial;
color:black; /* MODIFIABLE */
}
/* BLOC JOUEUR */
.topPOST {
padding-bottom:15px;
text-align:center; font-family:Arial;
background:black; /* MODIFIABLE */
}
/* TRIANGLE COULEUR GROUPE */
.triPOST {
float:left; width:0; height:0; border-style:solid; border-width:100px 785px 0 0; border-color:transparent;
border-top-color:#FFF; /* MODIFIABLE - COULEUR DES INVITES */
}
/* AVATAR */
.avaPOST {
display:inline-block; vertical-align:top; margin:-75px 1.5% 0 0;
}
/* BLOC PSEUDONYME / IMAGES CONTACT / RANG / INFORMATIONS JOUEUR */
.boxPOST {
display:inline-block; vertical-align:top;
width:70%; text-align:right;
}
/* PSEUDONYME */
.namePOST {
font-size:42px; text-transform:uppercase; letter-spacing:3px; line-height:42px;
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
display:inline-block; vertical-align:middle;
width:50%; text-align:left;
}
.ktactPOST img {
max-height:25px; filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* TEXTE RANG */
.rankPOST {
display:inline-block; vertical-align:middle; margin-right:1%; width:49%;
text-align:right; font-size:12px; text-transform:uppercase;
color:white; /* MODIFIABLE */
}
/* BLOC INFORMATIONS JOUEUR */
.abtPOST {
display:block; text-align:left;
}
/* INFORMATIONS JOUEUR */
.infoPOST {
margin:2px 0; padding:2px 0 1px; border-bottom:1px solid;
text-align:left; font-size:11px;
border-bottom-color:white; color:white; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS JOUEUR */
.infoPOST span {
text-transform:uppercase; font-weight:bold; /* MODIFIABLE */
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST {
margin-top:5px; width:97%;
text-align:left; font-size:11px;
color:white; /* MODIFIABLE */
}
.rpgPOST br:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(2) {
display:none;
}
.rpgPOST a:nth-of-type(1) {
display:none;
}
/* APPARENCE MESSAGE */
div.postbody {
margin:auto; padding:10px;
background:#E9E9E9; color:black; /* MODIFIABLE */
text-align:justify;
}
div.postbody img {
max-width:100%;
}
.signPOST br:nth-of-type(1) {
display:none;
}
/* DATE SUJET & CITER / EDITER / SUPPRIMER / IP */
.datePOST {
padding:5px 10px; font-size:11px; text-transform:uppercase;
background:#FFF; color:black; /* MODIFIABLE - COULEUR DES INVITES */
}
.datePOST img {
filter:grayscale(1); -webkit-filter:grayscale(1);
}

Partie CSS pour avatars 250*XXX :
Code:
/* PRESENTATION DU SUJET */
/* TITRE SUJET */
#tlePOST {
margin:5px auto 0; padding:10px 15px 10px 0;
background:black; color:#DEDEDE; /* MODIFIABLE */
text-align:right; font-size:32px; text-transform:uppercase; font-family:Arial;
}
/* NAVIGATION SUJET */
.navPOST {
display:block; margin-bottom:5px; padding:2px 0;
background:#E9E9E9; color:black; /* MODIFIABLE */
text-align:right; font-size:10px; text-transform:uppercase; font-family:Arial;
}
/* LIENS NAVIGATION SUJET */
.navPOST a {
font-size:10px; text-transform:uppercase; font-weight:bold; font-family:Arial;
color:black; /* MODIFIABLE */
}
/* BLOC JOUEUR */
.topPOST {
padding-bottom:15px;
text-align:center; font-family:Arial;
background:black; /* MODIFIABLE */
}
/* TRIANGLE COULEUR GROUPE */
.triPOST {
float:left; width:0; height:0; border-style:solid; border-width:100px 785px 0 0; border-color:transparent;
border-top-color:#FFF; /* MODIFIABLE - COULEUR DES INVITES */
}
/* AVATAR */
.avaPOST {
display:inline-block; vertical-align:top; margin:-75px 1.5% 0 0;
}
.avaPOST img {
min-width:250px !important;
}
/* BLOC PSEUDONYME / IMAGES CONTACT / RANG / INFORMATIONS JOUEUR */
.boxPOST {
display:inline-block; vertical-align:top;
width:64%; text-align:right;
}
/* PSEUDONYME */
.namePOST {
font-size:42px; text-transform:uppercase; letter-spacing:3px; line-height:42px;
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
display:inline-block; vertical-align:middle;
width:50%; text-align:left;
}
.ktactPOST img {
max-height:25px; filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* TEXTE RANG */
.rankPOST {
display:inline-block; vertical-align:middle; margin-right:1%; width:49%;
text-align:right; font-size:12px; text-transform:uppercase;
color:white; /* MODIFIABLE */
}
/* BLOC INFORMATIONS JOUEUR */
.abtPOST {
display:block; text-align:left;
}
/* INFORMATIONS JOUEUR */
.infoPOST {
margin:2px 0; padding:2px 0 1px; border-bottom:1px solid;
text-align:left; font-size:11px;
border-bottom-color:white; color:white; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS JOUEUR */
.infoPOST span {
text-transform:uppercase; font-weight:bold; /* MODIFIABLE */
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST {
margin-top:5px; width:97%;
text-align:left; font-size:11px;
color:white; /* MODIFIABLE */
}
.rpgPOST br:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(2) {
display:none;
}
.rpgPOST a:nth-of-type(1) {
display:none;
}
/* APPARENCE MESSAGE */
div.postbody {
margin:auto; padding:10px;
background:#E9E9E9; color:black; /* MODIFIABLE */
text-align:justify;
}
div.postbody img {
max-width:100%;
}
.signPOST br:nth-of-type(1) {
display:none;
}
/* DATE SUJET & CITER / EDITER / SUPPRIMER / IP */
.datePOST {
padding:5px 10px; font-size:11px; text-transform:uppercase;
background:#FFF; color:black; /* MODIFIABLE - COULEUR DES INVITES */
}
.datePOST img {
filter:grayscale(1); -webkit-filter:grayscale(1);
}

CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE
Revenir en haut Aller en bas
[10] Sujet Empty Dim 27 Nov - 21:00
[10] Sujet SBJ9

[PROFIL A DROITE] Remplacer l'intégralité du template 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 style="margin:auto; max-width:920px;" width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
 <!-- BEGIN switch_user_logged_in -->
 <tr><!-- BEGIN watchtopic -->
 <td align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td></tr>
 <!-- END watchtopic -->
 <!-- END switch_user_logged_in -->
    <tr><td><div id="tlePOST"><span class="btnPOST">
     <!-- BEGIN switch_user_authpost --><a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" align="middle" border="0" /></a><!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" align="middle" border="0" /></a><!-- END switch_user_authreply --></span><h1 class="cattitle">{TOPIC_TITLE}</h1>
 <span class="navPOST" 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></div></td>
     </tr>
    </table>

    <table class="forumline" style="margin:auto; max-width:920px;" width="100%" border="0" cellspacing="0" cellpadding="0" >

     {POLL_DISPLAY}
     <!-- BEGIN postrow -->
     <!-- BEGIN hidden -->
     <tr>
     <td class="postdetails {postrow.hidden.ROW_CLASS}" align="center">{postrow.hidden.MESSAGE}</td>
     </tr>
     <!-- END hidden -->
     <!-- BEGIN displayed -->
 <tr>
     <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 class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <td valign="top" colspan="3"><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:30px; width:1px;" id="{postrow.displayed.U_POST_ID}"></a>
 <div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</div><div class="toolsPOST">{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}</div>
     </td>
 </tr>
<tr class="mainPOST"><td class="PPOST" valign="top">
     <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 -->
     </td>
 
 <td id="boxPOST" valign="top"><div class="triIPOST"></div><div class="triIIPOST"></div>
 <div class="boxPOST"><div class="namePOST">{postrow.displayed.POSTER_NAME}</div>
 <div class="avaPOST"><div class="rankPOST">{postrow.displayed.POSTER_RANK}</div>{postrow.displayed.POSTER_AVATAR}</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="rpgPOST">{postrow.displayed.POSTER_RPG}</div>
 <div class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></div>
     <div class="imgrankPOST">{postrow.displayed.RANK_IMAGE}</div>
 </div></td>
 <td class="blankPOST"></td></tr>
 <tr>
 <td colspan="3">
 <!-- BEGIN switch_signature -->
     <div class="signPOST">{postrow.displayed.SIGNATURE}</div>
     <!-- END switch_signature --></td>
     </tr>
     <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <td class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" colspan="3">
     <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%" border="0" cellspacing="1" cellpadding="0">
     <!-- END first_post_br -->
     <!-- END displayed -->
     <!-- END postrow -->
     <!-- BEGIN no_post -->
     <tr align="center">
     <td 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="border-top:0px; margin:auto; max-width:920px;">
<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 -->
 </tr>
</table>


<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin:auto; max-width:920px;">
<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" style="margin:auto; max-width:920px;" 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 align="left" valign="top" nowrap="nowrap">

<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>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" style="display:inline-block; vertical-align:middle;">
<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 -->
</form>
</td></tr>
<tr><td></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"><span class="gensmall">{S_AUTH_LIST}</span></td>
</tr>
 <!-- END show_permissions -->
<tr><td class="catBottom">
<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>
<tr><td>
<!-- BEGIN viewtopic_bottom -->
<span class="gen" style="display:inline-block; vertical-align:middle;">{S_TOPIC_ADMIN}</span>
<form name="action" method="get" action="{S_FORM_MOD_ACTION}" style="display:inline-block; vertical-align:middle;">
 <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">{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
 </form>
<!-- END viewtopic_bottom -->
</td></tr>
</table>


<!-- 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>

[PROFIL A GAUCHE] Remplacer l'intégralité du template 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 style="margin:auto; max-width:920px;" width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
 <!-- BEGIN switch_user_logged_in -->
 <tr><!-- BEGIN watchtopic -->
 <td align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td></tr>
 <!-- END watchtopic -->
 <!-- END switch_user_logged_in -->
    <tr><td><div id="tlePOST"><span class="btnPOST">
     <!-- BEGIN switch_user_authpost --><a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" align="middle" border="0" /></a><!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" align="middle" border="0" /></a><!-- END switch_user_authreply --></span><h1 class="cattitle">{TOPIC_TITLE}</h1>
 <span class="navPOST" 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></div></td>
     </tr>
    </table>

    <table class="forumline" style="margin:auto; max-width:920px;" width="100%" border="0" cellspacing="0" cellpadding="0">

    {POLL_DISPLAY}
    <!-- BEGIN postrow -->
    <!-- BEGIN hidden -->
    <tr>
    <td class="postdetails {postrow.hidden.ROW_CLASS}" 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 valign="top" colspan="3" align="right"><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:30px; width:1px;" id="{postrow.displayed.U_POST_ID}"></a>
 <div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</div><div class="toolsPOST">{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}</div>
    </td>
 </tr>
 <tr>
    <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 class="mainPOST">
 <td class="blankPOST"></td>
 <td id="boxPOST" valign="top"><div class="triIPOST"></div><div class="triIIPOST"></div>
 <div class="boxPOST"><div class="namePOST">{postrow.displayed.POSTER_NAME}</div>
 <div class="avaPOST"><div class="rankPOST">{postrow.displayed.POSTER_RANK}</div>{postrow.displayed.POSTER_AVATAR}</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="rpgPOST">{postrow.displayed.POSTER_RPG}</div>
 <div class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></div>
    <div class="imgrankPOST">{postrow.displayed.RANK_IMAGE}</div>
 </div></td>
<td class="PPOST" valign="top">
    <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 -->
    </td>
 
 </tr>
 <tr>
 <td colspan="3">
 <!-- BEGIN switch_signature -->
    <div class="signPOST">{postrow.displayed.SIGNATURE}</div>
    <!-- END switch_signature --></td>
    </tr>
    <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <td class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" colspan="3">
    <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%" border="0" cellspacing="1" cellpadding="0">
    <!-- END first_post_br -->
    <!-- END displayed -->
    <!-- END postrow -->
    <!-- BEGIN no_post -->
    <tr align="center">
    <td 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="border-top:0px; margin:auto; max-width:920px;">
<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 -->
 </tr>
</table>


<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="border-top:0px; margin:auto; max-width:920px;">
<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" style="margin:auto; max-width:920px;" 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 align="left" valign="top" nowrap="nowrap">

<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>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" style="display:inline-block; vertical-align:middle;">
<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 -->
</form>
</td></tr>
<tr><td></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"><span class="gensmall">{S_AUTH_LIST}</span></td>
</tr>
 <!-- END show_permissions -->
<tr><td class="catBottom">
<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>
<tr><td>
<!-- BEGIN viewtopic_bottom -->
<span class="gen" style="display:inline-block; vertical-align:middle;">{S_TOPIC_ADMIN}</span>
<form name="action" method="get" action="{S_FORM_MOD_ACTION}" style="display:inline-block; vertical-align:middle;">
 <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">{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
 </form>
<!-- END viewtopic_bottom -->
</td></tr>
</table>


<!-- 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>

[PROFIL A GAUCHE] Remplacer la ligne 2 du template viewtopic_poll_ballot par :
Code:
<td class="row2" colspan="3" align="right">

Partie CSS pour avatars 200*XXX :
Code:
/* PRESENTATION DU SUJET */
/* BLOC TITRE SUJET */
#tlePOST{
margin:5px auto; padding:10px;
background:black; /* MODIFIABLE */
text-transform:uppercase; text-align:right;
}
/* NOUVEAU & REPONDRE */
.btnPOST {
float:left;
}
/* TITRE SUJET */
#tlePOST h1 {
line-height:34px; font-size:32px; font-family:Arial;
color:#DEDEDE; /* MODIFIABLE */
}
/* NAVIGATION */
.navPOST {
display:block; margin-top:5px; padding:1%; font-size:10px; font-family:Arial;
background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
}
/* LIENS NAVIGATION */
.navPOST a {
color:black !important; /* MODIFIABLE */
}
/* DATE SUJET */
.datePOST {
display:inline-block; vertical-align:middle;
padding:5px 0; font-size:11px; text-transform:uppercase;
color:black; /* MODIFIABLE */
}
/* CITER / EDITER / SUPPRIMER / IP */
.toolsPOST {
display:inline-block; vertical-align:middle; margin-left:15px;
}
/* MESSAGE & BLOC JOUEUR */
.mainPOST {
margin:20px auto 0;  
box-shadow:0 0 5px rgba(0,0,0,0.2); background:#ccc; /* MODIFIABLE */
}
/* APPARENCE MESSAGE */
.PPOST {
width:71%; padding:1%; text-align:justify; font-size:11px;
color:black; /* MODIFIABLE */
}
/* LARGEUR MAXIMALE IMAGES APPARENCE MESSAGE */
.PPOST img{
max-width:100%;
}
/* TRIANGLE GAUCHE */
.triIPOST {
position:absolute; margin-left:-10px; margin-top:-20px;
width:0; height:0; border-style:solid; border-width:0 0 20px 10px; border-color:transparent;
border-bottom-color:black; /* MODIFIABLE */
}
/* BANDE PSEUDONYME / RANG / INFORMATIONS */
#boxPOST {
width:220px;
background:#191919; /* MODIFIABLE */
}
/* BLOC PSEUDONYME / RANG / INFORMATIONS */
.boxPOST {
margin-top:-20px;
width:200px; padding:10px; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* TRIANGLE DROITE */
.triIIPOST {
position:absolute; margin-top:-20px; margin-left:220px;
width:0; height:0; border-style:solid; border-width:20px 0 0 10px; border-color:transparent;
border-left-color:black; /* MODIFIABLE */
}
/* PSEUDONYME */
.namePOST {
text-transform:uppercase; font-size:32px; font-family:Arial;
background:white; /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
position:absolute; z-index:3; margin:10px;
width:160px; padding:10px;
background:black; color:white; /* MODIFIABLE */
text-transform:uppercase; font-size:11px; font-family:Arial;
opacity:0; transform:scale(0.7); -webkit-transform:scale(0.7); transition:all 1s ease; -webkit-transition:all 1s ease;
}
.avaPOST:hover .rankPOST {
opacity:1; transform:scale(1); -webkit-transform:scale(1);
}
/* AVATAR */
.avaPOST {
margin:10px auto;
}
.avaPOST img{
transition:all 1s ease; -webkit-transition:all 1s ease;
}
.avaPOST:hover img{
opacity:0.5; filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* INFORMATIONS JOUEUR */
.abtPOST div{
margin-bottom:5px; padding:5px;
text-align:justify; font-family:Arial; font-size:11px;
background:rgba(255,255,255,0.4); color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST span{
text-transform:uppercase; font-weight:bold; /* MODIFIABLE */
}
/* LARGEUR MAXIMALE IMAGES INFORMATIONS JOUEUR */
.abtPOST img{
max-width:100%;
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST{
padding:5px; text-align:justify; font-size:11px;
background:rgba(255,255,255,0.4); color:black; /* MODIFIABLE */
}
.rpgPOST br:nth-of-type(1) {
display:none;
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
margin-top:10px;
}
/* IMAGE RANG */
.imgrankPOST img{
margin:auto; max-width:100%;
}
/* ESPACE DROITE */
.blankPOST {
width:5%;
}
/* BLOC SIGNATURE */
.signPOST {
margin:10px auto 0; padding:10px; font-size:11px; text-align:justify;
box-shadow:0 0 5px rgba(0,0,0,0.2); background:#ccc; color:black; /* MODIFIABLE */
}
.signPOST br:nth-of-type(1) {
display:none;
}
.signPOST br:nth-of-type(2) {
display:none;
}

Partie CSS pour avatars 250*XXX :
Code:
/* PRESENTATION DU SUJET */
/* BLOC TITRE SUJET */
#tlePOST{
margin:5px auto; padding:10px;
background:black; /* MODIFIABLE */
text-transform:uppercase; text-align:right;
}
/* NOUVEAU & REPONDRE */
.btnPOST {
float:left;
}
/* TITRE SUJET */
#tlePOST h1 {
line-height:34px; font-size:32px; font-family:Arial;
color:#DEDEDE; /* MODIFIABLE */
}
/* NAVIGATION */
.navPOST {
display:block; margin-top:5px; padding:1%; font-size:10px; font-family:Arial;
background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
}
/* LIENS NAVIGATION */
.navPOST a {
color:black !important; /* MODIFIABLE */
}
/* DATE SUJET */
.datePOST {
display:inline-block; vertical-align:middle;
padding:5px 0; font-size:11px; text-transform:uppercase;
color:black; /* MODIFIABLE */
}
/* CITER / EDITER / SUPPRIMER / IP */
.toolsPOST {
display:inline-block; vertical-align:middle; margin-left:15px;
}
/* MESSAGE & BLOC JOUEUR */
.mainPOST {
margin:20px auto 0;  
box-shadow:0 0 5px rgba(0,0,0,0.2); background:#ccc; /* MODIFIABLE */
}
/* APPARENCE MESSAGE */
.PPOST {
width:71%; padding:1%; text-align:justify; font-size:11px;
color:black; /* MODIFIABLE */
}
/* LARGEUR MAXIMALE IMAGES APPARENCE MESSAGE */
.PPOST img{
max-width:100%;
}
/* TRIANGLE GAUCHE */
.triIPOST {
position:absolute; margin-left:-10px; margin-top:-20px;
width:0; height:0; border-style:solid; border-width:0 0 20px 10px; border-color:transparent;
border-bottom-color:black; /* MODIFIABLE */
}
/* BANDE PSEUDONYME / RANG / INFORMATIONS */
#boxPOST {
width:270px;
background:#191919; /* MODIFIABLE */
}
/* BLOC PSEUDONYME / RANG / INFORMATIONS */
.boxPOST {
margin-top:-20px;
width:250px; padding:10px; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* TRIANGLE DROITE */
.triIIPOST {
position:absolute; margin-top:-20px; margin-left:270px;
width:0; height:0; border-style:solid; border-width:20px 0 0 10px; border-color:transparent;
border-left-color:black; /* MODIFIABLE */
}
/* PSEUDONYME */
.namePOST {
text-transform:uppercase; font-size:32px; font-family:Arial;
background:white; /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
position:absolute; z-index:3; margin:10px;
width:210px; padding:10px;
background:black; color:white; /* MODIFIABLE */
text-transform:uppercase; font-size:11px; font-family:Arial;
opacity:0; transform:scale(0.7); -webkit-transform:scale(0.7); transition:all 1s ease; -webkit-transition:all 1s ease;
}
.avaPOST:hover .rankPOST {
opacity:1; transform:scale(1); -webkit-transform:scale(1);
}
/* AVATAR */
.avaPOST {
margin:10px auto;
}
.avaPOST img{
transition:all 1s ease; -webkit-transition:all 1s ease;
}
.avaPOST:hover img{
opacity:0.5; filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* INFORMATIONS JOUEUR */
.abtPOST div{
margin-bottom:5px; padding:5px;
text-align:justify; font-family:Arial; font-size:11px;
background:rgba(255,255,255,0.4); color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST span{
text-transform:uppercase; font-weight:bold; /* MODIFIABLE */
}
/* LARGEUR MAXIMALE IMAGES INFORMATIONS JOUEUR */
.abtPOST img{
max-width:100%;
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST{
padding:5px; text-align:justify; font-size:11px;
background:rgba(255,255,255,0.4); color:black; /* MODIFIABLE */
}
.rpgPOST br:nth-of-type(1) {
display:none;
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
margin-top:10px;
}
/* IMAGE RANG */
.imgrankPOST img{
margin:auto; max-width:100%;
}
/* ESPACE DROITE */
.blankPOST {
width:5%;
}
/* BLOC SIGNATURE */
.signPOST {
margin:10px auto 0; padding:10px; font-size:11px; text-align:justify;
box-shadow:0 0 5px rgba(0,0,0,0.2); background:#ccc; color:black; /* MODIFIABLE */
}
.signPOST br:nth-of-type(1) {
display:none;
}
.signPOST br:nth-of-type(2) {
display:none;
}
Revenir en haut Aller en bas
[10] Sujet Empty Dim 3 Sep - 4:30
[10] Sujet SBJ10

Remplacer l'intégralité du template 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="0" cellpadding="0">
    <tr><td align="left" {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" valign="middle"><!-- BEGIN switch_user_logged_in --><!-- BEGIN watchtopic --><span class="gensmall">{S_WATCH_TOPIC}</span><!-- END watchtopic --><!-- END switch_user_logged_in --> <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></td></tr>
 <tr><td colspan="2"><div class="navPOST" 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}</div></td></tr>
 <tr><td colspan="2"><div id="tlePOST">{TOPIC_TITLE}</div></td></tr>
    </table>

    <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
    <!-- BEGIN topicpagination -->
    <tr><td colspan="2" 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="2" align="center">{postrow.hidden.MESSAGE}</td></tr>
        <!-- END hidden -->
        <!-- BEGIN displayed -->
        <tr><td colspan="2">
        <!-- 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 --><div style="height:5px;"></div>
        </td></tr>
        <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <tr><td colspan="2"><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:30px; width:1px;" id="{postrow.displayed.U_POST_ID}"></a><div class="namePOST grpPOST"><span><strong>{postrow.displayed.POSTER_NAME}</strong></span><div class="toolsPOST">{postrow.displayed.QUOTE_IMG}{postrow.displayed.EDIT_IMG}{postrow.displayed.DELETE_IMG}</div></div></td></tr>
        <td {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" class="msgPOST">   
        <div class="postbody">{postrow.displayed.MESSAGE}

        <!-- 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>
        <!-- BEGIN switch_signature -->
        <div class="signPOST">{postrow.displayed.SIGNATURE}</div>
        <!-- END switch_signature -->
        </div></td>
 
 <td valign="top" class="boxPOST"><div class="triPOST"><div style="display:none;">{postrow.displayed.POSTER_NAME}</div></div><div class="avaPOST">{postrow.displayed.POSTER_AVATAR}</div><div class="rankPOST">{postrow.displayed.POSTER_RANK}</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></td></tr>
 
 <tr><td colspan="2"><div class="btmPOST"><div class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></div><div class="datePOST">{postrow.displayed.POST_DATE}</div></div></td></tr>
 <script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");
$(this).closest('.grpPOST').css("background-color", color);});});</script><script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");
$(this).closest('.triPOST').css("border-top-color", color);});});</script>

        <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
        <td class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" colspan="2"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></td>
        <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" colspan="2"></td></tr>
        <!-- BEGIN first_post_br -->
        </table>
 
        <table class="forumline" width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
        <tr><th class="thLeft" width="150px" height="26">{L_AUTHOR}</th><th class="thRight">{L_MESSAGE}</th></tr>
        <!-- END first_post_br -->
        <!-- END displayed -->
        <!-- END postrow -->
        <!-- BEGIN no_post -->
        <tr align="center"><td colspan="2" height="28"><span class="genmed">{no_post.L_NO_POST}</span></td></tr>
        <!-- END no_post -->
        </table>
 
    <table class="navPOST" align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr><td align="left" valign="middle" {COLSPAN_PAGINATION}><a href="{U_VIEW_OLDER_TOPIC}" style="margin-left:5px;">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> <span class="gensmall">{PAGE_NUMBER}</span></td><!-- BEGIN topicpagination --><td align="right"><span class="gensmall" style="padding-right:5px;">{PAGINATION}</span></td><!-- END topicpagination --></tr>
    </table>

    <!-- BEGIN switch_forum_rules -->
    <table id="forum_rules" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr><td valign="top" colspan="2"><div class="cattitle">{L_FORUM_RULES}</div></td></tr>
    <tr>
    <td class="clearfix">
    <table>
    <tr>
    <!-- BEGIN switch_forum_rule_image -->
    <td class="logo"><img src="{RULE_IMG_URL}" /></td>
    <!-- END switch_forum_rule_image -->
    <td class="rules postbody">{RULE_MSG}</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <!-- END switch_forum_rules -->

    <table class="navPOST" align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr><td colspan="2" width="100%"><a href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</td></tr>
    </table>

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table width="100%" style="margin-top:5px;" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr><td align="left" valign="middle" {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="0" cellpadding="0" align="center">
    <tr><td colspan="2" align="right" valign="top" nowrap="nowrap"><span style="display:inline-block; vertical-align:middle;">{S_TOPIC_ADMIN}</span>
    <form name="action" method="get" action="{S_FORM_MOD_ACTION}" style="display:inline-block; vertical-align:middle;">
    <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">{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
    </form>
    </td></tr>
    </table>
    <!-- END viewtopic_bottom -->
 
    <table class="forumline noprint" align="center" 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}<!-- END switch_user_logged_in -->
    </td></tr>
    </table>
 
    <!-- 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>

Partie CSS pour avatars 200*XXX :
Code:
/* PRESENTATION DU SUJET */
/* TITRE SUJET */
#tlePOST {
margin:0 auto 5px; padding:15px 0; border:1px solid;
border-color:grey; background:#E9E9E9; color:black; /* MODIFIABLE */
text-align:center; text-transform:uppercase; font-size:32px; font-weight:bold; font-family:Arial;
}
/* NAVIGATION SUJET */
.navPOST {
margin:5px auto; padding:2px 0; border:1px solid;
border-color:grey; background:#E9E9E9; color:black; /* MODIFIABLE */
text-align:center; font-size:10px; text-transform:uppercase; font-family:Arial;
}
/* LIENS NAVIGATION SUJET */
.navPOST a {
font-size:10px; font-weight:bold; font-family:Arial;
color:black; /* MODIFIABLE */
}
/* BLOC PSEUDONYME & RANG */
.namePOST {
margin:auto; padding:15px;
background:#4A4A4A; /* MODIFIABLE - COULEUR DES INVITES */
text-align:left; font-size:42px; text-transform:uppercase; font-family:Arial;
}
/* COULEUR PSEUDONYME */
.namePOST strong {
color:white; /* MODIFIABLE */
}
/* CITER / EDITER / SUPPRIMER */
.toolsPOST {
float:right; margin-top:15px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
.toolsPOST a {
display:inline-block; vertical-align:middle; margin-left:5px;
}
/* TRIANGLE PSEUDONYME */
.triPOST {
margin-top:-10px; margin-left:165px;
width:0; height:0; border-style:solid; border-width:10px 10px 0 10px; border-color:transparent;
border-top-color:#4A4A4A; /* MODIFIABLE - COULEUR DES INVITES */
}
/* BLOC MESSAGE & SIGNATURE */
.msgPOST {
max-width:750px; overflow:hidden;
background:white; /* MODIFIABLE */
}
.msgPOST img {
max-width:100%;
}
/* APPARENCE MESSAGE */
div.postbody {
padding:15px; text-align:justify;
color:black; /* MODIFIABLE */
}
.signPOST br:nth-of-type(1) {
display:none;
}
/* BLOC AVATAR / TEXTE RANG / INFORMATIONS JOUEUR */
.boxPOST {
padding:10px; font-family:Arial;
background:#F2F2F2; /* MODIFIABLE */
}
/* TRAIT TEXTE RANG */
.rankPOST::before {
content:''; display:inline-block; vertical-align:middle; margin-right:5px;
width:50px; height:1px;
background:black; /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
margin-top:5px;
text-align:justify; text-transform:uppercase; font-size:11px;
color:black; /* MODIFIABLE */
}
/* BLOC INFORMATIONS JOUEUR */
.abtPOST {
margin:auto;
width:100%; text-align:left;
}
/* INFORMATIONS JOUEUR */
.abtPOST div {
margin-top:5px;
padding:5px; border:1px solid;
text-transform:uppercase; font-size:10px;
border-color:lightgrey; background:white; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST span {
font-weight:bold; /* MODIFIABLE */
}
/* REDIMENSIONNEMENT IMAGES INFORMATIONS JOUEUR */
.abtPOST div img {
margin:auto; max-width:100%;
}
/* BLOC IMAGES CONTACT / DATE MESSAGE */
.btmPOST {
padding:10px; text-align:left;
background:grey; /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
display:inline-block; vertical-align:middle;
width:70%; line-height:0;
}
.ktactPOST img {
display:inline-block; vertical-align:middle;
}
/* DATE MESSAGE */
.datePOST {
display:inline-block; vertical-align:middle; width:30%;
color:white; /* MODIFIABLE */
text-align:right; font-size:12px; text-transform:uppercase; font-family:Arial;
}

Partie CSS pour avatars 250*XXX :
Code:
/* PRESENTATION DU SUJET */
/* TITRE SUJET */
#tlePOST {
margin:0 auto 5px; padding:15px 0; border:1px solid;
border-color:grey; background:#E9E9E9; color:black; /* MODIFIABLE */
text-align:center; text-transform:uppercase; font-size:32px; font-weight:bold; font-family:Arial;
}
/* NAVIGATION SUJET */
.navPOST {
margin:5px auto; padding:2px 0; border:1px solid;
border-color:grey; background:#E9E9E9; color:black; /* MODIFIABLE */
text-align:center; font-size:10px; text-transform:uppercase; font-family:Arial;
}
/* LIENS NAVIGATION SUJET */
.navPOST a {
font-size:10px; font-weight:bold; font-family:Arial;
color:black; /* MODIFIABLE */
}
/* BLOC PSEUDONYME & RANG */
.namePOST {
margin:auto; padding:15px;
background:#4A4A4A; /* MODIFIABLE - COULEUR DES INVITES */
text-align:left; font-size:42px; text-transform:uppercase; font-family:Arial;
}
/* COULEUR PSEUDONYME */
.namePOST strong {
color:white; /* MODIFIABLE */
}
/* CITER / EDITER / SUPPRIMER */
.toolsPOST {
float:right; margin-top:15px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
.toolsPOST a {
display:inline-block; vertical-align:middle; margin-left:5px;
}
/* TRIANGLE PSEUDONYME */
.triPOST {
margin-top:-10px; margin-left:205px;
width:0; height:0; border-style:solid; border-width:10px 10px 0 10px; border-color:transparent;
border-top-color:#4A4A4A; /* MODIFIABLE - COULEUR DES INVITES */
}
/* BLOC MESSAGE & SIGNATURE */
.msgPOST {
max-width:750px; overflow:hidden;
background:white; /* MODIFIABLE */
}
.msgPOST img {
max-width:100%;
}
/* APPARENCE MESSAGE */
div.postbody {
padding:15px; text-align:justify;
color:black; /* MODIFIABLE */
}
.signPOST br:nth-of-type(1) {
display:none;
}
/* BLOC AVATAR / TEXTE RANG / INFORMATIONS JOUEUR */
.boxPOST {
padding:10px; font-family:Arial;
background:#F2F2F2; /* MODIFIABLE */
}
/* TAILLE AVATARS */
.avaPOST img {
min-width:250px !important; /* MODIFIABLE */
}
/* TRAIT TEXTE RANG */
.rankPOST::before {
content:''; display:inline-block; vertical-align:middle; margin-right:5px;
width:50px; height:1px;
background:black; /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
margin-top:5px;
text-align:justify; text-transform:uppercase; font-size:11px;
color:black; /* MODIFIABLE */
}
/* BLOC INFORMATIONS JOUEUR */
.abtPOST {
margin:auto;
width:100%; text-align:left;
}
/* INFORMATIONS JOUEUR */
.abtPOST div {
margin-top:5px;
padding:5px; border:1px solid;
text-transform:uppercase; font-size:10px;
border-color:lightgrey; background:white; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST span {
font-weight:bold; /* MODIFIABLE */
}
/* REDIMENSIONNEMENT IMAGES INFORMATIONS JOUEUR */
.abtPOST div img {
margin:auto; max-width:100%;
}
/* BLOC IMAGES CONTACT / DATE MESSAGE */
.btmPOST {
padding:10px; text-align:left;
background:grey; /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
display:inline-block; vertical-align:middle;
width:70%; line-height:0;
}
.ktactPOST img {
display:inline-block; vertical-align:middle;
}
/* DATE MESSAGE */
.datePOST {
display:inline-block; vertical-align:middle; width:30%;
color:white; /* MODIFIABLE */
text-align:right; font-size:12px; text-transform:uppercase; font-family:Arial;
}

CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum