Jawn
# INTERNE NOIR ET ROUGE - Lun 8 Mar - 21:45
Remplacez l'intégralité de votre template viewtopic_body par :
- Code:
<!-- BEGIN switch_plus_menu -->
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
</script>
<!-- END switch_plus_menu -->
<script type="text/javascript">
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>
<div class="total_header">
<div class="sujet_nat"><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></div>
<div class="btn_sujets">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow" class="ion-edit button1">{L_POST_NEW_TOPIC}</a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}" class="ion-reply button1">{L_POST_REPLY_TOPIC}</a>
<!-- END switch_user_authreply -->
</div>
</div>
<div class="bottom_nav"><a href="{U_INDEX}"><span>{L_INDEX}</span></a> {NAV_CAT_DESC}</div>
<div class="pagin_suj">
<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
</div>
{POLL_DISPLAY}
<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
<div class="post {postrow.hidden.ROW_COUNT}">
<p style="text-align:center">{postrow.hidden.MESSAGE}</p>
</div>
<!-- END hidden -->
<!-- BEGIN displayed -->
<div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}"></div>
<div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
<div class="suj_g">
<div class="suj_ava">{postrow.displayed.POSTER_AVATAR}</div>
<div class="suj_blok_infos">
<div class="suj_name">{postrow.displayed.POSTER_NAME}</div>
<div class="suj_rang">{postrow.displayed.POSTER_RANK_NEW}</div>
</div>
</div>
<div class="suj_top_info">
<div class="titre_suj"><a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a> - {postrow.displayed.POST_DATE_NEW}</div>
<div class="suj_btn_edit"><a href="{postrow.displayed.EDIT_URL}">éditer</a>
<a href="{postrow.displayed.DELETE_URL}">supprimer</a>
<a href="{postrow.displayed.IP_URL}">ip</a></div>
</div>
<div class="suj_epsi">
<div class="postbody">
<div class="content">
<div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments -->
<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd class="attachments">
<!-- BEGIN switch_post_attachments -->
<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
</dt>
<dd>
<!-- BEGIN switch_dl_att -->
<span><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}</span>
<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att -->
<span>{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}</span>
<!-- END switch_no_dl_att -->
<!-- BEGIN switch_no_comment -->
<span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>
<!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att -->
<span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>
<!-- END switch_no_dl_att -->
<span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
</dd>
</dl>
<!-- END switch_post_attachments -->
</dd>
</dl>
<!-- END switch_attachments -->
</div>
</div>
</div>
<!-- BEGIN first_post_br -->
<hr id="first-post-br" />
<!-- END first_post_br -->
<!-- END displayed -->
<!-- END postrow -->
<div class="survsujet">
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
{S_WATCH_TOPIC}
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
</div>
<div class="total_header">
<div class="sujet_nat"><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></div>
<div class="btn_sujets">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow" class="ion-edit button1">{L_POST_NEW_TOPIC}</a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}" class="ion-reply button1">{L_POST_REPLY_TOPIC}</a>
<!-- END switch_user_authreply -->
</div>
</div>
<a name="bottomtitle"></a>
<!-- BEGIN switch_forum_rules -->
<div class="post row1" id="forum_rules">
<div class="h3">{L_FORUM_RULES}</div>
<div class="clear"></div>
<table class="postbody">
<tr>
<!-- BEGIN switch_forum_rule_image -->
<td class="logo">
<img src="{RULE_IMG_URL}" alt="" />
</td>
<!-- END switch_forum_rule_image -->
<td class="rules content">
{RULE_MSG}
</td>
</tr>
</table>
</div>
<!-- END switch_forum_rules -->
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->
<form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<fieldset class="jumpbox">
<label>{L_JUMP_TO}:</label>
{S_JUMPBOX_SELECT}
<input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<!-- BEGIN viewtopic_bottom -->
<form method="get" action="{S_FORM_MOD_ACTION}">
<fieldset class="quickmod">
<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}" />
<label>{L_MOD_TOOLS}:</label>
{S_SELECT_MOD}
<input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<p class="right">{S_TOPIC_ADMIN}</p>
<!-- END viewtopic_bottom -->
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/github-gist.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/go.min.js"></script>
<script>
$(document).ready(function() {
$('pre, code').each(function(i, block) {
hljs.highlightBlock(block);
});
$('.post').each(function() {
if (!$(this).find('.postprofile-avatar').html().length) {
$(this).find('.postprofile-rank').css('border-bottom', 'none');
$(this).find('.postprofile > dl > dt').css('min-height', $(this).find('.post-head').innerHeight());
}
});
});
</script>
Puis ajoutez à votre CSS :
- Code:
.total_header {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
text-align: center;
margin: 0px 0px 15px 0px;
background: rgba(0, 0, 0, 0.3);
padding: 5px;
border: solid 1px #131313;
color: #cbcbcb;
font: 8px roboto;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 26px;
}
.sujet_nat {
width: 500px;
}
.sujet_nat a {
color: #863333;
}
.bottom_nav {
text-align: left;
margin: 0px 0px 15px 0px;
background: rgba(0, 0, 0, 0.3);
padding: 5px;
border: solid 1px #131313;
font: 8px roboto;
line-height: normal;
text-transform: uppercase;
}
.bottom_nav a {
color: #cbcbcb;
}
.pagin_suj {
}
.pagin_suj a {
}
.suj_g {
width: 906px;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
padding: 30px 30px 30px 30px;
background: rgba(0, 0, 0, 0.3);
margin: 20px 15px 20px 10px;
border: solid 1px #111;
overflow: hidden;
}
.suj_ava {
width: 120px;
height: 120px;
overflow: hidden;
outline-offset: 12px;
outline: 1px solid #111;
}
.suj_ava img {
width:100%;
}
.suj_blok_infos {
width: 710px;
padding: 20px 20px 20px 50px;
}
.suj_name {
color: #cbcbcb;
font: 25px Times New roman;
text-transform: uppercase;
letter-spacing: 14px;
border-bottom: solid 1px #863c3c;
padding-bottom: 5px;
margin-bottom: 10px;
}
.suj_name a {
color: #cbcbcb;
font: 25px Times New roman;
text-transform: uppercase;
letter-spacing: 14px;
}
.suj_rang {
color: #863c3c;
font: 8px roboto;
text-transform: uppercase;
letter-spacing: 2px;
}
.suj_top_info {
background: #cbcbcb;
margin: 10px 10px -12px 10px;
padding: 15px;
text-align: justify;
color: #333;
font: 8px Times New Roman;
text-transform: uppercase;
letter-spacing: 2px;
border-left: solid 1px gray;
position: relative;
border-right: solid 1px gray;
}
.titre_suj {
padding: 8px 0px;
margin: -8px auto 10px auto;
border-bottom: solid 1px #863c3c;
}
.titre_suj a {
color: #863c3c;
}
.suj_btn_edit a {
background: #171717;
margin: 20px 15px 20px 0px;
padding: 5px 30px;
color: #cbcbcb;
}
.suj_epsi {
background: #cbcbcb;
margin: 10px 10px 0px 10px;
padding: 15px;
text-align: justify;
color: #333;
border: solid 1px gray;
}
.sujet_epsi, .postbody {
width:100% !important;
}
.survsujet {
text-align: center;
margin: 15px 0px 15px 0px;
background: rgba(0, 0, 0, 0.3);
padding: 5px;
border: solid 1px #131313;
font: 8px roboto;
text-transform: uppercase;
}
.survsujet a {
color:#cbcbcb;
}
.topic_aut {
text-align: left;
margin: 20px 0px 15px 0px;
background: rgba(0, 0, 0, 0.3);
padding: 5px;
border: solid 1px #131313;
text-transform: uppercase;
}
.topic_aut p{
font: 8px roboto !important;
color:#cbcbcb;
}
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum|
|
|