Diễn Đàn Hỗ Trợ FM
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.


[Code] Share Viewtopic_body đẹp dạng tin tức để làm blog cá nhân

Tác giả: - vào lúc:
nkoxdl
Bài viết : 68
Points : 135
Like : 19
Punbb
An toàn
Status : Đời là bể khổ!
nkoxdlMEM LV2
1/16/2017, 11:11
#1
Tác Giả : ThànhKent
Demo
[Code] Share Viewtopic_body đẹp dạng tin tức để làm blog cá nhân HbgazxU

Cho code sau vào Viewtopic_body .

Code:

<!-- BEGIN switch_user_logged_out -->[size=13][/size]
<style>[size=13][/size]
.post--0  {display:none;}[size=13][/size]
</style>[size=13][/size]
<!-- END switch_user_logged_out -->[size=13][/size]
[size=13][/size]
<style>[size=13][/size]
  [size=13][/size]
[size=13][/size]
.news-item {[size=13][/size]
    background: #fff;[size=13][/size]
    width: 50%;[size=13][/size]
    float: left;[size=13][/size]
    margin-bottom: 20px;[size=13][/size]
}[size=13][/size]
 .news-item h2 {[size=13][/size]
    padding-top: 3px;[size=13][/size]
    padding-right: 5px;[size=13][/size]
    line-height: 1.5;[size=13][/size]
    max-height: 70px;[size=13][/size]
    overflow: hidden;[size=13][/size]
  }[size=13][/size]
  [size=13][/size]
  [size=13][/size]
.news-item h2 a {[size=13][/size]
      font-size: 16px;[size=13][/size]
  }[size=13][/size]
  [size=13][/size]
[size=13][/size]
  .crop a img {[size=13][/size]
    width: 120px!important;[size=13][/size]
    height: 80px!important;[size=13][/size]
    object-fit: cover;[size=13][/size]
    float: left;[size=13][/size]
    margin-right: 15px;[size=13][/size]
    border: 1px solid #c0392b;[size=13][/size]
  }[size=13][/size]
 .news-item .post {[size=13][/size]
    border-bottom: 1px solid #ededed!important;[size=13][/size]
    border-top: 0px solid #ededed!important;[size=13][/size]
    padding-top: 10px!important;[size=13][/size]
    padding-bottom: 10px!important;[size=13][/size]
      height: 46px;[size=13][/size]
    overflow: hidden;[size=13][/size]
}[size=13][/size]
  [size=13][/size]
[size=13][/size]
  [size=13][/size]
  .editbai {    [size=13][/size]
    font-style: italic;[size=13][/size]
    font-size: 12px;[size=13][/size]
    color: #666;[size=13][/size]
  }[size=13][/size]
  .editbai img{    [size=13][/size]
    display:none;[size=13][/size]
  }[size=13][/size]
  [size=13][/size]
   .editbai a {    [size=13][/size]
   padding:0px!important;[size=13][/size]
   float:right;[size=13][/size]
  }[size=13][/size]
  [size=13][/size]
  [size=13][/size]
  .editbai a:before {    [size=13][/size]
    content: "\Sữa bài";[size=13][/size]
    font-size: 12px;[size=13][/size]
    color: #666;[size=13][/size]
  }[size=13][/size]
  [size=13][/size]
[size=13][/size]
.dungbolo {[size=13][/size]
    color: #666;[size=13][/size]
    font-size: 18px;[size=13][/size]
    font-family: 'Roboto Condensed',sans-serif;[size=13][/size]
    text-transform: uppercase;[size=13][/size]
    padding-bottom: 5px;[size=13][/size]
  }[size=13][/size]
  [size=13][/size]
.binhluancat {[size=13][/size]
    background: #f3f3f3;[size=13][/size]
    padding: 8px;[size=13][/size]
    border-left: 5px solid #4c69ba;[size=13][/size]
    color: #4c69ba;[size=13][/size]
    font-size: 16px;[size=13][/size]
  }[size=13][/size]
[size=13][/size]
  .chucnangadmin {[size=13][/size]
    background: #c0392b;[size=13][/size]
    padding: 5px;[size=13][/size]
    border-radius: 3px;[size=13][/size]
  }[size=13][/size]
  [size=13][/size]
    .chucnangadmin a {[size=13][/size]
 color: #fff!important;[size=13][/size]
  }[size=13][/size]
  [size=13][/size]
  [size=13][/size]
  .chucnangadmin img {[size=13][/size]
  display:none;[size=13][/size]
  }[size=13][/size]
  [size=13][/size]
  [size=13][/size]
  a[href*="cp?mode=delete"]::before {[size=13][/size]
content: 'Xóa chủ đề';[size=13][/size]
}[size=13][/size]
  [size=13][/size]
  a[href*="cp?mode=trash"]::before {[size=13][/size]
content: 'Cho vào sọt';[size=13][/size]
}[size=13][/size]
  [size=13][/size]
  a[href*="cp?mode=move"]::before {[size=13][/size]
content: 'Di chuyển';[size=13][/size]
}[size=13][/size]
  [size=13][/size]
  a[href*="cp?mode=lock"]::before {[size=13][/size]
content: 'Khóa chủ đề';[size=13][/size]
}[size=13][/size]
  [size=13][/size]
  a[href*="cp?mode=split"]::before {[size=13][/size]
content: 'Tách bài viết';[size=13][/size]
}[size=13][/size]
  [size=13][/size]
  [size=13][/size]
  a[href*="merge?t="]::before {[size=13][/size]
content: 'Gộp bài viết';[size=13][/size]
}[size=13][/size]
  [size=13][/size]
  [size=13][/size]
[size=13][/size]
  [size=13][/size]
  .postbody img {max-width:650px;}[size=13][/size]
  [size=13][/size]
[size=13][/size]
  [size=13][/size]
  [size=13][/size]
[size=13][/size]
/* Viewtopic */[size=13][/size]
  [size=13][/size]
  [size=13][/size]
  .pun .post-entry {[size=13][/size]
    padding: 0em;[size=13][/size]
}[size=13][/size]
  [size=13][/size]
  [size=13][/size]
[size=13][/size]
  .pun .topic {[size=13][/size]
border: 0px solid #DDD;[size=13][/size]
padding:0px;[size=13][/size]
}[size=13][/size]
  [size=13][/size]
.pun .post {[size=13][/size]
border: 0px solid #e4e4e4;[size=13][/size]
    margin-bottom: 5px;[size=13][/size]
      border-radius: 3px;[size=13][/size]
  background: #fff;[size=13][/size]
}[size=13][/size]
[size=13][/size]
[size=13][/size]
  .tiletopic a {[size=13][/size]
    font-size: 20px;[size=13][/size]
    line-height: 1.5;[size=13][/size]
    color: #d1090b!important;[size=13][/size]
  }[size=13][/size]
[size=13][/size]
[size=13][/size]
.tcm {font-size: 0px;}[size=13][/size]
.tcm span {font-size: 13px;!important}[size=13][/size]
  [size=13][/size]
  [size=13][/size]
  .tiletopic {[size=13][/size]
    margin-top: -5px;[size=13][/size]
}[size=13][/size]
  [size=13][/size]
  .infotopic {[size=13][/size]
    margin-top: 10px;[size=13][/size]
    margin-bottom: 10px;[size=13][/size]
    font-size: 13px;[size=13][/size]
    color: #777;[size=13][/size]
    border-top: 1px solid #e5e5e5;[size=13][/size]
    border-bottom: 1px solid #e5e5e5;[size=13][/size]
    padding: 6px 2px 2px 2px;[size=13][/size]
  }[size=13][/size]
    [size=13][/size]
  .infotopic a {[size=13][/size]
  font-size: 13px!important;[size=13][/size]
  color:#777!important;[size=13][/size]
  }[size=13][/size]
  [size=13][/size]
    [size=13][/size]
  .infotopic a span {[size=13][/size]
  font-size: 13px!important;[size=13][/size]
  color:#777!important;[size=13][/size]
  }[size=13][/size]
  [size=13][/size]
   .infotopic a span strong {[size=13][/size]
  font-weight: 500!important;[size=13][/size]
  }[size=13][/size]
  [size=13][/size]
  [size=13][/size]
</style>[size=13][/size]
[size=13][/size]
<script type="text/javascript">//<![CDATA[[size=13][/size]
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}" };[size=13][/size]
$(function(){[size=13][/size]
[size=13][/size]
    if(typeof(_atc) == "undefined") {[size=13][/size]
        _atc = { };[size=13][/size]
    }[size=13][/size]
[size=13][/size]
    _atc.cwait = 0;[size=13][/size]
    $('.addthis_button').mouseup(function(){[size=13][/size]
        if ($('#at15s').css('display') == 'block') {[size=13][/size]
            addthis_close();[size=13][/size]
        }[size=13][/size]
    });[size=13][/size]
});[size=13][/size]
[size=13][/size]
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };[size=13][/size]
showHiddenMessage = function(id)[size=13][/size]
{[size=13][/size]
    try[size=13][/size]
    {[size=13][/size]
        var regId = parseInt(id, 10);[size=13][/size]
        if( isNaN(regId) ) { regId = 0; }[size=13][/size]
        [size=13][/size]
        if( regId > 0)[size=13][/size]
        {[size=13][/size]
            $('.post--' + id).toggle(0, function()[size=13][/size]
 {[size=13][/size]
 if( $(this).is(":visible") )[size=13][/size]
 {[size=13][/size]
 $('#hidden-title--' + id).html(hiddenMsgLabel.visible);[size=13][/size]
 }[size=13][/size]
 else[size=13][/size]
 {[size=13][/size]
 $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);[size=13][/size]
 }[size=13][/size]
 });[size=13][/size]
        }[size=13][/size]
    }[size=13][/size]
    catch(e) { }[size=13][/size]
    [size=13][/size]
 return false;[size=13][/size]
};[size=13][/size]
[size=13][/size]
//]]>[size=13][/size]
</script>[size=13][/size]
[size=13][/size]
[size=13][/size]
[size=13][/size]
[size=13][/size]
[size=13][/size]
 {POLL_DISPLAY}[size=13][/size]
[size=13][/size]
[size=13][/size]
[size=13][/size]
<div class="tiletopic">[size=13][/size]
 <b> <a href="{TOPIC_URL}">{TOPIC_TITLE}</a> </b>[size=13][/size]
</div>[size=13][/size]
[size=13][/size]
[size=13][/size]
[size=13][/size]
<div class="">[size=13][/size]
   <!-- BEGIN postrow -->[size=13][/size]
[size=13][/size]
[size=13][/size]
[size=13][/size]
 <!-- BEGIN displayed -->[size=13][/size]
 [size=13][/size]
  [size=13][/size]
[size=13][/size]
<div class="infotopic">[size=13][/size]
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> [size=13][/size]
  </div>[size=13][/size]
          [size=13][/size]
<div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">[size=13][/size]
<div class="post-entry">[size=13][/size]
  [size=13][/size]
<div class="entry-content postbody">[size=13][/size]
   [size=13][/size]
{postrow.displayed.MESSAGE}[size=13][/size]
  <div class="clear"></div>[size=13][/size]
  <div class="editbai">{postrow.displayed.EDIT_IMG}</div>[size=13][/size]
  [size=13][/size]
<span style="float:left;margin-top: 10px;">[size=13][/size]
    <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>[size=13][/size]
  </span>[size=13][/size]
  [size=13][/size]
  [size=13][/size]
  [size=13][/size]
</div>[size=13][/size]
  [size=13][/size]
</div>[size=13][/size]
</div>[size=13][/size]
[size=13][/size]
 [size=13][/size]
              [size=13][/size]
<div style="clear:both;"></div>[size=13][/size]
[size=13][/size]
 [size=13][/size]
 [size=13][/size]
 <!-- END displayed -->[size=13][/size]
 <!-- END postrow -->[size=13][/size]
                          [size=13][/size]
</div>[size=13][/size]
[size=13][/size]
      <div class="clear"></div>[size=13][/size]
[size=13][/size]
<div class="dungbolo" style="float:left;margin-bottom: 10px;">Bài Cùng Chuyên Mục</div>[size=13][/size]
<div class="clear"></div>[size=13][/size]
<div class="show_topic">[size=13][/size]
 <div id="topic">[size=13][/size]
[size=13][/size]
 </div>[size=13][/size]
  [size=13][/size]
</div>[size=13][/size]
                        <div class="clear"></div>[size=13][/size]
[size=13][/size]
[size=13][/size]
<div class="binhluancat">Bình Luận</div>[size=13][/size]
<div style="background-color:#fff;padding:0px;">[size=13][/size]
  [size=13][/size]
<div class="fb-comments" data-href="{FORUM_URL}{TOPIC_URL}" data-width="910px" data-numposts="15"></div>[size=13][/size]
[size=13][/size]
</div>[size=13][/size]
[size=13][/size]
 <div id="fb-root"></div>[size=13][/size]
<script>(function(d, s, id) {[size=13][/size]
  var js, fjs = d.getElementsByTagName(s)[0];[size=13][/size]
  if (d.getElementById(id)) return;[size=13][/size]
  js = d.createElement(s); js.id = id;[size=13][/size]
  js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.8";[size=13][/size]
  fjs.parentNode.insertBefore(js, fjs);[size=13][/size]
}(document, 'script', 'facebook-jssdk'));</script>[size=13][/size]
[size=13][/size]
[size=13][/size]
[size=13][/size]
<!-- BEGIN viewtopic_bottom -->[size=13][/size]
<div class="chucnangadmin">[size=13][/size]
            {S_TOPIC_ADMIN}[size=13][/size]
</div>[size=13][/size]
            <!-- END viewtopic_bottom -->[size=13][/size]
[size=13][/size]
[size=13][/size]
[size=13][/size]
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>[size=13][/size]
[size=13][/size]
<script>[size=13][/size]
    $(function () {[size=13][/size]
        $.ajax({[size=13][/size]
            url: "/feed/?f={FORUM_ID}",[size=13][/size]
            success: function (ta) {[size=13][/size]
                for (var i = 2; i < 8; i++) {[size=13][/size]
                    var DL = $(ta).find("link:eq(" + i + ")").text();[size=13][/size]
                    var title = $(ta).find("title:eq(" + i + ")").text();[size=13][/size]
$('<div class="news-item"><div class="postfeed"><div class="crop"><a href="' + DL + '" rel="bookmark"></a><h2></h2><div style="clear: both;"></div>[size=13][/size]
</div></div></div></div>').appendTo('div.show_topic #topic');               [size=13][/size]
                    [size=13][/size]
                    $('<a href="' + DL + '">' + title + '</a>').appendTo('.news-item:eq(' + (i - 2) + ') .postfeed h2');[size=13][/size]
                    $('<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)');[size=13][/size]
                }[size=13][/size]
            }[size=13][/size]
        })[size=13][/size]
    })[size=13][/size]
</script>[size=13][/size]
[size=13][/size]
[size=13][/size]
  


Nguồn : Zone-FM
Edo
Bài viết : 17
Points : 21
Like : 0
Punbb
EdoMEM LV1
2/2/2017, 20:39
#2
nhin cái code la thấy rất vui