![[INTERNE BLANC ET NOIR] Empty](https://2img.net/i/fa/empty.gif)
Jawn
# [INTERNE BLANC ET NOIR] - Lun 27 Jan - 22:32
![[INTERNE BLANC ET NOIR] YsHpss6](https://imgur.com/YsHpss6.png)
Remplacez la totalité de votre 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 = { };
}
});
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="sub-header">
<div class="titleto"><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></div>
<div class="sub-header-info">
<div class="sub-header-path">
<a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
{NAV_CAT_DESC}
</div>
</div>
<div class="sub-header-buttons">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow" class="ion-edit button1">Nouveau</a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}" class="ion-reply button1">Répondre</a>
<!-- END switch_user_authreply -->
</div>
</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 -->
<a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
<div class="postprofile" id="profile{postrow.displayed.U_POST_ID}"></div>
<div class="hauttopic">
<div class="imghere"></div>
<div class="insidetete">
<div class="namepost">{postrow.displayed.POSTER_NAME}</div>
<div class="rangperso">{postrow.displayed.POSTER_RANK_NEW}</div>
</div>
</div>
<div class="totaltopic">
<div class="iconepost"><span class="th th-observatory"></span></div>
<div class="blokwrite">
<div class="barreduhaut">
<div class="datepost">{postrow.displayed.POST_DATE_NEW}</div>
<div class="boutons">
<div class="btn-edit"><a href="{postrow.displayed.EDIT_URL}">éditer</a></div>
<div class="btn-citer"><a href="{postrow.displayed.QUOTE_URL}">citer</a></div>
<div class="btn-supp"><a href="{postrow.displayed.DELETE_URL}">supprimer</a></div>
<div class="btn-ip"><a href="{postrow.displayed.IP_URL}">Ip</a></div>
</div>
</div>
<!-- BEGIN switch_vote_active -->
<div class="vote">
<!-- BEGIN switch_vote -->
<a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" class="ion-thumbsup"></a>
<!-- END switch_vote -->
<!-- BEGIN switch_vote -->
<a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" class="ion-thumbsdown"></a>
<!-- END switch_vote -->
<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<div class="vote-bar-desc">
{postrow.displayed.switch_vote_active.L_VOTE_TITLE}
</div>
<div class="vote-bars">
<!-- BEGIN switch_vote_plus -->
<div class="vote-bar-plus" style="width:{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="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
<!-- END switch_vote_minus -->
</div>
</div>
<!-- END switch_bar -->
<!-- BEGIN switch_no_bar -->
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-bar-empty"></div>
<!-- END switch_no_bar -->
</div>
<!-- END switch_vote_active -->
<div class="postbodyy">
<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>
<div class="blokvava">
<div class="bloktete">{postrow.displayed.POSTER_AVATAR}</div>
<div class="infopost">
<!-- BEGIN profile_field -->
<div class="labelu">{postrow.displayed.profile_field.LABEL}</div>
<div class="contete">{postrow.displayed.profile_field.CONTENT}</div>
{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
</div>
</div>
</div>
<!-- BEGIN first_post_br -->
<hr id="first-post-br" />
<!-- END first_post_br -->
<!-- END displayed -->
<!-- END postrow -->
<a name="bottomtitle"></a>
<div class="topic-actions bottom">
<!-- BEGIN topicpagination -->
<div class="paginationy">
{PAGINATION}
</div>
<!-- END topicpagination -->
<div class="topic-actions-buttons">
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
{S_WATCH_TOPIC}
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow" class="ion-edit button1">Nouveau</a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}" class="ion-reply button1">Répondre</a>
<!-- END switch_user_authreply -->
</div>
</div>
<!-- BEGIN promot_trafic -->
<div class="block" id="ptrafic_close" style="display: none;">
<div class="h3"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><i class="ion-ios-plus-outline"></i></a>{PROMOT_TRAFIC_TITLE}</div>
</div>
<div class="block" id="ptrafic_open" style="display:'';">
<div class="h3"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><i class="ion-ios-minus-outline"></i></a>{PROMOT_TRAFIC_TITLE}</div>
<ul class="ptrafic">
<!-- BEGIN link -->
<li>
<a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">
<i class="ion-ios-chatbubble-outline"></i>{promot_trafic.link.TITLE}
</a>
</li>
<!-- END link -->
</ul>
</div>
<!-- END promot_trafic -->
<!-- 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 show_permissions -->
<div class="block">
<div class="h3">{L_TABS_PERMISSIONS}</div>
{S_AUTH_LIST}
</div>
<!-- END show_permissions -->
<!-- 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 -->
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>
<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 le CSS :
- Code:
.titleto {
text-align: center;
font: 22px Pirata One;
letter-spacing: 2px;
background: black;
border-top: 1px solid #777777;
border-bottom: 1px solid #777777;
padding: 10px;
margin: 0px 0px 10px 0px;
}
.titleto a {
text-transform: lowercase;
background: -webkit-linear-gradient(#dfc793, #7f6342);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.sub-header-info a {
font: 10px calibri;
text-transform: uppercase;
color: #777777;
}
.hauttopic {
padding: 30px;
display: flex;
flex-wrap: wrap;
width: 100%;
background: rgba(0, 0, 0, 0.6);
margin-bottom: 50px;
border: solid 1px #383838;
}
.imghere {
width: 80px;
height: 80px;
margin-right: 40px;
}
.insidetete {
width: 600px;
text-align: justify;
}
.namepost {
font: 25px Pirata One;
text-transform: lowercase;
letter-spacing: 1px;
}
.rangperso {
font: 10px calibri;
text-transform: uppercase;
color: #777777;
letter-spacing: 4px;
}
.postbodyy {
text-align: justify;
padding: 10px;
font: 12px roboto;
margin: 64px 30px 30px 30px;
}
.totaltopic {
border: 1px solid #2f2f2f;
padding: 10px;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
width: 898px;
background: #e0e0e0;
color: #111111;
}
.iconepost {
position: absolute;
margin: -34px 0px 0px 300px;
transform: rotate(20deg);
}
.iconepost span {
font-size: 250px;
color: #d0d0d0;
}
.barreduhaut {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
padding: 20px;
}
.datepost {
color: #080808;
font: 9px calibri;
text-transform: uppercase;
letter-spacing: 1px;
width: 260px;
border-bottom: 1px solid #ccc5bb;
}
.boutons {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
width: 308px;
text-transform: uppercase;
}
.boutons a {
font: 10px calibri;
color:black;
}
.blokwrite {
width: 616px;
}
.blokvava {
width: 260px;
margin: 0 auto;
position: relative;
}
.bloktete {
margin-top: 130px;
transition:all 800ms;
}
.bloktete img {
outline: 1px solid #7b6f5a;
outline-offset: 7px;
transition:all 800ms;
}
.bloktete img:hover {
transition:all 800ms;
filter: grayscale(1) contrast(1.6);
}
.infopost {
width: 250px;
text-align: justify;
font: 9px calibri;
color: #777777;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 20px;
}
.infopost img {
position: absolute;
margin: -752px 0px 0px -686px;
width: 80px;
outline: 1px solid #7b6f5a;
outline-offset: 7px;
}
.infopost .label {
padding: 3px 3px 3px 0px;
margin-right: 10px;
}
.labelu {
display: inline-block;
vertical-align: top;
width: 90px;
}
.contete {
display: inline-block;
vertical-align: top;
width: 160px;
}
.paginationy {
padding: 10px;
font: 11px calibri;
text-transform: uppercase;
}
.paginationy a {
color: #777777;
letter-spacing: 2px;
}
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum|
|
|