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

  Bài viết hay nhất1
Tác Giả : ThànhKent
Demo
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 -->
<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
  Bài viết hay nhất2
cho vào mà trả thấy giống như demo
  Bài viết hay nhất3

ReuPhong wrote:cho vào mà trả thấy giống như demo

Cho link mình xem
  Bài viết hay nhất4

Thanhkent wrote:
ReuPhong wrote:cho vào mà trả thấy giống như demo

Cho link mình xem
http://***.netgoo.org/t17311-topic#19355
  Bài viết hay nhất5
rao vat368.netgo.org
  Bài viết hay nhất6

ReuPhong wrote:rao vat368.netgo.org

Giống rồi nhé :D vì forum bạn xài skin khác không phải mẫu tin tức + với không xài cột bên phải nên thấy k giống :D
  Bài viết hay nhất7
You cannot reply to topics in this forum