Viewtopic_body Darklce ♜ ver.FailedSkin (Không bao gồm thanh level và phần hiện logo :v)
Cái này là méo dùng trong Invision nhá, ai dùng cái khác mà bị lỗi thì đừng có nói méo thế này thế kia thế nọ
Nếu có dùng cho ver khác mà lỗi thì nhớ nói ver nào kèm link demo và nick test
Thay toàn bộ Viewtopic_body:
Cách chèn màu nên cho từng Rank
thay TÊN RANK và MÃ MÀU NỀN
Thiếu gì nhớ nói méo nhóe
Cái này là méo dùng trong Invision nhá, ai dùng cái khác mà bị lỗi thì đừng có nói méo thế này thế kia thế nọ
Nếu có dùng cho ver khác mà lỗi thì nhớ nói ver nào kèm link demo và nick test
Thay toàn bộ Viewtopic_body:
- Spoiler:
- 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>
<ul id="navstrip" class="clearfix">
<li class="begin"><a href="{U_INDEX}">{L_INDEX}</a></li>
{NAV_CAT_DESC}
</ul>
<!-- BEGIN topicpagination -->
<div class="pagination topic-options">
{PAGINATION}
</div>
<!-- END topicpagination -->
<div class="posting-options topic-options">
<ul class="posting-buttons clearfix">
<!-- BEGIN switch_user_authpost -->
<li class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></li>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<li class="post-icon"><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a></li>
<!-- END switch_user_authreply -->
<!-- BEGIN switch_fb_likebtn -->
<li class="post-icon">
<div id="fb-root"></div>
<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" style="top:5px"></div>
</li>
<!-- END switch_fb_likebtn -->
<!-- BEGIN switch_twitter_btn -->
<li class="post-icon"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></li>
<!-- END switch_twitter_btn -->
</ul>
</div>
<div class="clearfix empty-clear"></div>
<div class="borderwrap" style="background:transparent">
<div class="maintitle floated">
<h3>{TOPIC_TITLE}</h3>
<div id="topicmenu-options" class="popmenubutton">
<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_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}, '{JS_WATCH_TOPIC}');
//]]>
</script>
<!-- END switch_plus_menu -->
</div>
</div>
{POLL_DISPLAY}
<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
<div class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</div>
<!-- END hidden -->
<!-- BEGIN first_post_br -->
</div>
<hr id="first-post-br" />
<div class="borderwrap">
<!-- END first_post_br -->
<!-- BEGIN displayed -->
<div class="view-all" id="{postrow.displayed.POSTER_RANK_NEW}">
<div class="post-container" id="{postrow.displayed.POSTER_RANK_NEW}">
<div class="postbody clearfix">
<div class="view-bar">
<span class="view-clear"></span>{postrow.displayed.POSTER_NAME}
<div class="view-wrap">
<div class="view-avatar">{postrow.displayed.POSTER_AVATAR}</div>
<div class="view-name">{postrow.displayed.POSTER_NAME}</div>
<div class="view-rank">{postrow.displayed.POSTER_RANK_NEW}</div>
<div class='view-thank' id='{postrow.displayed.THANK_BGCOLOR}'></div>
<div class="view-profile">
<!-- BEGIN profile_field -->
<div class="view-pline">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
<!-- END profile_field -->
</div>
</div>
<div class="view-phead">
<div class="view-ptopic"><a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></div>
<div class="view-pinfo">{L_TOPIC_BY} {postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</div>
<div class="view-pright">{postrow.displayed.IP_IMG}{L_POST_NUMBER}{postrow.displayed.COUNT_POSTS_NUMBER}</div>
</div>
</div>
<div class="view-post">
<div class="view-message">{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments -->
<div class="attachbox">
<div>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</div>
<div>
<!-- BEGIN switch_post_attachments -->
<div class="file">
<div>
<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 -->
</div>
<!-- BEGIN switch_no_comment -->
<div>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</div>
<!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att -->
<div>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</div>
<!-- END switch_no_dl_att -->
<div>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</div>
</div>
<!-- END switch_post_attachments -->
</div>
</div>
<!-- END switch_attachments -->
<div class="view-pedit">{postrow.displayed.EDITED_MESSAGE}</div>
</div>
<!-- BEGIN switch_signature -->
<div class="view-signature">{postrow.displayed.SIGNATURE_NEW}</div>
<!-- END switch_signature -->
<div class="view-foot">
<div class="vire-report">
{postrow.displayed.REPORT_IMG_NEW}
</div>
<div class="view-options">
{postrow.displayed.THANK_IMG}
{postrow.displayed.MULTIQUOTE_IMG}
{postrow.displayed.QUOTE_IMG}
{postrow.displayed.EDIT_IMG}
{postrow.displayed.DELETE_IMG}
</div>
</div>
</div>
</div>
</div>
<!-- closing tag post -->
<!-- END displayed -->
<!-- END postrow -->
<div class="topic-footer clearfix">
<!-- BEGIN minisearch -->
<div class="search-footer-box">
<form method="get" id="forum-search" action="{S_SEARCHBOX_ACTION}">
<fieldset>
<input type="text" name="search_keywords" id="search_keywords" size="20" value="{L_SEARCH}" onclick="if (this.value == '{L_SEARCH}') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}';" />
<input class="button" type="submit" value="{L_SEARCH}" />
<input type="hidden" value="{SEARCH_WHERE}" name="search_where" />
<input type="hidden" value="{SEARCH_TOPIC}" name="search_topic" />
<input type="hidden" value="posts" name="show_results" />
</fieldset>
</form>
</div>
<!-- END minisearch -->
<div class="next-prev">
« <a href="{U_VIEW_OLDER_TOPIC}">{L_IPB_PREVIOUS_TOPIC}</a> · <a href="{U_VIEW_NEWER_TOPIC}">{L_IPB_NEXT_TOPIC}</a> »
</div>
</div>
</div>
<!-- BEGIN viewtopic_bottom -->
<br />
<div class="borderwrap">
<div class="bar clearfix">
<div class="left rtl-inversion-left">
<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}" />
{S_TOPIC_ADMIN}
</div>
<div class="right rtl-inversion-right">
{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}
</div>
</div>
</div>
<!-- END viewtopic_bottom -->
<!-- BEGIN topicpagination -->
<div class="pagination topic-options">
{PAGINATION}
</div>
<!-- END topicpagination -->
<div class="posting-options topic-options">
<ul class="posting-buttons clearfix">
<!-- BEGIN switch_user_authpost -->
<li class="post-icon">
<a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a>
</li>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<li class="post-icon">
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
</li>
<!-- END switch_user_authreply -->
</ul>
</div>
<div class="clearfix empty-clear"></div>
<!-- BEGIN promot_trafic -->
<div class="row2">
<div id="ptrafic_close" class="clearfix" style="display:none">
<div class="maintitle floated">
<h3>{PROMOT_TRAFIC_TITLE}</h3>
<div class="right rtl-inversion-right">
<a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a>
</div>
</div>
</div>
<div id="ptrafic_open" class="clearfix" style="display:''">
<div class="maintitle floated">
<h3>{PROMOT_TRAFIC_TITLE}</h3>
<div class="right rtl-inversion-right">
<a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a>
</div>
</div>
<div>
<!-- BEGIN link -->
» <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
<!-- END link -->
</div>
</div>
</div>
<!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules -->
<div class="row1" id="forum_rules">
<div class="maintitle">
<h3>{L_FORUM_RULES}</h3>
</div>
<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 post-entry">
{RULE_MSG}
</td>
</tr>
</table>
</div>
<!-- END switch_forum_rules -->
<!-- BEGIN switch_user_logged_in -->
<br />
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .post-entry', '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>
<script>
$('.view-all:nth-child(2) *').addClass('fview');
$('.view-bar.fview').each(function(){
a = $(this).css('background-color');
$(this).children('.view-phead.fview').css('border-top-color',a);
});
$('.view-all:nth-child(2)').after('<div class="view-repwrap">Reply</div>');
</script>
Kèm thêm CSS
- Code:
/* Viewtopic Body Fview*/
.post-container{background-color:#fff;margin-left:inherit}
.view-bar.fview{border:0;width:100%;height:180px;overflow:hidden;border-bottom:2px solid #eee;padding:0}
.view-avatar.fview{float:left;width:136px;height:136px;overflow:hidden;border:2px solid #ecf0f1;margin-right:20px;padding:0}
.view-avatar.fview img{width:146px;height:146px}
.view-name.fview{font-size:20px;line-height:30px}
.view-wrap.fview{height:140px;width:80%;margin:0 auto;padding:5px;overflow:hidden;position:relative;background:#fff!important}
.view-profile.fview{left:inherit;visibility:visible;opacity:1;position:absolute;right:0;top:0;margin:5px;padding: 6px;height:128px;border:0}
.view-phead.fview{background:#fff;color:#555;padding:5px;height:18px;border-top:2px solid #d7d7d7;width:80%;margin:0 auto}
.view-ptopic.fview{float:left;margin-right:10px;font-weight:bold;font-size:16px;line-height:16px}
.view-pright.fview{float:right}
.view-pinfo.fview{float:left}
.view-post.fview{background: rgba(255,255,255,.5);padding: 0;}
.view-foot.fview{padding:10px 5px;}
.view-all:nth-child(2){border:0;margin-bottom:15px;width:100%!important}
.view-message.fview {padding: 5px;background: #fff;width: 80%;margin: 0 auto;}
.view-pedit.fview {height: 16px;padding: 10px 5px;margin: 0 auto;background: #fff;width: 80%;}
.view-pedit.fview br,.view-pedit:empty {display:none}
/* Viewtopic All */
.view-premove.view-alogo *,.view-premove,.view-pline.view-plogo{display:none}
.view-premove.view-alogo,.view-alogo img{display:block!important}
.view-repwrap{font-size:18px;color:#555;text-align:center;margin-bottom:15px}
.view-repwrap:before,.view-repwrap:after{content:' ---------- '}
.view-all{width:85%;margin:0 auto;border:2px solid #d7d7d7;margin-bottom: 10px;}
.view-bar{height:90px;padding:5px;position:relative;}
.view-avatar{padding:2.5px;width:60px;height:60px;overflow:hidden;float:left;margin-right:10px}
.view-avatar img{width:60px;height:60px}
.view-profile{overflow-x:hidden;overflow-y:auto;position:absolute;background:#fff;padding:5px;left:75px;top:5px;border:1px solid #d7d7d7;border-left:2px solid #d7d7d7;max-height:150px;opacity:0;visibility:hidden;transition:all 0.2s ease}
.view-profile:before{content:'';position:absolute;border-right:5px solid #d7d7d7;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:-12px;margin-top:20px}
.view-avatar:hover ~ .view-profile,.view-profile:hover{opacity:1;visibility:visible}
.view-wrap{height:65px;background: #A0C9DA;}
.view-phead{overflow:hidden;height:15px;background:#ecf0f1;padding:5px}
.view-ptopic{float:left;margin-right:5px}
.view-pinfo,.vire-report,.vire-report>a{float:left}
.view-pright,.view-options{float:right}
.view-post{padding:15px 5px;}
.view-foot{padding:5px;background:#d7d7d7;height:19px}
.view-name{text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;}
.vire-report>li{list-style:none;float:left;}
.view-clear + a {display:none!important}
.view-thank[id*="#ebbfa2"]:before {content: 'Author likes this';text-align: center;}
.view-thank[id*="#ebbfa2"] {background: rgba(255,255,255,.8) url(http://www.iconsdb.com/icons/preview/soylent-red/facebook-like-m.png) no-repeat center bottom!important;border-radius: 5px;width: 120px;height: 50px;position: absolute;left: calc(50% - 60px);bottom: 35px;text-align: center;font-weight: bold;color: #DB0000;}
Cách chèn màu nên cho từng Rank
- Code:
.post-container[id^="TÊN RANK"].fview, .post-container[id^="TÊN RANK"] .view-wrap{background:MÃ MÀU NỀN} .view-all[id^="TÊN RANK"]{border-left-color:MÃ MÀU NỀN}
thay TÊN RANK và MÃ MÀU NỀN
Thiếu gì nhớ nói méo nhóe