Tác Giả : ThànhKent
Demo
Cho code sau vào Viewtopic_body .
- Code:
<!-- BEGIN switch_user_logged_out -->
<style>
.post--0 {display:none;}
</style>
<!-- END switch_user_logged_out -->
<style>
.news-item {
background: #fff;
width: 50%;
float: left;
margin-bottom: 20px;
}
.news-item h2 {
padding-top: 3px;
padding-right: 5px;
line-height: 1.5;
max-height: 70px;
overflow: hidden;
}
.news-item h2 a {
font-size: 16px;
}
.crop a img {
width: 120px!important;
height: 80px!important;
object-fit: cover;
float: left;
margin-right: 15px;
border: 1px solid #c0392b;
}
.news-item .post {
border-bottom: 1px solid #ededed!important;
border-top: 0px solid #ededed!important;
padding-top: 10px!important;
padding-bottom: 10px!important;
height: 46px;
overflow: hidden;
}
.editbai {
font-style: italic;
font-size: 12px;
color: #666;
}
.editbai img{
display:none;
}
.editbai a {
padding:0px!important;
float:right;
}
.editbai a:before {
content: "\Sữa bài";
font-size: 12px;
color: #666;
}
.dungbolo {
color: #666;
font-size: 18px;
font-family: 'Roboto Condensed',sans-serif;
text-transform: uppercase;
padding-bottom: 5px;
}
.binhluancat {
background: #f3f3f3;
padding: 8px;
border-left: 5px solid #4c69ba;
color: #4c69ba;
font-size: 16px;
}
.chucnangadmin {
background: #c0392b;
padding: 5px;
border-radius: 3px;
}
.chucnangadmin a {
color: #fff!important;
}
.chucnangadmin img {
display:none;
}
a[href*="cp?mode=delete"]::before {
content: 'Xóa chủ đề';
}
a[href*="cp?mode=trash"]::before {
content: 'Cho vào sọt';
}
a[href*="cp?mode=move"]::before {
content: 'Di chuyển';
}
a[href*="cp?mode=lock"]::before {
content: 'Khóa chủ đề';
}
a[href*="cp?mode=split"]::before {
content: 'Tách bài viết';
}
a[href*="merge?t="]::before {
content: 'Gộp bài viết';
}
.postbody img {max-width:650px;}
/* Viewtopic */
.pun .post-entry {
padding: 0em;
}
.pun .topic {
border: 0px solid #DDD;
padding:0px;
}
.pun .post {
border: 0px solid #e4e4e4;
margin-bottom: 5px;
border-radius: 3px;
background: #fff;
}
.tiletopic a {
font-size: 20px;
line-height: 1.5;
color: #d1090b!important;
}
.tcm {font-size: 0px;}
.tcm span {font-size: 13px;!important}
.tiletopic {
margin-top: -5px;
}
.infotopic {
margin-top: 10px;
margin-bottom: 10px;
font-size: 13px;
color: #777;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 6px 2px 2px 2px;
}
.infotopic a {
font-size: 13px!important;
color:#777!important;
}
.infotopic a span {
font-size: 13px!important;
color:#777!important;
}
.infotopic a span strong {
font-weight: 500!important;
}
</style>
<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>
{POLL_DISPLAY}
<div class="tiletopic">
<b> <a href="{TOPIC_URL}">{TOPIC_TITLE}</a> </b>
</div>
<div class="">
<!-- BEGIN postrow -->
<!-- BEGIN displayed -->
<div class="infotopic">
Người đăng : {postrow.displayed.POSTER_NAME} Đăng lúc : <span class="datepost">{postrow.displayed.POST_DATE_NEW}</span> Chuyên Mục : <span class="tcm">{NAV_CAT_DESC}</span>
</div>
<div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
<div class="post-entry">
<div class="entry-content postbody">
{postrow.displayed.MESSAGE}
<div class="clear"></div>
<div class="editbai">{postrow.displayed.EDIT_IMG}</div>
<span style="float:left;margin-top: 10px;">
<span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="standard" data-action="like" data-size="small" data-show-faces="true" data-share="true"></span>
</span>
</div>
</div>
</div>
<div style="clear:both;"></div>
<!-- END displayed -->
<!-- END postrow -->
</div>
<div class="clear"></div>
<div class="dungbolo" style="float:left;margin-bottom: 10px;">Bài Cùng Chuyên Mục</div>
<div class="clear"></div>
<div class="show_topic">
<div id="topic">
</div>
</div>
<div class="clear"></div>
<div class="binhluancat">Bình Luận</div>
<div style="background-color:#fff;padding:0px;">
<div class="fb-comments" data-href="{FORUM_URL}{TOPIC_URL}" data-width="910px" data-numposts="15"></div>
</div>
<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/vi_VN/sdk.js#xfbml=1&version=v2.8";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- BEGIN viewtopic_bottom -->
<div class="chucnangadmin">
{S_TOPIC_ADMIN}
</div>
<!-- END viewtopic_bottom -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
<script>
$(function () {
$.ajax({
url: "/feed/?f={FORUM_ID}",
success: function (ta) {
for (var i = 2; i < 8; i++) {
var DL = $(ta).find("link:eq(" + i + ")").text();
var title = $(ta).find("title:eq(" + i + ")").text();
$('<div class="news-item"><div class="postfeed"><div class="crop"><a href="' + DL + '" rel="bookmark"></a><h2></h2><div style="clear: both;"></div>
</div></div></div></div>').appendTo('div.show_topic #topic');
$('<a href="' + DL + '">' + title + '</a>').appendTo('.news-item:eq(' + (i - 2) + ') .postfeed h2');
$('<img src="http://1.bp.blogspot.com/-_rVBDk7MBgs/UeW2vn3fwWI/AAAAAAAAGzI/ONP2vpF-MdE/s1600/Untitled-1.png' + $(".news-item:eq(" + (i - 2) + ") .crop a:eq(0)").load(DL + ".postblog .postbody img:eq(0)") + '" src="test" />').appendTo('.news-item:eq(' + (i - 2) + ') .crop a:eq(0)');
}
}
})
})
</script>
Nguồn : Zone-FM
#viewtopic_body #viewtopic-đẹp #viewtopic-tin-tức