| |  Jeu 29 Jan - 5:32 | 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} <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 :PSD : https://www.dropbox.com/s/dfh6ogpwb5qeiow/RSBJ1.psd?dl=0CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE |
| | |  Ven 29 Mai - 3:26 | 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" {WIDTH_GALLERY}> <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}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><!-- BEGIN switch_user_logged_in --><!-- BEGIN watchtopic --><span class="gensmall" style="display:inline-block; vertical-align:bottom; width:60%; text-align:right;">{S_WATCH_TOPIC}</span><!-- END watchtopic --><!-- END switch_user_logged_in --> </td></tr> <tr><td><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" 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><!-- BEGIN switch_vote_active --> <div class="vote gensmall"> <!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div> <!-- END switch_vote -->
<!-- BEGIN switch_bar --> <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}"> <!-- BEGIN switch_vote_plus --> <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div> <!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus --> <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div> <!-- END switch_vote_minus --> </div> <!-- END switch_bar -->
<!-- BEGIN switch_no_bar --> <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div> <!-- END switch_no_bar -->
<!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div> <!-- END switch_vote --> </div> <!-- END switch_vote_active --> </td></tr> <tr> <td valign="top"><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>{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="float:right; margin-right:15px;"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{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><div class="imgrankPOST">{postrow.displayed.RANK_IMAGE}</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> </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="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> <hr /> <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: 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').css("background-color", color);});});</script> </tr> </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 style="padding:5px 0;"> <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="row1 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} <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> 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; font-size:32px; font-family:Arial; text-transform:uppercase; text-align:left; color:#DEDEDE; /* MODIFIABLE */ } /* NAVIGATION SUJET */ .navPOST { display:block; margin-bottom:10px; padding:2px 0; padding-left:10px; background:#CCC; color:black; /* MODIFIABLE */ font-size:10px; font-family:Arial; text-transform:uppercase; text-align:left; } /* 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; font-size:11px; background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */ 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 */ #namePOST { background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */ } .namePOST { height:25px; padding:15px 0; padding-left:245px; text-align:right; text-transform:uppercase; font-family:Arial; font-size:20px; } .namePOST a { margin-right:15px; } /* PSEUDONYME */ .namePOST a strong { color:white; /* MODIFIABLE */ } /* TEXTE RANG */ .rankPOST { height:15px; padding:5px 15px 5px 245px; text-transform:uppercase; text-align:right; font-family:Arial; font-size:11px; 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 0; padding-left:245px; font-family:Arial; font-size:10px; background:rgba(255,255,255,0.3); color:black; /* MODIFIABLE */ } .datePOST img{ max-height:15px; } /* INFORMATIONS JOUEUR */ .abtPOST { margin-top:5px; height:185px; padding:10px 0; padding-left:245px; overflow-y:auto; font-size:11px; background:rgba(255,255,255,0.4); color:black; /* MODIFIABLE */ } /* IMAGES CONTACT JOUEUR */ .ktactPOST { margin-top:-15px; padding-left:245px; text-align:center; } /* IMAGE RANG */ .imgrankPOST { float:right; margin-right:-39px; margin-top:-90px; height:10px; } /* APPARENCE MESSAGE */ div.postbody { margin:5px auto 0; padding:10px; background:rgba(255,255,255,0.3); color:black; /* MODIFIABLE */ text-align:justify; } 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; font-size:32px; font-family:Arial; text-transform:uppercase; text-align:left; color:#DEDEDE; /* MODIFIABLE */ } /* NAVIGATION SUJET */ .navPOST { display:block; margin-bottom:10px; padding:2px 0; padding-left:10px; background:#CCC; color:black; /* MODIFIABLE */ font-size:10px; font-family:Arial; text-transform:uppercase; text-align:left; } /* 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; font-size:11px; background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */ 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 */ #namePOST { background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */ } .namePOST { height:25px; padding:20px 0; padding-left:245px; text-align:right; text-transform:uppercase; font-family:Arial; font-size:20px; } .namePOST a { margin-right:15px; } /* PSEUDONYME */ .namePOST a strong { color:white; /* MODIFIABLE */ } /* TEXTE RANG */ .rankPOST { height:15px; padding:5px 15px 5px 245px; text-transform:uppercase; text-align:right; font-family:Arial; font-size:11px; 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 0; padding-left:245px; font-family:Arial; font-size:10px; background:rgba(255,255,255,0.3); color:black; /* MODIFIABLE */ } .datePOST img{ max-height:15px; } /* INFORMATIONS JOUEUR */ .abtPOST { margin-top:5px; height:245px; padding:15px 0; padding-left:245px; overflow-y:auto; font-size:11px; background:rgba(255,255,255,0.4); color:black; /* MODIFIABLE */ } /* IMAGES CONTACT JOUEUR */ .ktactPOST { margin-top:-15px; padding-left:245px; text-align:center; } /* IMAGE RANG */ .imgrankPOST { float:right; margin-right:-39px; margin-top:-90px; height:10px; } /* APPARENCE MESSAGE */ div.postbody { margin:5px auto 0; padding:10px; background:rgba(255,255,255,0.3); color:black; /* MODIFIABLE */ text-align:justify; } 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; font-size:32px; font-family:Arial; text-transform:uppercase; text-align:left; color:#DEDEDE; /* MODIFIABLE */ } /* NAVIGATION SUJET */ .navPOST { display:block; margin-bottom:10px; padding:2px 0; padding-left:10px; background:#CCC; color:black; /* MODIFIABLE */ font-size:10px; font-family:Arial; text-transform:uppercase; text-align:left; } /* BLOC AVATAR */ .avaPOST { position:absolute; margin-left:25px; width:250px; height:350px; } /* AVATAR */ .avaPOST img{ width:250px; 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; font-size:11px; background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */ 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 */ #namePOST { background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */ } .namePOST { height:25px; padding:15px 0; padding-left:295px; text-align:right; text-transform:uppercase; font-family:Arial; font-size:20px; } .namePOST a { margin-right:15px; } /* PSEUDONYME */ .namePOST a strong { color:white; /* MODIFIABLE */ } /* TEXTE RANG */ .rankPOST { height:15px; padding:5px 15px 5px 295px; text-transform:uppercase; text-align:right; font-family:Arial; font-size:11px; 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 0; padding-left:295px; font-family:Arial; font-size:10px; background:rgba(255,255,255,0.3); color:black; /* MODIFIABLE */ } .datePOST img{ max-height:15px; } /* INFORMATIONS JOUEUR */ .abtPOST { margin-top:5px; height:205px; padding:15px 0; padding-left:295px; overflow-y:auto; font-size:11px; background:rgba(255,255,255,0.4); color:black; /* MODIFIABLE */ } /* IMAGES CONTACT JOUEUR */ .ktactPOST { margin-top:-15px; padding-left:295px; text-align:center; } /* IMAGE RANG */ .imgrankPOST { float:right; margin-right:-39px; margin-top:-90px; height:10px; } /* APPARENCE MESSAGE */ div.postbody { margin:5px auto 0; padding:10px; background:rgba(255,255,255,0.3); color:black; /* MODIFIABLE */ text-align:justify; } Rangs :PSD : https://www.dropbox.com/s/9tgei1p2qjbom3s/SBJ2.psd?dl=0CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE |
| | |  Sam 6 Juin - 4:43 | Remplacer l'intégralité du code par :- Code:
<script type="text/javascript"> //<![CDATA[ var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" }; $(function(){
if(typeof(_atc) == "undefined") { _atc = { }; } _atc.cwait = 0; $('.addthis_button').mouseup(function(){ if ($('#at15s').css('display') == 'block') { addthis_close(); } }); });
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' }; showHiddenMessage = function(id) { try { var regId = parseInt(id, 10); if( isNaN(regId) ) { regId = 0; } if( regId > 0) { $('.post--' + id).toggle(0, function() { if( $(this).is(":visible") ) { $('#hidden-title--' + id).html(hiddenMsgLabel.visible); } else { $('#hidden-title--' + id).html(hiddenMsgLabel.hidden); } }); } } catch(e) { } return false; };
//]]> </script>
<table width="100%" align="center" border="0" cellspacing="2" cellpadding="0"> <tr> <td align="left" valign="bottom" 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}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> </tr> </table>
<table class="forumline" width="100%" align="center" border="0" cellspacing="1" cellpadding="0"> <tr align="center"> <td id="tleSBJ" colspan="3">{TOPIC_TITLE}<div class="browse-arrows" style="float:right;"><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> </div><br/> <span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>--> {NAV_CAT_DESC_SECOND}</span> </td> </tr> <!-- BEGIN topicpagination --> <tr> <td class="pagination" colspan="3" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td> </tr> <!-- END topicpagination --> {POLL_DISPLAY} <!-- BEGIN postrow --> <!-- BEGIN hidden --> <tr> <td class="postdetails" 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 {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2"> <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 class="postbody"> <div class="datePOST"><span><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span><span class="post-options" style="float: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> <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> </table> </td> <td valign="top"> <div class="namePOST"><strong>{postrow.displayed.POSTER_NAME}</strong></div> <div class="avaPOST">{postrow.displayed.POSTER_AVATAR}<div><div>{postrow.displayed.POSTER_RPG}</div></div></div> <div class="imgrankPOST">{postrow.displayed.RANK_IMAGE}<div class="onS">{postrow.displayed.ONLINE_IMG}</div></div> <div class="boxPOST"><div class="rankPOST">{postrow.displayed.POSTER_RANK}</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="abtPOST"><!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}<!-- END profile_field --></div></div> <div class="triPOST"></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> <!-- BEGIN first_post_br --> </table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th> <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th> </tr> <!-- END first_post_br --> <!-- END displayed --> <!-- END postrow --> <!-- BEGIN no_post --> <tr align="center"> <td colspan="3" height="28"> <span class="genmed">{no_post.L_NO_POST}</span> </td> </tr> <!-- END no_post --> <tr align="right"> <td class="catBottom" colspan="3" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="9%" class="noprint"> </td> <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td> <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr> </table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;"> <tr> <td valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td> <!-- BEGIN topicpagination --> <td align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td> <!-- END topicpagination --> </tr> <!-- BEGIN switch_user_logged_in --> <!-- BEGIN watchtopic --> <tr> <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td> </tr> <!-- END watchtopic --> <!-- END switch_user_logged_in --> </table>
<!-- BEGIN promot_trafic --> <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px"> <tr> <td class="catBottom" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td> <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </table>
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px"> <tr> <td class="catBottom" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td> <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> <tr> <td class="postbody" valign="top"> <!-- BEGIN link --> » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br /> <!-- END link --> </td> </tr> </table> <!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules --> <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px"> <tbody> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td valign="top"> <div class="cattitle"> {L_FORUM_RULES}</div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="clearfix"> <table> <tr> <!-- BEGIN switch_forum_rule_image --> <td class="logo"> <img src="{RULE_IMG_URL}" alt="" /> </td> <!-- END switch_forum_rule_image --> <td class="rules postbody"> {RULE_MSG} </td> </tr> </table> </td> </tr> </tbody> </table> <!-- END switch_forum_rules -->
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2" align="center" style="padding:0px"> <!-- BEGIN switch_user_logged_in --> <a name="quickreply"></a> {QUICK_REPLY_FORM}<br /> <!-- END switch_user_logged_in --> </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"> <tbody> <!-- BEGIN show_permissions --> <tr> <td valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td> <td valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td> </tr> <!-- END show_permissions --> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <!-- BEGIN show_permissions --> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> <!-- END show_permissions --> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;"> <tbody> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> </table>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}> <span class="nav"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authreply --> </span> </td>
<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
<!-- BEGIN moderation_panel --> <td align="center"> <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span> </td> <td align="center" width="250"> <span class="gensmall"> </span> </td> <!-- END moderation_panel --> </tr> </table> </form>
<!-- BEGIN viewtopic_bottom --> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br /> <form name="action" method="get" action="{S_FORM_MOD_ACTION}"> <input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> --> <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span> </form> </td> </tr> </table> <!-- END viewtopic_bottom -->
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> //<![CDATA[ $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); //]]> </script> <!-- END switch_image_resize --> <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script> Partie CSS pour avatars 200*320 :- Code:
/* PRESENTATION DU SUJET */ /* TITRE SUJET */ #tleSBJ { margin:auto; padding:10px 0; text-transform:uppercase; font-weight:bold; background:#f0f0ee; color:black; /* MODIFIABLE */ } /* DATE & OUTILS DE MODERATION */ .datePOST { margin-bottom:5px; padding:10px; background:rgba(250,250,250,0.3); color:black; font-size:11px; /* MODIFIABLE */ } /* APPARENCE MESSAGE */ div.postbody { min-height:400px; padding:10px; background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */ text-align:justify; } /* AVATAR */ .avaPOST { width:200px; height:320px; border:5px solid; border-color: #13172f; /* MODIFIABLE */ transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear; } .avaPOST img { width:200px; height:320px; } /* FICHE DE PERSONNAGE */ .avaPOST div{ position:absolute; z-index:2; margin-top:-320px; width:200px; height:320px; overflow:hidden; } /* CONTENU FICHE DE PERSONNAGE */ .avaPOST div div{ width:190px; height:310px; padding:5px; overflow:auto; font-size:11px; background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */ transform:translateY(-640px); -webkit-transform:translateY(-640px); transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear; } .avaPOST:hover div div { transform:translateY(320px); -webkit-transform:translateY(320px); } /* PSEUDONYME */ .namePOST { position:absolute; z-index:3; margin-left:45px; margin-top:165px; width:350px; padding:5px; text-align:left; text-transform:uppercase; transform:rotate(90deg); -webkit-transform:rotate(90deg); } /* IMAGE RANG */ .imgrankPOST { position:absolute; z-index:3; margin-top:-63px; } /* ICONE EN LIGNE */ .onS { position:absolute; z-index:4; margin-left:99px; margin-top:-30px; } /* BLOC INFORMATIONS JOUEUR */ .boxPOST { padding-top:50px; padding-bottom:5px; background:#13172f; /* MODIFIABLE */ } /* TEXTE RANG */ .rankPOST { padding:5px; width:200px; text-transform:uppercase; text-align:center; color:white; /* MODIFIABLE */ } /* IMAGES CONTACT JOUEUR */ .ktactPOST { width:210px; padding:5px 0; text-align:center; opacity:0.5; } /* INFORMATIONS JOUEUR */ .abtPOST { padding:5px; width:180px; margin:auto; font-size:10px; color:white; /* MODIFIABLE */ } /* IMAGES INFORMATIONS JOUEUR */ .abtPOST img{ margin:auto; max-width:180px; } /* TRIANGLE BAS PROFIL */ .triPOST { width:0; height:0; border-style:solid; border-width:50px 105px 0 105px; border-color:transparent; border-top-color:#13172f; /* MODIFIABLE */ } Partie CSS pour avatars 200*400 :- Code:
/* PRESENTATION DU SUJET */ /* TITRE SUJET */ #tleSBJ { margin:auto; padding:10px 0; text-transform:uppercase; font-weight:bold; background:#f0f0ee; color:black; /* MODIFIABLE */ } /* DATE & OUTILS DE MODERATION */ .datePOST { margin-bottom:5px; padding:10px; background:rgba(250,250,250,0.3); color:black; font-size:11px; /* MODIFIABLE */ } /* APPARENCE MESSAGE */ div.postbody { min-height:400px; padding:10px; background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */ text-align:justify; } /* AVATAR */ .avaPOST { width:200px; height:400px; border:5px solid; border-color: #13172f; /* MODIFIABLE */ transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear; } .avaPOST img { width:200px; height:400px; } /* FICHE DE PERSONNAGE */ .avaPOST div{ position:absolute; z-index:2; margin-top:-400px; width:200px; height:400px; overflow:hidden; } /* CONTENU FICHE DE PERSONNAGE */ .avaPOST div div{ width:190px; height:390px; padding:5px; overflow:auto; font-size:11px; background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */ transform:translateY(-800px); -webkit-transform:translateY(-800px); transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear; } .avaPOST:hover div div { transform:translateY(400px); -webkit-transform:translateY(400px); } /* PSEUDONYME */ .namePOST { position:absolute; z-index:3; margin-left:45px; margin-top:165px; width:350px; padding:5px; text-align:left; text-transform:uppercase; transform:rotate(90deg); -webkit-transform:rotate(90deg); } /* IMAGE RANG */ .imgrankPOST { position:absolute; z-index:3; margin-top:-63px; } /* ICONE EN LIGNE */ .onS { position:absolute; z-index:4; margin-left:99px; margin-top:-30px; } /* BLOC INFORMATIONS JOUEUR */ .boxPOST { padding-top:50px; padding-bottom:5px; background:#13172f; /* MODIFIABLE */ } /* TEXTE RANG */ .rankPOST { padding:5px; width:200px; text-transform:uppercase; text-align:center; color:white; /* MODIFIABLE */ } /* IMAGES CONTACT JOUEUR */ .ktactPOST { width:210px; padding:5px 0; text-align:center; opacity:0.5; } /* INFORMATIONS JOUEUR */ .abtPOST { padding:5px; width:180px; margin:auto; font-size:10px; color:white; /* MODIFIABLE */ } /* IMAGES INFORMATIONS JOUEUR */ .abtPOST img{ margin:auto; max-width:180px; } /* TRIANGLE BAS PROFIL */ .triPOST { width:0; height:0; border-style:solid; border-width:50px 105px 0 105px; border-color:transparent; border-top-color:#13172f; /* MODIFIABLE */ } Images - clic droit + copier l'adresse de l'image :
Rangs :PSD : https://www.dropbox.com/s/ra0yzlzerm5w7c3/RSBJ3.psd?dl=0PROFIL A GAUCHE Remplacer l'intégralité du template viewtopic_body par :- Code:
<script type="text/javascript"> //<![CDATA[ var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" }; $(function(){
if(typeof(_atc) == "undefined") { _atc = { }; } _atc.cwait = 0; $('.addthis_button').mouseup(function(){ if ($('#at15s').css('display') == 'block') { addthis_close(); } }); });
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' }; showHiddenMessage = function(id) { try { var regId = parseInt(id, 10); if( isNaN(regId) ) { regId = 0; } if( regId > 0) { $('.post--' + id).toggle(0, function() { if( $(this).is(":visible") ) { $('#hidden-title--' + id).html(hiddenMsgLabel.visible); } else { $('#hidden-title--' + id).html(hiddenMsgLabel.hidden); } }); } } catch(e) { } return false; };
//]]> </script>
<table width="100%" align="center" border="0" cellspacing="2" cellpadding="0"> <tr> <td align="left" valign="bottom" 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}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> </tr> </table>
<table class="forumline" width="100%" align="center" border="0" cellspacing="1" cellpadding="0"> <tr align="center"> <td id="tleSBJ" colspan="3">{TOPIC_TITLE}<div class="browse-arrows" style="float:right;"><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> </div><br/> <span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>--> {NAV_CAT_DESC_SECOND}</span> </td> </tr> <!-- BEGIN topicpagination --> <tr> <td class="pagination" colspan="3" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td> </tr> <!-- END topicpagination --> {POLL_DISPLAY} <!-- BEGIN postrow --> <!-- BEGIN hidden --> <tr> <td class="postdetails" 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"> <div class="namePOST"><strong>{postrow.displayed.POSTER_NAME}</strong></div> <div class="avaPOST">{postrow.displayed.POSTER_AVATAR}<div><div>{postrow.displayed.POSTER_RPG}</div></div></div> <div class="imgrankPOST">{postrow.displayed.RANK_IMAGE}<div class="onS">{postrow.displayed.ONLINE_IMG}</div></div> <div class="boxPOST"><div class="rankPOST">{postrow.displayed.POSTER_RANK}</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="abtPOST"><!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}<!-- END profile_field --></div></div> <div class="triPOST"></div> </td> <td {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2"> <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 class="postbody"> <div class="datePOST"><span><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span><span class="post-options" style="float: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> <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> </table> </td> </tr> <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"> <td class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle"> <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="1" cellpadding="0"> <tr> <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th> <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th> </tr> <!-- END first_post_br --> <!-- END displayed --> <!-- END postrow --> <!-- BEGIN no_post --> <tr align="center"> <td colspan="3" height="28"> <span class="genmed">{no_post.L_NO_POST}</span> </td> </tr> <!-- END no_post --> <tr align="right"> <td class="catBottom" colspan="3" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="9%" class="noprint"> </td> <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td> <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr> </table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;"> <tr> <td valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td> <!-- BEGIN topicpagination --> <td align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td> <!-- END topicpagination --> </tr> <!-- BEGIN switch_user_logged_in --> <!-- BEGIN watchtopic --> <tr> <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td> </tr> <!-- END watchtopic --> <!-- END switch_user_logged_in --> </table>
<!-- BEGIN promot_trafic --> <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px"> <tr> <td class="catBottom" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td> <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </table>
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px"> <tr> <td class="catBottom" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td> <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> <tr> <td class="postbody" valign="top"> <!-- BEGIN link --> » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br /> <!-- END link --> </td> </tr> </table> <!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules --> <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px"> <tbody> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td valign="top"> <div class="cattitle"> {L_FORUM_RULES}</div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="clearfix"> <table> <tr> <!-- BEGIN switch_forum_rule_image --> <td class="logo"> <img src="{RULE_IMG_URL}" alt="" /> </td> <!-- END switch_forum_rule_image --> <td class="rules postbody"> {RULE_MSG} </td> </tr> </table> </td> </tr> </tbody> </table> <!-- END switch_forum_rules -->
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2" align="center" style="padding:0px"> <!-- BEGIN switch_user_logged_in --> <a name="quickreply"></a> {QUICK_REPLY_FORM}<br /> <!-- END switch_user_logged_in --> </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"> <tbody> <!-- BEGIN show_permissions --> <tr> <td valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td> <td valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td> </tr> <!-- END show_permissions --> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <!-- BEGIN show_permissions --> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> <!-- END show_permissions --> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;"> <tbody> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> </table>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}> <span class="nav"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authreply --> </span> </td>
<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
<!-- BEGIN moderation_panel --> <td align="center"> <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span> </td> <td align="center" width="250"> <span class="gensmall"> </span> </td> <!-- END moderation_panel --> </tr> </table> </form>
<!-- BEGIN viewtopic_bottom --> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br /> <form name="action" method="get" action="{S_FORM_MOD_ACTION}"> <input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> --> <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span> </form> </td> </tr> </table> <!-- END viewtopic_bottom -->
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> //<![CDATA[ $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); //]]> </script> <!-- END switch_image_resize --> <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script> Partie CSS pour avatars 200*320 :- Code:
/* PRESENTATION DU SUJET */ /* TITRE SUJET */ #tleSBJ { margin:auto; padding:10px 0; text-transform:uppercase; font-weight:bold; background:#f0f0ee; color:black; /* MODIFIABLE */ } /* DATE & OUTILS DE MODERATION */ .datePOST { margin-bottom:5px; padding:10px; background:rgba(250,250,250,0.3); color:black; font-size:11px; /* MODIFIABLE */ } /* APPARENCE MESSAGE */ div.postbody { min-height:400px; padding:10px; background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */ text-align:justify; } /* AVATAR */ .avaPOST { width:200px; height:320px; border:5px solid; border-color: #13172f; /* MODIFIABLE */ transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear; } .avaPOST img { width:200px; height:320px; } /* FICHE DE PERSONNAGE */ .avaPOST div{ position:absolute; z-index:2; margin-top:-320px; width:200px; height:320px; overflow:hidden; } /* CONTENU FICHE DE PERSONNAGE */ .avaPOST div div{ width:190px; height:310px; padding:5px; overflow:auto; font-size:11px; background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */ transform:translateY(-640px); -webkit-transform:translateY(-640px); transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear; } .avaPOST:hover div div { transform:translateY(320px); -webkit-transform:translateY(320px); } /* PSEUDONYME */ .namePOST { position:absolute; z-index:3; margin-left:-200px; margin-top:165px; width:350px; padding:5px; text-align:right; text-transform:uppercase; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); } /* IMAGE RANG */ .imgrankPOST { position:absolute; z-index:3; margin-top:-63px; } /* ICONE EN LIGNE */ .onS { position:absolute; z-index:4; margin-left:99px; margin-top:-30px; } /* BLOC INFORMATIONS JOUEUR */ .boxPOST { padding-top:50px; padding-bottom:5px; background:#13172f; /* MODIFIABLE */ } /* TEXTE RANG */ .rankPOST { padding:5px; width:200px; text-transform:uppercase; text-align:center; color:white; /* MODIFIABLE */ } /* IMAGES CONTACT JOUEUR */ .ktactPOST { width:210px; padding:5px 0; text-align:center; opacity:0.5; } /* INFORMATIONS JOUEUR */ .abtPOST { padding:5px; width:180px; margin:auto; font-size:10px; color:white; /* MODIFIABLE */ } /* IMAGES INFORMATIONS JOUEUR */ .abtPOST img{ margin:auto; max-width:180px; } /* TRIANGLE BAS PROFIL */ .triPOST { width:0; height:0; border-style:solid; border-width:50px 105px 0 105px; border-color:transparent; border-top-color:#13172f; /* MODIFIABLE */ } Partie CSS pour avatars 200*400 :[code:1:140a]/* PRESENTATION DU SUJET */ /* TITRE SUJET */ #tleSBJ { margin:auto; padding:10px 0; text-transform:uppercase; font-weight:bold; background:#f0f0ee; color:black; /* MODIFIABLE */ } /* DATE & OUTILS DE MODERATION */ .datePOST { margin-bottom:5px; padding:10px; background:rgba(250,250,250,0.3); color:black; font-size:11px; /* MODIFIABLE */ } /* APPARENCE MESSAGE */ div.postbody { min-height:400px; padding:10px; background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */ text-align:justify; } /* AVATAR */ .avaPOST { width:200px; height:400px; border:5px solid; border-color: #13172f; /* MODIFIABLE */ transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear; } .avaPOST img { width:200px; height:400px; } /* FICHE DE PERSONNAGE */ .avaPOST div{ position:absolute; z-index:2; margin-top:-400px; width:200px; height:400px; overflow:hidden; } /* CONTENU FICHE DE PERSONNAGE */ .avaPOST div div{ width:190px; height:390px; padding:5px; overflow:auto; font-size:11px; background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */ transform:translateY(-800px); -webkit-transform:translateY(-800px); transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear; } .avaPOST:hover div div { transform:translateY(400px); -webkit-transform:translateY(400px); } /* PSEUDONYME */ .namePOST { position:absolute; z-index:3; margin-left:-200px; margin-top:165px; width:350px; padding:5px; text-align:right; text-transform:uppercase; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); } /* IMAGE RANG */ .imgrankPOST { position:absolute; z-index:3; margin-top:-63px; } /* ICONE EN LIGNE */ .onS { position:absolute; z-index:4; margin-left:99px; margin-top:-30px; } /* BLOC INFORMATIONS JOUEUR */ .boxPOST { padding-top:50px; padding-bottom:5px; background:#13172f; /* MODIFIABLE */ } /* TEXTE RANG */ .rankPOST { padding:5px; width:200px; text-transform:uppercase; text-align:center; color:white; /* MODIFIABLE */ } /* IMAGES CONTACT JOUEUR */ .ktactPOST { width:210px; padding:5px 0; text-align:center; opacity:0.5; } /* INFORMATIONS JOUEUR */ .abtPOST { padding:5px; width:180px; margin:auto; font-size:10px; color:white; /* MODIFIABLE */ } /* IMAGES INFORMATIONS JOUEUR */ .abtPOST img{ margin:auto; max-width:180px; } /* TRIANGLE BAS PROFIL */ .triPOST { width:0; height:0; border-style:solid; border-width:50px 105px 0 105px; border-color:transparent; border-top-color:#13172f; /* MODIFIAB |
| | |  Lun 21 Déc - 3:43 | 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%" border="0" cellspacing="2" cellpadding="0"> <tr> <td align="left" valign="middle" 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}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 class="nav" valign="middle" width="100%"> <span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a> <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>--> {NAV_CAT_DESC_SECOND} </span> </td> <td align="right" valign="bottom" nowrap="nowrap" width="100%"> <!-- BEGIN switch_twitter_btn --> <span id="twitter_btn" style="margin-left: 6px; "> <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> </span> <!-- END switch_twitter_btn --> <!-- BEGIN switch_fb_likebtn --> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div> <!-- END switch_fb_likebtn --> <span class="gensmall bold"> <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a> <!-- BEGIN switch_plus_menu --> | <script type="text/javascript">//<![CDATA[ var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}'; var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}'; var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}'; var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}'; var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}'; var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}'; insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}); //]]> </script> <!-- END switch_plus_menu --> </span> </td> </tr> </table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" > <!-- BEGIN topicpagination --> <tr> <td class="pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td> </tr> <!-- END topicpagination --> {POLL_DISPLAY} <!-- BEGIN postrow --> <!-- BEGIN hidden --> <tr> <td colspan="3" align="center">{postrow.hidden.MESSAGE}</td> </tr> <!-- END hidden --> <!-- BEGIN displayed --> <tr><td colspan="3" class="datePOST"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</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" width="100%" colspan="2"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="namePOST"><a name="{postrow.displayed.U_POST_ID}" id="{postrow.displayed.U_POST_ID}"><strong>{postrow.displayed.POSTER_NAME}</strong></a><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="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 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> </table> </td> <td valign="top" width="225px"> <div class="boxPOST"> <div id="blocAVA"><div class="blocAVA"><div class="avaPOST">{postrow.displayed.POSTER_AVATAR}</div> <div class="abtPOST"><div><!-- BEGIN profile_field --> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR} <!-- END profile_field --></div> <div>{postrow.displayed.POSTER_RPG}</div></div></div></div> <div id="rankPOST"><div class="rankPOST">{postrow.displayed.POSTER_RANK}</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></div> </td> </tr> <!-- BEGIN first_post_br --> </table> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th> <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th> </tr> <!-- END first_post_br --> <!-- END displayed --> <!-- END postrow --> <!-- BEGIN no_post --> <tr align="center"> <td colspan="3" height="28"> <span class="genmed">{no_post.L_NO_POST}</span> </td> </tr> <!-- END no_post --> <tr align="right"> <td class="catBottom" colspan="3" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="9%" class="noprint"> </td> <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td> <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr> </table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;"> <tr> <td valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td> <!-- BEGIN topicpagination --> <td align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td> <!-- END topicpagination --> </tr> <!-- BEGIN switch_user_logged_in --> <!-- BEGIN watchtopic --> <tr> <td colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td> </tr> <!-- END watchtopic --> <!-- END switch_user_logged_in --> </table>
<!-- BEGIN promot_trafic --> <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px"> <tr> <td class="catBottom" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td> <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </table>
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px"> <tr> <td class="catBottom" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td> <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> <tr> <td class="postbody" valign="top"> <!-- BEGIN link --> » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br /> <!-- END link --> </td> </tr> </table> <!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules --> <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px"> <tbody> <tr> <td class="catBottom"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td valign="top"> <div class="cattitle"> {L_FORUM_RULES}</div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="clearfix"> <table> <tr> <!-- BEGIN switch_forum_rule_image --> <td class="logo"> <img src="{RULE_IMG_URL}" alt="" /> </td> <!-- END switch_forum_rule_image --> <td class="rules postbody"> {RULE_MSG} </td> </tr> </table> </td> </tr> </tbody> </table> <!-- END switch_forum_rules -->
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2" align="center" style="padding:0px"> <!-- BEGIN switch_user_logged_in --> <a name="quickreply"></a> {QUICK_REPLY_FORM}<br /> <!-- END switch_user_logged_in --> </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"> <tbody> <!-- BEGIN show_permissions --> <tr> <td valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td> <td valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td> </tr> <!-- END show_permissions --> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <!-- BEGIN show_permissions --> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> <!-- END show_permissions --> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> </table>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}> <span class="nav"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authreply --> </span> </td>
<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
<!-- BEGIN moderation_panel --> <td align="center"> <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span> </td> <td align="center" width="250"> <span class="gensmall"> </span> </td> <!-- END moderation_panel --> </tr> </table> </form>
<!-- BEGIN viewtopic_bottom --> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br /> <form name="action" method="get" action="{S_FORM_MOD_ACTION}"> <input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> --> <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span> </form> </td> </tr> </table> <!-- END viewtopic_bottom -->
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> //<![CDATA[ $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); //]]> </script> <!-- END switch_image_resize --> <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script> Partie CSS pour avatars 200*320 :- Code:
/* PRESENTATION DU SUJET */ /* DATE */ .datePOST { text-align:left; font-size:10px; color:black; /* MODIFIABLE */ } /* PSEUDONYME */ .namePOST { width:100%; height:20px; padding:5px; text-align:center; text-transform:uppercase; background:#ccc; /* MODIFIABLE */ } /* OUTILS DE MODERATION */ .toolsPOST { float:right; } /* APPARENCE MESSAGES */ div.postbody { padding:10px; min-height:260px; margin-top:10px; background:rgba(250,250,250,0.7); box-shadow:0 0 3px rgba(0,0,0,0.3); color:black; /* MODIFIABLE */ text-align:justify; } /* BLOC JOUEUR */ .boxPOST { margin-right:-75px; margin-left:10px; margin-top:7px; width:200px; text-align:center; } /* BLOC AVATAR */ #blocAVA { width:200px; height:320px; margin:-6px auto 0; overflow:hidden; } .blocAVA { position:relative; width:200px; height:320px; overflow:hidden; } /* AVATAR */ .avaPOST { width:200px; height:320px; transition:transform 0.75s linear; -webkit-transition:transform 0.75s linear; } #blocAVA:hover .avaPOST { transform:translateX(200px); -webkit-transform:translateX(200px); } /* BLOC INFORMATIONS JOUEUR */ .abtPOST { position:absolute; margin-top:-320px; padding:5px; width:190px; height:310px; overflow:auto; background:#191919; /* MODIFIABLE */ transform:translateX(-200px); -webkit-transform:translateX(-200px); transition:transform 0.75s linear; -webkit-transition:transform 0.75s linear; } #blocAVA:hover .abtPOST { transform:translateX(0px); -webkit-transform:translateX(0px); } /* CONTENU INFORMATIONS JOUEUR */ .abtPOST div{ margin:5px auto; width:170px; padding:5px; font-family:Arial; font-size:11px; text-align:justify; color:white; background:rgba(250,250,250,0.3); /* MODIFIABLE */ } /* TITRES INFORMATIONS JOUEUR */ .abtPOST div span{ text-transform:uppercase; color:#121f3b; /* MODIFIABLE */ } /* REDIMENSIONNEMENT IMAGES BLOC INFORMATIONS */ .abtPOST div img{ margin:auto; max-width:170px; } /* BLOC IMAGE RANG / RANG / IMAGES CONTACT */ #rankPOST { margin-top:10px; width:200px; padding-top:15px; border-radius:10px; overflow:hidden; background:#ccc; box-shadow:inset 0 0 55px rgba(0,0,0,0.1); /* MODIFIABLE */ } /* TEXTE RANG */ .rankPOST { margin:auto; text-transform:uppercase; text-align:center; color:black; text-shadow:1px 1px 0 rgba(0,0,0,0.4); /* MODIFIABLE */ } /* IMAGES CONTACT JOUEUR */ .ktactPOST { position:relative; z-index:3; margin:auto; margin-top:5px; width:200px; text-align:center; opacity:0.7; } /* IMAGE RANG */ .imgrankPOST img{ margin-top:-25px; width:200px; transform:rotate(180deg); -webkit-transform:rotate(180deg); } Partie CSS pour avatars 200*400 :- Code:
/* PRESENTATION DU SUJET */ /* DATE */ .datePOST { text-align:left; font-size:10px; color:black; /* MODIFIABLE */ } /* PSEUDONYME */ .namePOST { width:100%; height:20px; padding:5px; text-align:center; text-transform:uppercase; background:#ccc; /* MODIFIABLE */ } /* OUTILS DE MODERATION */ .toolsPOST { float:right; } /* APPARENCE MESSAGES */ div.postbody { padding:10px; min-height:340px; margin-top:10px; background:rgba(250,250,250,0.7); box-shadow:0 0 3px rgba(0,0,0,0.3); color:black; /* MODIFIABLE */ text-align:justify; } /* BLOC JOUEUR */ .boxPOST { margin-right:-75px; margin-left:10px; margin-top:7px; width:200px; text-align:center; } /* BLOC AVATAR */ #blocAVA { width:200px; height:400px; margin:-6px auto 0; overflow:hidden; } .blocAVA { position:relative; width:200px; height:400px; overflow:hidden; } /* AVATAR */ .avaPOST { width:200px; height:400px; transition:transform 0.75s linear; -webkit-transition:transform 0.75s linear; } #blocAVA:hover .avaPOST { transform:translateX(200px); -webkit-transform:translateX(200px); } /* BLOC INFORMATIONS JOUEUR */ .abtPOST { position:absolute; margin-top:-400px; padding:5px; width:190px; height:390px; overflow:auto; background:#191919; /* MODIFIABLE */ transform:translateX(-200px); -webkit-transform:translateX(-200px); transition:transform 0.75s linear; -webkit-transition:transform 0.75s linear; } #blocAVA:hover .abtPOST { transform:translateX(0px); -webkit-transform:translateX(0px); } /* CONTENUS INFORMATIONS JOUEUR */ .abtPOST div{ margin:5px auto; width:170px; padding:5px; font-family:Arial; font-size:11px; text-align:justify; color:white; background:rgba(250,250,250,0.3); /* MODIFIABLE */ } /* TITRES INFORMATIONS JOUEUR */ .abtPOST div span{ text-transform:uppercase; color:#121f3b; /* MODIFIABLE */ } /* BLOC IMAGE RANG / RANG / IMAGES CONTACT */ #rankPOST { margin-top:10px; width:200px; padding-top:15px; border-radius:10px; overflow:hidden; background:#ccc; box-shadow:inset 0 0 55px rgba(0,0,0,0.1); /* MODIFIABLE */ } /* TEXTE RANG */ .rankPOST { margin:auto; text-transform:uppercase; text-align:center; color:black; text-shadow:1px 1px 0 rgba(0,0,0,0.4); /* MODIFIABLE */ } /* IMAGES CONTACT JOUEUR */ .ktactPOST { position:relative; z-index:3; margin:auto; margin-top:5px; width:200px; text-align:center; opacity:0.7; } /* IMAGE RANG */ .imgrankPOST img{ margin-top:-25px; width:200px; transform:rotate(180deg); -webkit-transform:rotate(180deg); } Images - clic droit + copier l'adresse de l'image :Rangs : |
| | |  Dim 24 Avr - 10:46 | 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" colspan="3" {WIDTH_GALLERY}> <span class="nav" style="display:inline-block; vertical-align:middle;"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authreply --> </span> <span class="nav" style="display:inline-block; vertical-align:middle;" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->{NAV_CAT_DESC_SECOND} <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a></span> </td></tr> <tr> <td colspan="3"> <div id="tleSBJ"><h1 class="cattitle"> {TOPIC_TITLE} </h1></div> </td> </tr> </table>
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" >
<!-- BEGIN topicpagination --> <tr> <td colspan="3" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td> </tr> <!-- END topicpagination --> {POLL_DISPLAY} <!-- BEGIN postrow --> <!-- BEGIN hidden --> <tr> <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td> </tr> <!-- END hidden --> <!-- BEGIN displayed --> <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"><td colspan="3"> <!-- BEGIN switch_vote_active --> <div class="vote gensmall"> <!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div> <!-- END switch_vote -->
<!-- BEGIN switch_bar --> <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}"> <!-- BEGIN switch_vote_plus --> <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div> <!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus --> <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div> <!-- END switch_vote_minus --> </div> <!-- END switch_bar -->
<!-- BEGIN switch_no_bar --> <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div> <!-- END switch_no_bar -->
<!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div> <!-- END switch_vote --> </div> <!-- END switch_vote_active --><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 class="imgrankPOST">{postrow.displayed.RANK_IMAGE}</div> </div> </td> <td {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" colspan="2"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <div id="namePOST"><div class="boxNPOST"><div class="tktPOST"><div class="ktactPOST">{postrow.displayed.PROFILE_IMG}<br/>{postrow.displayed.PM_IMG}<br/>{postrow.displayed.EMAIL_IMG}</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="namePOST">{postrow.displayed.POSTER_NAME}<div class="rankPOST">{postrow.displayed.POSTER_RANK}</div></div></div> <div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</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="signature_div"> {postrow.displayed.SIGNATURE} </div> <!-- END switch_signature -->
</div> </td> </tr> </table> </td> </tr> <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"> <td class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" 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%" 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> <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> <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="border-top: 0px;"> <tr> <td valign="top" {COLSPAN_PAGINATION} width="150"><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" valign="top"><span class="gensmall">{PAGINATION}</span></td> <!-- END topicpagination --> </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"> <tbody> <tr> <td class="catBottom"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td valign="top"> <div class="cattitle"> {L_FORUM_RULES}</div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="clearfix"> <table> <tr> <!-- BEGIN switch_forum_rule_image --> <td class="logo"> <img src="{RULE_IMG_URL}" alt="" /> </td> <!-- END switch_forum_rule_image --> <td class="rules postbody"> {RULE_MSG} </td> </tr> </table> </td> </tr> </tbody> </table> <!-- END switch_forum_rules -->
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2" align="center" style="padding:0px"> <!-- BEGIN switch_user_logged_in --> <a name="quickreply"></a> {QUICK_REPLY_FORM}<br /> <!-- END switch_user_logged_in --> </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"> <tbody> <!-- BEGIN show_permissions --> <tr> <td valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td> <td valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td> </tr> <!-- END show_permissions --> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <!-- BEGIN show_permissions --> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> <!-- END show_permissions --> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;"> <tbody> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> </table>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <table class="noprint" width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}> <span class="nav"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authreply --> </span> </td>
<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
<!-- BEGIN moderation_panel --> <td align="center"> <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span> </td> <td align="center" width="250"> <span class="gensmall"> </span> </td> <!-- END moderation_panel --> </tr> </table> </form>
<!-- BEGIN viewtopic_bottom --> <table class="noprint" width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td colspan="2" align="left" valign="top" style="padding:5px;">{S_TOPIC_ADMIN} <form style="display:inline-block; vertical-align:top;" name="action" method="get" action="{S_FORM_MOD_ACTION}"> <input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> --> <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<span class="gen">{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span> </form> </td> </tr> </table> <!-- END viewtopic_bottom -->
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> //<![CDATA[ $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); //]]> </script> <!-- END switch_image_resize --> <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script> Partie CSS pour avatars 200*XXX :- Code:
/* PRESENTATION DU SUJET */ /* BLOC TITRE SUJET */ #tleSBJ{ margin:5px auto; padding:15px 0; background:#191919; /* MODIFIABLE */ text-transform:uppercase; text-align:center; } /* TITRE SUJET */ #tleSBJ h1 { display:block; font-size:32px; font-family:Arial; color:#DEDEDE; /* MODIFIABLE */ } /* BLOC JOUEUR */ .boxPOST { margin-right:10px; width:220px; padding-top:10px; background:#F2F2F2; /* MODIFIABLE */ } /* AVATAR */ .avaPOST { margin:auto; width:200px; } /* BLOC INFORMATIONS JOUEUR */ .abtPOST { margin:10px auto; width:200px; text-align:left; } /* INFORMATIONS JOUEUR */ .abtPOST div{ margin-bottom:5px; padding:5px; text-transform:uppercase; font-size:9px; 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:auto; margin-top:5px; width:190px; padding:0 5px 5px; text-transform:uppercase; font-size:9px; background:#D6D6D6; color:black; /* MODIFIABLE */ } /* IMAGE RANG */ .imgrankPOST { margin:auto; } /* BLOC PSEUDONYME / RANG / OUTILS MODERATION */ #namePOST { font-size:36px; text-transform:uppercase; background:#191919; font-family:Arial; /* MODIFIABLE - COULEUR DES INVITES */ } .boxNPOST { min-height:75px; padding:10px; } .namePOST a { text-decoration:none !important; } /* COULEUR PSEUDONYME */ .namePOST span strong{ color:white !important; /* MODIFIABLE */ } /* TEXTE RANG */ .rankPOST { font-size:14px; color:#CCC; /* MODIFIABLE */ } /* BLOC IMAGES CONTACT / OUTILS MODERATION */ .tktPOST { float:right; } /* IMAGES CONTACT JOUEUR */ .ktactPOST { display:inline-block; vertical-align:top; padding-right:10px; text-align:center; line-height:6px; border-right:5px solid rgba(255,255,255,0.5); /* MODIFIABLE */ } .ktactPOST a { display:block; } /* CITER / EDITER / SUPPRIMER / IP */ .toolsPOST { display:inline-block; vertical-align:top; margin-left:10px; text-align:center; } /* DATE SUJET */ .datePOST { padding:5px; font-size:11px; text-transform:uppercase; text-align:left; background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */ } /* APPARENCE MESSAGE */ div.postbody { min-height:320px; padding:15px; background:#F2F2F2; color:black; /* MODIFIABLE */ text-align:justify; } Partie CSS pour avatars 250*XXX :- Code:
/* PRESENTATION DU SUJET */ /* BLOC TITRE SUJET */ #tleSBJ{ margin:5px auto; padding:15px 0; background:#191919; /* MODIFIABLE */ text-transform:uppercase; text-align:center; } /* TITRE SUJET */ #tleSBJ h1 { display:block; font-size:32px; font-family:Arial; color:#DEDEDE; /* MODIFIABLE */ } /* BLOC JOUEUR */ .boxPOST { margin-right:10px; width:270px; padding-top:10px; background:#F2F2F2; /* MODIFIABLE */ } /* AVATAR */ .avaPOST { margin:auto; width:250px; } /* BLOC INFORMATIONS JOUEUR */ .abtPOST { margin:10px auto; width:250px; text-align:left; } /* INFORMATIONS JOUEUR */ .abtPOST div{ margin-bottom:5px; padding:5px; text-transform:uppercase; font-size:9px; 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:auto; margin-top:5px; width:240px; padding:0 5px 5px; text-transform:uppercase; font-size:9px; background:#D6D6D6; color:black; /* MODIFIABLE */ } /* IMAGE RANG */ .imgrankPOST { margin:auto; } /* BLOC PSEUDONYME / RANG / OUTILS MODERATION */ #namePOST { font-size:36px; text-transform:uppercase; background:#191919; font-family:Arial; /* MODIFIABLE - COULEUR DES INVITES */ } .boxNPOST { min-height:75px; padding:10px; } .namePOST a { text-decoration:none !important; } /* COULEUR PSEUDONYME */ .namePOST span strong{ color:white !important; /* MODIFIABLE */ } /* TEXTE RANG */ .rankPOST { font-size:14px; color:#CCC; /* MODIFIABLE */ } /* BLOC IMAGES CONTACT / OUTILS MODERATION */ .tktPOST { float:right; } /* IMAGES CONTACT JOUEUR */ .ktactPOST { display:inline-block; vertical-align:top; padding-right:10px; text-align:center; line-height:6px; border-right:5px solid rgba(255,255,255,0.5); /* MODIFIABLE */ } .ktactPOST a { display:block; } /* CITER / EDITER / SUPPRIMER / IP */ .toolsPOST { display:inline-block; vertical-align:top; margin-left:10px; text-align:center; } /* DATE SUJET */ .datePOST { padding:5px; font-size:11px; text-transform:uppercase; text-align:left; background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */ } /* APPARENCE MESSAGE */ div.postbody { min-height:320px; padding:15px; background:#F2F2F2; color:black; /* MODIFIABLE */ text-align:justify; } Rangs :PSD : https://www.dropbox.com/s/yhb0atq1dtb87ch/RSBJ5.psd?dl=0CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE |
| | |  Mar 2 Aoû - 3:01 | 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" colspan="2" {WIDTH_GALLERY}> <span class="nav" style="display:inline-block; vertical-align:middle;"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authreply --> </span> <span class="nav" style="display:inline-block; vertical-align:middle;" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->{NAV_CAT_DESC_SECOND} <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a></span> </td></tr> <tr><td colspan="3"> <div id="tlePOST"><h1 class="cattitle">{TOPIC_TITLE}</h1></div> </td></tr> </table>
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" >
<!-- BEGIN topicpagination --> <tr> <td colspan="3" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td> </tr> <!-- END topicpagination --> {POLL_DISPLAY} <!-- BEGIN postrow --> <!-- BEGIN hidden --> <tr> <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td> </tr> <!-- END hidden --> <!-- BEGIN displayed --> <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"><td colspan="3"> <!-- BEGIN switch_vote_active --> <div class="vote gensmall"> <!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div> <!-- END switch_vote -->
<!-- BEGIN switch_bar --> <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}"> <!-- BEGIN switch_vote_plus --> <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div> <!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus --> <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div> <!-- END switch_vote_minus --> </div> <!-- END switch_bar -->
<!-- BEGIN switch_no_bar --> <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div> <!-- END switch_no_bar -->
<!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div> <!-- END switch_vote --> </div> <!-- END switch_vote_active --><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 id="namePOST"><div class="namePOST"><strong>{postrow.displayed.POSTER_NAME}</strong><div class="rankPOST">{postrow.displayed.POSTER_RANK}</div></div></div><script type="text/javascript">//<![CDATA[ $( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).parent().parent().parent().parent().css("background-color", color);});});//]]></script> <div class="abtPOST"><!-- BEGIN profile_field --><div>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div><!-- END profile_field --></div> <div class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}</div> </div> </td> <td {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <div class="tktPOST"><div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</div><div class="toolsPOST">{postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG}</div><div style="display:none;"><strong>{postrow.displayed.POSTER_NAME}</strong></div></div> <div class="postbody"> <div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments --> <dl class="attachbox"> <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt> <dd> <!-- BEGIN switch_post_attachments --> <dl class="file"> <dt> <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />
<!-- BEGIN switch_dl_att --> <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL} <!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att --> {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL} <!-- END switch_no_dl_att --> </dt>
<!-- BEGIN switch_no_comment --> <dd> <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em> </dd> <!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att --> <dd> <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em> </dd> <!-- END switch_no_dl_att -->
<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd> </dl> <!-- END switch_post_attachments --> </dd> </dl> <!-- END switch_attachments -->
<div class="clear"></div> </div> <!-- BEGIN switch_signature --> <div class="signPOST"> {postrow.displayed.SIGNATURE} </div> <!-- END switch_signature --> <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> </table> </td> </tr> <!-- BEGIN first_post_br --> </table> <hr /> <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 colspan="3" height="28"> <span class="genmed">{no_post.L_NO_POST}</span> </td> </tr> <!-- END no_post --> </table> <table class="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 --> </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" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px"> <tbody> <tr> <td> <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="noprint" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2" align="center" style="padding:0px"> <!-- BEGIN switch_user_logged_in --> <a name="quickreply"></a> {QUICK_REPLY_FORM}<br /> <!-- END switch_user_logged_in --> </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"> <tbody> <!-- BEGIN show_permissions --> <tr> <td valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td> <td valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td> </tr> <!-- END show_permissions --> <tr> <td colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <!-- BEGIN show_permissions --> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> <!-- END show_permissions --> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;"> <tbody> <tr> <td colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> </table>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}> <span class="nav"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authreply --> </span> </td>
<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
<!-- BEGIN moderation_panel --> <td align="center"> <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span> </td> <td align="center" width="250"> <span class="gensmall"> </span> </td> <!-- END moderation_panel --> </tr> </table> </form>
<!-- BEGIN viewtopic_bottom --> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td colspan="2" align="left" valign="top" style="padding-top:5px;">{S_TOPIC_ADMIN} <form style="display:inline-block; vertical-align:top;" name="action" method="get" action="{S_FORM_MOD_ACTION}"> <input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> --> <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<span class="gen">{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span> </form> </td> </tr> </table> <!-- END viewtopic_bottom -->
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> //<![CDATA[ $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); //]]> </script> <!-- END switch_image_resize --> <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script> Partie CSS pour avatars 200*XXX :- Code:
/* PRESENTATION DU SUJET */ /* BLOC TITRE SUJET */ #tlePOST{ margin:5px auto; padding:15px 0; background:black; /* MODIFIABLE */ text-transform:uppercase; text-align:center; } /* TITRE SUJET */ #tlePOST h1 { display:block; font-size:32px; font-family:Arial; color:#dedede; /* MODIFIABLE */ } /* BLOC JOUEUR */ .boxPOST { margin-right:10px; width:220px; text-align:center; } /* BLOC AVATAR */ .avaPOST { margin:auto; width:200px; height:auto; padding:10px; border:1px solid; border-color:lightgrey; background:#F2F2F2; /* MODIFIABLE */ } /* BLOC PSEUDONYME & RANG */ #namePOST { margin:10px auto; width:220px; height:85px; border:1px solid; text-align:right; border-color:lightgrey; /* MODIFIABLE */ } /* CONTENU PSEUDONYME & RANG */ .namePOST { margin-left:45px; width:165px; height:65px; padding:20px 10px 0 0; background:white; /* MODIFIABLE */ } /* BORDURE PSEUDONYME */ .namePOST a { text-decoration:none !important; font-size:14px; padding-bottom:5px; border-bottom:1px solid; border-bottom-color:lightgrey; /* MODIFIABLE */ } /* TEXTE RANG */ .rankPOST { padding-top:10px; color:black; font-size:10px; /* MODIFIABLE */ } /* BLOC INFORMATIONS JOUEUR */ .abtPOST { margin:10px auto; width:252px; text-align:left; font-size:11px; } /* INFORMATION JOUEUR */ .abtPOST div{ margin-bottom:5px; width:210px; padding:5px; border:1px solid; text-transform:uppercase; font-size:10px; border-color:lightgrey; background:white; /* MODIFIABLE */ } /* INTITULE INFORMATION JOUEUR */ .abtPOST span.label { color:black; /* MODIFIABLE */ } /* IMAGES CONTACT JOUEUR */ .ktactPOST { text-align:center; } /* BLOC DATE / OUTILS MODERATION */ .tktPOST { padding:10px; text-transform:uppercase; text-align:right; font-family:Arial; /* MODIFIABLE */ } /* DATE SUJET */ .datePOST { padding:5px; font-size:11px; border-bottom:1px solid; border-bottom-color:white; color:white; /* MODIFIABLE */ } /* CITER / EDITER / SUPPRIMER / IP */ .toolsPOST { margin-top:5px; } /* APPARENCE MESSAGE */ div.postbody { min-height:335px; padding:15px; border:1px solid; border-top:none; border-color:lightgrey; background:#F2F2F2; color:black; /* MODIFIABLE */ text-align:justify; } /* BLOC SIGNATURE */ .signPOST { margin-top:10px; min-height:50px; padding:15px; border:1px solid; border-color:lightgrey; 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 */ /* BLOC TITRE SUJET */ #tlePOST{ margin:5px auto; padding:15px 0; background:black; /* MODIFIABLE */ text-transform:uppercase; text-align:center; } /* TITRE SUJET */ #tlePOST h1 { display:block; font-size:32px; font-family:Arial; color:#dedede; /* MODIFIABLE */ } /* BLOC JOUEUR */ .boxPOST { margin-right:10px; width:270px; text-align:center; } /* BLOC AVATAR */ .avaPOST { margin:auto; width:250px; height:auto; padding:10px; border:1px solid; border-color:lightgrey; background:#F2F2F2; /* MODIFIABLE */ } /* BLOC PSEUDONYME & RANG */ #namePOST { margin:10px auto; width:270px; height:85px; border:1px solid; text-align:right; border-color:lightgrey; /* MODIFIABLE */ } /* CONTENU PSEUDONYME & RANG */ .namePOST { margin-left:85px; width:175px; height:65px; padding:20px 10px 0 0; background:white; /* MODIFIABLE */ } /* BORDURE PSEUDONYME */ .namePOST a { text-decoration:none !important; padding-bottom:5px; border-bottom:1px solid; border-bottom-color:lightgrey; /* MODIFIABLE */ } /* TEXTE RANG */ .rankPOST { padding-top:10px; font-size:11px; color:black; /* MODIFIABLE */ } /* BLOC INFORMATIONS JOUEUR */ .abtPOST { margin:10px auto; width:272px; text-align:left; font-size:11px; } /* INFORMATION JOUEUR */ .abtPOST div{ margin-bottom:5px; width:260px; padding:5px; border:1px solid; text-transform:uppercase; font-size:10px; border-color:lightgrey; background:white; /* MODIFIABLE */ } /* INTITULE INFORMATION JOUEUR */ .abtPOST span.label { color:black; /* MODIFIABLE */ } /* IMAGES CONTACT JOUEUR */ .ktactPOST { text-align:center; } /* BLOC DATE / OUTILS MODERATION */ .tktPOST { padding:10px; text-transform:uppercase; text-align:right; font-family:Arial; /* MODIFIABLE */ } /* DATE SUJET */ .datePOST { padding:5px; font-size:11px; border-bottom:1px solid; border-bottom-color:white; color:white; /* MODIFIABLE */ } /* CITER / EDITER / SUPPRIMER / IP */ .toolsPOST { margin-top:5px; } /* APPARENCE MESSAGE */ div.postbody { min-height:320px; padding:15px; border:1px solid; border-top:none; border-color:lightgrey; background:#F2F2F2; color:black; /* MODIFIABLE */ text-align:justify; } /* BLOC SIGNATURE */ .signPOST { margin-top:10px; min-height:50px; padding:15px; border:1px solid; border-color:lightgrey; 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 |
| | |  Sam 15 Oct - 23:15 | 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="2" cellpadding="0"> <tr><td align="left" colspan="3" nowrap="nowrap" {WIDTH_GALLERY}> <span class="nav"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authreply --> </span> </td></tr> <tr> <td colspan="2"> <div id="tlePOST"><h1 class="cattitle">{TOPIC_TITLE}</h1> <span style="margin-left:10px;" class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->{NAV_CAT_DESC_SECOND} <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a></span></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 --> </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"><span class="onPOST">{postrow.displayed.ONLINE_IMG}</span> <span><strong>{postrow.displayed.POSTER_NAME}</strong></span> <div class="rankPOST">{postrow.displayed.POSTER_RANK}</div></div></td></tr> <td valign="top" class="boxPOST"><div class="avaPOST">{postrow.displayed.POSTER_AVATAR}</div> <div class="abtPOST"><div style="display:none;">{postrow.displayed.POSTER_NAME}</div><!-- 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 {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" class="msgPOST"> <div class="tktPOST"><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}</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="signature_div"> {postrow.displayed.SIGNATURE} </div> <!-- END switch_signature -->
</div> </td> </tr> <tr><td colspan="2"><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></td></tr> <script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('.ktactPOST').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('.abtPOST').css("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="4"> <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%" height="28" colspan="2"> </td> </tr> <!-- BEGIN first_post_br --> </table> <hr /> <table class="forumline" width="100%" align="center" border="0" cellspacing="1" cellpadding="0"> <tr> <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th> <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th> </tr> <!-- END first_post_br --> <!-- END displayed --> <!-- END postrow --> <!-- BEGIN no_post --> <tr align="center"> <td class="row1" colspan="3" height="28"> <span class="genmed">{no_post.L_NO_POST}</span> </td> </tr> <!-- END no_post --> </table> <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;"> <tr> <td align="left" nowrap="nowrap" width="5%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a></td> <td valign="bottom" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td> <!-- BEGIN topicpagination --> <td align="right" ><span class="gensmall">{PAGINATION}</span></td> <!-- END topicpagination --> </tr> <!-- BEGIN switch_user_logged_in --> <!-- BEGIN watchtopic --> <tr> <td colspan="3" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td> </tr> <!-- END watchtopic --> <!-- END switch_user_logged_in --> </table>
<!-- BEGIN promot_trafic --> <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px"> <tr> <td class="catBottom" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td> <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </table>
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px"> <tr> <td class="catBottom" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td> <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> <tr> <td class="row2 postbody" valign="top"> <!-- BEGIN link --> » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br /> <!-- END link --> </td> </tr> </table> <!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules --> <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px"> <tbody> <tr> <td class="catBottom"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td valign="top"> <div class="cattitle"> {L_FORUM_RULES}</div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="clearfix"> <table> <tr> <!-- BEGIN switch_forum_rule_image --> <td class="logo"> <img src="{RULE_IMG_URL}" alt="" /> </td> <!-- END switch_forum_rule_image --> <td class="rules postbody"> {RULE_MSG} </td> </tr> </table> </td> </tr> </tbody> </table> <!-- END switch_forum_rules -->
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2" align="center" style="padding:0px"> <!-- BEGIN switch_user_logged_in --> <a name="quickreply"></a> {QUICK_REPLY_FORM}<br /> <!-- END switch_user_logged_in --> </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"> <tbody> <!-- BEGIN show_permissions --> <tr> <td valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td> <td valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td> </tr> <!-- END show_permissions --> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <!-- BEGIN show_permissions --> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> <!-- END show_permissions --> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;"> <tbody> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> </table>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}> <span class="nav"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authreply --> </span> </td>
<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
<!-- BEGIN moderation_panel --> <td align="center"> <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span> </td> <td align="center" width="250"> <span class="gensmall"> </span> </td> <!-- END moderation_panel --> </tr> </table> </form> <!-- BEGIN viewtopic_bottom --> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br /> <form name="action" method="get" action="{S_FORM_MOD_ACTION}"> <input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> --> <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span> </form> </td> </tr> </table> <!-- END viewtopic_bottom -->
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> //<![CDATA[ $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); //]]> </script> <!-- END switch_image_resize --> <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script> Partie CSS pour avatars de toutes tailles :- Code:
/* PRESENTATION DU SUJET */ /* TITRE SUJET */ #tlePOST{ margin:5px auto; padding:15px 0; border-radius:25px; background:rgba(255,255,255,0.7); color:black; font-family:Arial; /* MODIFIABLE */ text-transform:uppercase; text-align:center; } #tlePOST h1 { display:block; font-size:32px; } /* BLOC PSEUDONYME */ .namePOST { margin:5px auto 0; padding:15px 0; text-align:left; border-radius:15px 15px 0 0; background:black; font-family:Arial; /* MODIFIABLE */ font-size:42px; text-transform:uppercase; } /* ICÔNE EN LIGNE */ .onPOST { display:inline-block; vertical-align:middle; margin-left:10px; } /* TRAIT TEXTE RANG */ .rankPOST::before { content:''; display:inline-block; vertical-align:middle; margin-right:5px; width:50px; height:1px; background:white; /* MODIFIABLE */ } /* TEXTE RANG */ .rankPOST { display:inline-block; vertical-align:middle; text-transform:uppercase; font-size:11px; opacity:0.8; color:white; /* MODIFIABLE */ } /* BLOC AVATAR & INFORMATIONS JOUEUR */ .boxPOST { padding:10px; background:#F2F2F2; /* MODIFIABLE */ } /* BLOC INFORMATIONS JOUEUR */ .abtPOST { margin:10px auto 5px; width:100%; text-align:left; } /* INFORMATION JOUEUR */ .abtPOST div{ margin-bottom:5px; padding:5px; border:1px solid; text-transform:uppercase; font-size:10px; border-color:lightgrey; background:white; /* MODIFIABLE */ } /* INTITULES INFORMATIONS JOUEUR */ .abtPOST span{ font-weight:bold; /* MODIFIABLE */ } /* REDIMENSIONNEMENT IMAGES INFORMATIONS JOUEUR */ .abtPOST div img { margin:auto; max-width:95%; } /* IMAGE RANG */ .imgrankPOST img { margin:auto; max-width:100%; } /* BLOC MESSAGE */ .msgPOST { background:white; /* MODIFIABLE */ } /* BLOC DATE MESSAGE / OUTILS MODERATION */ .tktPOST { margin:5px auto; width:90%; padding:5px; text-align:right; } /* DATE MESSAGE */ .datePOST { display:inline-block; vertical-align:middle; font-size:12px; 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 */ } /* IMAGES CONTACT JOUEUR */ .ktactPOST { padding:5px 0; text-align:center; border-radius:0 0 15px 15px; background:grey; /* MODIFIABLE - MESSAGES DES INVITES */ }
CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE |
| | |  Dim 23 Oct - 2:06 | 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="2" cellpadding="0" style="margin:auto;"> <tr><td align="left" nowrap="nowrap" {WIDTH_GALLERY}> <span class="nav"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authreply --> </span> </td></tr> <tr> <td><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 style="margin-right:5px;" href="#bottom">{L_GOTO_DOWN}</a></span></td> </tr> </table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="margin:auto;">
<!-- 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 class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"> <td valign="top" class="POST"><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>{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%"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <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> </table> </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%; padding-left:10px;"><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:57%; 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> <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" width="150"> <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="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 --> </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 style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"> <tbody> <!-- BEGIN show_permissions --> <tr> <td valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td> <td valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td> </tr> <!-- END show_permissions --> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <!-- BEGIN show_permissions --> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> <!-- END show_permissions --> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;"> <tbody> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> </table>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}> <span class="nav"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a> <!-- END switch_user_authreply --> </span> </td>
<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
<!-- BEGIN moderation_panel --> <td align="center"> <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span> </td> <td align="center" width="250"> <span class="gensmall"> </span> </td> <!-- END moderation_panel --> </tr> </table> </form>
<!-- BEGIN viewtopic_bottom --> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br /> <form name="action" method="get" action="{S_FORM_MOD_ACTION}"> <input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> --> <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span> </form> </td> </tr> </table> <!-- END viewtopic_bottom -->
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> //<![CDATA[ $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); //]]> </script> <!-- END switch_image_resize --> <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script> Partie CSS pour avatars 200*XXX :- 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-right:15px; font-size:32px; font-family:Arial; text-transform:uppercase; text-align:right; color:#dedede; /* MODIFIABLE */ } /* NAVIGATION SUJET */ .navPOST { display:block; margin-bottom:5px; padding:2px 0; background:#CCC; color:black; /* MODIFIABLE */ font-size:10px; font-family:Arial; text-transform:uppercase; text-align:right; } /* BLOC JOUEUR */ .POST { padding-bottom:15px; 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:-55px 15px 0; } /* BLOC PSEUDONYME / IMAGES CONTACT / RANG / INFORMATIONS */ .boxPOST { display:inline-block; vertical-align:top; width:70%; text-align:right; } /* PSEUDONYME */ .namePOST { font-size:62px; font-family:Impact; text-transform:uppercase; letter-spacing:3px; line-height:62px; } .namePOST a { text-decoration: none !important; } /* IMAGES CONTACT JOUEUR */ .ktactPOST { float:left; margin-left:5px; } /* TEXTE RANG */ .rankPOST { font-size:20px; text-transform:uppercase; font-family:Trebuchet MS; color:white; /* MODIFIABLE */ } /* BLOC INFORMATIONS JOUEUR */ .abtPOST { margin-top:5px; text-align:center; } /* INFORMATIONS JOUEUR */ .abtPOST div { display:inline-block; vertical-align:top; margin:2px 0; width:49%; padding:5px 0; font-size:11px; text-align:left; background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */ } .abtPOST div:nth-of-type(odd) { margin-right:1%; } /* INTITULES INFORMATIONS JOUEUR */ .abtPOST span{ margin-left:5px; text-transform:uppercase; font-weight:bold; /* MODIFIABLE */ } /* FEUILLE DE PERSONNAGE */ .rpgPOST{ margin:5px auto 0; width:97%; padding:0 1%; font-size:11px; background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */ } .rpgPOST br:nth-of-type(1) { display:none; } /* APPARENCE MESSAGE */ div.postbody { margin:auto; padding:10px; background:#ccc; color:black; /* MODIFIABLE */ text-align:justify; } /* DATE SUJET & CITER / EDITER / SUPPRIMER / IP */ .datePOST { padding:5px 0; font-size:11px; text-transform:uppercase; background:#FFF; color:black; /* MODIFIABLE - COULEUR DES INVITES */ } Partie CSS pour avatars 250*XXX :- 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-right:15px; font-size:32px; font-family:Arial; text-transform:uppercase; text-align:right; color:#dedede; /* MODIFIABLE */ } /* NAVIGATION SUJET */ .navPOST { display:block; margin-bottom:5px; padding:2px 0; background:#CCC; color:black; /* MODIFIABLE */ font-size:10px; font-family:Arial; text-transform:uppercase; text-align:right; } /* BLOC JOUEUR */ .POST { padding-bottom:15px; 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:-55px 15px 0; } /* BLOC PSEUDONYME / IMAGES CONTACT / RANG / INFORMATIONS */ .boxPOST { display:inline-block; vertical-align:top; width:64%; text-align:right; } /* PSEUDONYME */ .namePOST { font-size:62px; font-family:Impact; text-transform:uppercase; letter-spacing:3px; line-height:62px; } .namePOST a { text-decoration: none !important; } /* IMAGES CONTACT JOUEUR */ .ktactPOST { float:left; margin-left:5px; } /* TEXTE RANG */ .rankPOST { font-size:20px; text-transform:uppercase; font-family:Trebuchet MS; color:white; /* MODIFIABLE */ } /* BLOC INFORMATIONS JOUEUR */ .abtPOST { margin-top:5px; text-align:center; } /* INFORMATIONS JOUEUR */ .abtPOST div { display:inline-block; vertical-align:top; margin:2px 0; width:49%; padding:5px 0; font-size:11px; text-align:left; background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */ } .abtPOST div:nth-of-type(odd) { margin-right:1%; } /* INTITULES INFORMATIONS JOUEUR */ .abtPOST span{ margin-left:5px; text-transform:uppercase; font-weight:bold; /* MODIFIABLE */ } /* FEUILLE DE PERSONNAGE */ .rpgPOST{ margin:5px auto 0; width:97%; padding:0 1%; font-size:11px; background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */ } .rpgPOST br:nth-of-type(1) { display:none; } /* APPARENCE MESSAGE */ div.postbody { margin:auto; padding:10px; background:#ccc; color:black; /* MODIFIABLE */ text-align:justify; } /* DATE SUJET & CITER / EDITER / SUPPRIMER / IP */ .datePOST { padding:5px 0; font-size:11px; text-transform:uppercase; background:#FFF; color:black; /* MODIFIABLE - COULEUR DES INVITES */ }
CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE |
| | |  Dim 27 Nov - 21:00 | [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} <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; }
|
| | | | |
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|
| |
|