[skin] Skin haivl.com by Quý Ròm

Viewcomments_Body ( Chia 2 nhé các bạn, dài quá )

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();
            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>
<style>
  .pun .entry-content {
overflow: inherit;
padding-bottom: .8em;
width: 100%;
}
  div#fixadent123 {
width: 673px;
border-top: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
height: 20px;
overflow: hidden;
background-color: #F4F4F4;
margin-bottom: 0px;
padding: 8px 6px;
}.pun .topic {
background: transparent;
border: 1px solid transparent;
border-style: none solid;
  }.pun .postmain {
background-color: #fbfbfb;
border-left: 1px solid #ddd;
margin-left: 0em;
}</style><br/><br/><br/><br/><br/>
          <div id="leftColumn"><div class="box photoDetails">

   

   {POLL_DISPLAY}


   <div class="main-content topic">
      <!-- BEGIN postrow -->
         <!-- BEGIN hidden -->
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
         <!-- END hidden -->
         <!-- BEGIN displayed -->
   <br>       
          
<h2 style="
    padding-left: 10px;    width: 400px;  
    font-size: 16px;  
    color: #000!important;  font-weight: bold;
">
                     {postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a> {postrow.displayed.POST_DATE_NEW}
                  </h2>
          <div class="remark_stone"></div>
     <style>
.remark_stone {
    background: url("http://upanh.biz/images/2014/03/12/sprite-1s.png") repeat scroll 0 66px rgba(0, 0, 0, 0);
    display: block;
    height: 65px;
    left: -6px;
    position: absolute;
    top: -6px;
    width: 65px;
    z-index: 10;
}

     </style>
     
     <div class="stats">
                <span class="views">Hiện đang: <span class="number">{postrow.displayed.ONLINE_IMG}</span></span>
                <span class="comments">Nhóm: <span class="number">{postrow.displayed.POSTER_RANK_NEW}</span></span>
            </div>
     <div class="source">
                <span class="source">Nguồn: <span class="text">
Đang cập nhật...                </span></span>
            </div>
     
     <style>div.photoDetails .stats {
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0;
}
div.photoDetails .stats .comments {
    margin-left: 10px;
}
div.photoDetails div.source {
    margin: 5px 0;
}
div.photoDetails div.source .text {
    font-weight: normal;
}
div.photoDetails .stats .number {
    color: #BA0069;
    font-size: 16px;
}
div.photoDetails .stats .text {
    font-weight: normal;
}
div.photoDetails .stats a {
    font-weight: normal;
       }
     .photoList .stats .viewComments {
    float: left;
    margin-top: 4px;
}
.views {
    background: url("http://s.haivl.com/content/images/view_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-left: 18px;
}
.comments {
    background: url("http://s.haivl.com/content/images/comment_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-left: 18px;
}
       span.source {
    background: url("http://s.haivl.com/content/images/source_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 14px;
    font-weight: bold;
    padding-left: 18px;
}
     
     </style>
     
          
<div class="user-basic-info" style="margin-top: -50px;float: right; margin-right: 10px; background-color: #EEE; padding: 5px 5px 5px 8px; width: 160px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: #545454; margin-bottom: 5px;  ">

                                                    <p>  Đăng lúc:    {postrow.displayed.POST_DATE_DMY_VALUE0}/
                                                          {postrow.displayed.POST_DATE_DMY_VALUE1}/
                                                      {postrow.displayed.POST_DATE_DMY_VALUE2}</p>
                 
  
  <span class="lulu"style="
    background-color: #fff;  border: 1px solid #1f537b;  float: left;
">{postrow.displayed.POSTER_AVATAR}   </span>
  
  <span class="username" style="margin-left:3px">{postrow.displayed.POSTER_NAME}</span><br>
   <span class="inf2o">
  <!-- BEGIN profile_field -->
   {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
     <!-- END profile_field --></span>

                        </div>
          <br><br><br><br>
          
            
            

<script>$(function() {var fixadent1 = $("#fixadent1"), pos = fixadent1.offset();$(window).scroll(function() {if($(this).scrollTop() > (pos.top + 10) && $(this).scrollTop() < 15000 && fixadent1.css('position') == 'static') { fixadent1.addClass('fixed1');  }else if($(this).scrollTop() <= pos.top && fixadent1.hasClass('fixed1')){ fixadent1.removeClass('fixed1'); }else if($(this).scrollTop() > 15000 && fixadent1.hasClass('fixed11')){ fixadent1.removeClass('fixed1'); }})});</script>
  <style>
 
    
    
   

div#fixadent1 {
    background-color: #F7F7F7;
    border: 1px solid #D4D4D4;
    height: 20px;
    margin-bottom: -10px;
    margin-top: 53px;
    overflow: hidden;
    padding: 8px 6px;
    width: 657px;
    margin-left: -14px;
}
    
    .fixed1 {position:fixed;top:-5px;margin-right:0;z-index:999;}
 
    </style>
    
    
    <div id=fixadent1>
    
<span style="
    float: left;
"><font style="font:bold 12px Tahoma;color:#333;">Duyệt bài : </font></span>
  
  
  
<div class="vote-Zzbaivong">
   <!-- BEGIN switch_vote_active -->
   <a class="vote-plus" href="<!-- BEGIN switch_vote -->{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}<!-- END switch_vote -->"> 
       Chán
    </a>
   <span class="vote-time plus-time"style="
    border-right: 1px solid #DDD;
">0</span>
   <a class="vote-minus" href="<!-- BEGIN switch_vote -->{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}<!-- END switch_vote -->">
       Hay
    </a>
   <span class="vote-time minus-time">0</span>
  
  
  
   <input class="vote-tip" type="hidden" value="<!-- BEGIN switch_bar -->{postrow.displayed.switch_vote_active.L_VOTE_TITLE}<!-- END switch_bar --><!-- BEGIN switch_no_bar -->{postrow.displayed.switch_vote_active.L_VOTE_TITLE}<!-- END switch_no_bar -->" />
   <!-- END switch_vote_active -->
</div>
  
  
  <span id="fb_likebtn" style="margin-left: 6px; ">
    <iframe src="http://www.facebook.com/plugins/like.php?href=http://tv821.forumvi.com/{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowtransparency="true"></iframe></span>
  <span class="gensmall bold" style="float:right;margin-top:4px;margin-right:4px">
    <span id="tnext">
      <a class="ola_1" href="{U_VIEW_OLDER_TOPIC}" style="background: url(http://i16.servimg.com/u/f16/16/18/15/10/116.png) no-repeat left top;padding-left:14px">Bài trước</a></span>
    <span id="tprev"><a class="ola_1" href=" {U_VIEW_NEWER_TOPIC}" style="background: url(http://i16.servimg.com/u/f16/16/18/15/10/214.png) no-repeat right top;padding-right:14px;padding-left:14px">Bài sau</a></span></span></div>
            
      
 
  
  
  
  
            <br>
            
           
         <div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
            <a name="{postrow.displayed.U_POST_ID}"></a>
            <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>



                  
                                          

                  
               </div>

               <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>

                  

                  <div class="post-entry">
                     <div class="entry-content">
                        
                        <div>
                           {postrow.displayed.MESSAGE}
                           <!-- BEGIN switch_attachments -->
                           <div class="clear"></div>
                           <dl class="attachbox">
                              <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                              <dd>
                                 <!-- BEGIN switch_post_attachments -->
                                 <dl class="file">
                                    <dt>
                                       <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 -->
                                    </dt>

                                    <!-- BEGIN switch_no_comment -->
                                    <dd>
                                       <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                    </dd>
                                    <!-- END switch_no_comment -->

                                    <!-- BEGIN switch_no_dl_att -->
                                    <dd>
                                       <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</em>
                                    </dd>
                                    <!-- END switch_no_dl_att -->

                                    <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                 </dl>
                                 <!-- END switch_post_attachments -->
                              </dd>
                           </dl>
                           <!-- END switch_attachments -->
                        </div>
                        <p>
                           {postrow.displayed.EDITED_MESSAGE}
                        </p>
                     </div>
                  </div>
               </div>
                              <br/>
<div class="featuredFanPage">
                <h4>
                    <img src="http://s.haivl.com/content/images/emo/static/thumbsup.png"> Like CNTT-K3 trên facebook để có cơ hội nhận skin và code mới nhất !</h4>
                <div data-show-faces="false" data-width="600" data-send="false" data-href="https://www.facebook.com/Cnttk3com?ref=ts&fref=ts" class="fb-like fb_iframe_widget" fb-xfbml-state="rendered" fb-iframe-plugin-query="app_id=378808135489760&amp;href=http%3A%2F%2Fwww.facebook.com%2Fhaivl.com&amp;locale=en_US&amp;sdk=joey&amp;send=false&amp;show_faces=false&amp;width=600"><span style="vertical-align: bottom; width: 600px; height: 20px;"><iframe width="600px" scrolling="no" height="1000px" frameborder="0" name="f17ef08d7a12792" allowtransparency="true" title="fb:like Facebook Social Plugin" style="border: medium none; visibility: visible; width: 600px; height: 20px;" src="http://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FCnttk3com%3Fref%3Dts%26fref%3Dts&width&layout=standard&action=like&show_faces=true&share=false&height=80" class=""></iframe></span></div>
            </div>
               <!-- BEGIN switch_signature -->
               <div class="sig-content">
                  <span class="sig-line"></span>
                  {postrow.displayed.SIGNATURE_NEW}
               </div>
               <!-- END switch_signature -->
<!--
               <div class="postfoot clearfix">
                  <div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}">
                     {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                  </div>
                  <div class="post-options profile_{postrow.displayed.PROFILE_POSITION}">
<span class="options-button">{comment.displayed.THANK_IMG}{comment.displayed.MULTIQUOTE_IMG}{comment.displayed.QUOTE_IMG}{comment.displayed.EDIT_IMG}{comment.displayed.DELETE_IMG}{comment.displayed.IP_IMG}{comment.displayed.REPORT_IMG}</span>
                  </div></div>-->
                          <br/>
                          <center>
<div>
<iframe src="http://www.facebook.com/plugins/comments.php?href=http://tv821.forumvi.com/{TOPIC_URL}" scrolling="no" frameborder="0" data-num-posts="20" style="border:none; overflow:hidden; width:600px; height:300px; " allowTransparency="true"></iframe> 
</div>
</center>
               
            </div>
         </div>
            
            
            <br/>
            <!-- 1-->
    <div style="height: 210px;padding-left:12px;display:block">
<style>
.show_topich88 {
    border-bottom: 1px dotted #CCCCCC;
    color: #006B5B;
    float: left;
    font-size: 12px;
    font-weight: 700;
    line-height: 21px;
    margin: 0 0 3px;
    padding: 0 0 5px;
    width: 220px;
  }</style>
              <span class="show_topich88">
              </span>
      <script>
    $(function () {
            $.ajax({url: "/feed/?f=2",
      success: function (ta) {
        for(var i=2;i<7;i++)
        {
              var DL=$(ta).find("link:eq("+i+")").text();
          $('<a href="'+DL+'" class="ava_new"></a>').appendTo('.show_topich88:eq('+(i-2)+')');
          $('<img src="'+$(".show_topich88:eq("+(i-2)+") a").load(DL+".postbody .post-entry img:eq(0)")+'"/>').appendTo('.show_topich88:eq('+(i-2)+') a');
      $('<br /><strong><a href="'+DL+'">'+$(ta).find("title:eq("+i+")").text()+'</a></strong>').appendTo('.show_topich88:eq('+(i-2)+')');
    }
    }})
            })
    </script>
    </style><style>
    }
      .show_topich88 {
    display: inline-block;
    height: 190px;
    }
    </style>


              
    <style>
    }

      a.ava_new,span.ava_new img {
    width: 239px;
    height: 150px;
    display: inline-block;
    border: 1px solid #b0b0b0;
    overflow: hidden;
    margin-left: 0px;
    }
      .show_topic4 {
    display: inline-block;
    height: 190px;
    }
      a.ava_new img,span.ava_new img {
    width: 100px;
    height: 100px;
    }
    </style>

  <!-- xuan quy -->
    <span class="show_topich88">
              </span>
      <script>
    $(function () {
            $.ajax({url: "/feed/?f=4",
      success: function (ta) {
        for(var i=2;i<7;i++)
        {
              var DL=$(ta).find("link:eq("+i+")").text();
          $('<a href="'+DL+'" class="ava_new"></a>').appendTo('.show_topic2:eq('+(i-2)+')');
          $('<img src="'+$(".show_topic2:eq("+(i-2)+") a").load(DL+".postbody .post-entry img:eq(0)")+'"/>').appendTo('.show_topic2:eq('+(i-2)+') a');
      $('<br /><strong><a href="'+DL+'">'+$(ta).find("title:eq("+i+")").text()+'</a></strong>').appendTo('.show_topic2:eq('+(i-2)+')');
    }
    }})
            })
    </script>
    <style>
    }

      a.ava_new,span.ava_new img {
    width: 239px;
    height: 150px;
    display: inline-block;
    border: 1px solid #b0b0b0;
    overflow: hidden;
    margin-left: 0px;
    }
      .show_topic2 {
    display: inline-block;
    height: 190px;
    }
      a.ava_new img,span.ava_new img {
    width: 100px;
    height: 100px;
    }
    </style>
<span class="show_topich88">
              </span>
      <script>
    $(function () {
            $.ajax({url: "/feed/?f=4",
      success: function (ta) {
        for(var i=2;i<7;i++)
        {
              var DL=$(ta).find("link:eq("+i+")").text();
          $('<a href="'+DL+'" class="ava_new"></a>').appendTo('.show_topic2:eq('+(i-2)+')');
          $('<img src="'+$(".show_topic2:eq("+(i-2)+") a").load(DL+".postbody .post-entry img:eq(0)")+'"/>').appendTo('.show_topic2:eq('+(i-2)+') a');
      $('<br /><strong><a href="'+DL+'">'+$(ta).find("title:eq("+i+")").text()+'</a></strong>').appendTo('.show_topic2:eq('+(i-2)+')');
    }
    }})
            })
    </script>
    <style>
    }

      a.ava_new,span.ava_new img {
    width: 239px;
    height: 150px;
    display: inline-block;
    border: 1px solid #b0b0b0;
    overflow: hidden;
    margin-left: 0px;
    }
      .show_topic2 {
    display: inline-block;
    height: 190px;
    }
      a.ava_new img,span.ava_new img {
    width: 100px;
    height: 100px;
    }
    </style>
<span class="show_topich88">
              </span>
      <script>
    $(function () {
            $.ajax({url: "/feed/?f=4",
      success: function (ta) {
        for(var i=2;i<7;i++)
        {
              var DL=$(ta).find("link:eq("+i+")").text();
          $('<a href="'+DL+'" class="ava_new"></a>').appendTo('.show_topic2:eq('+(i-2)+')');
          $('<img src="'+$(".show_topic2:eq("+(i-2)+") a").load(DL+".postbody .post-entry img:eq(0)")+'"/>').appendTo('.show_topic2:eq('+(i-2)+') a');
      $('<br /><strong><a href="'+DL+'">'+$(ta).find("title:eq("+i+")").text()+'</a></strong>').appendTo('.show_topic2:eq('+(i-2)+')');
    }
    }})
            })
    </script>
    <style>
    }

      a.ava_new,span.ava_new img {
    width: 239px;
    height: 150px;
    display: inline-block;
    border: 1px solid #b0b0b0;
    overflow: hidden;
    margin-left: 0px;
    }
      .show_topic2 {
    display: inline-block;
    height: 190px;
    }
      a.ava_new img,span.ava_new img {
    width: 100px;
    height: 100px;
    }
    </style>

<span class="show_topich88">
              </span>
      <script>
    $(function () {
            $.ajax({url: "/feed/?f=4",
      success: function (ta) {
        for(var i=2;i<7;i++)
        {
              var DL=$(ta).find("link:eq("+i+")").text();
          $('<a href="'+DL+'" class="ava_new"></a>').appendTo('.show_topic2:eq('+(i-2)+')');
          $('<img src="'+$(".show_topic2:eq("+(i-2)+") a").load(DL+".postbody .post-entry img:eq(0)")+'"/>').appendTo('.show_topic2:eq('+(i-2)+') a');
      $('<br /><strong><a href="'+DL+'">'+$(ta).find("title:eq("+i+")").text()+'</a></strong>').appendTo('.show_topic2:eq('+(i-2)+')');
    }
    }})
            })
    </script>
    <style>
    }

      a.ava_new,span.ava_new img {
    width: 239px;
    height: 150px;
    display: inline-block;
    border: 1px solid #b0b0b0;
    overflow: hidden;
    margin-left: 0px;
    }
      .show_topic2 {
    display: inline-block;
    height: 190px;
    }
      a.ava_new img,span.ava_new img {
    width: 100px;
    height: 100px;
    }
    </style>

</div>
<!-- 1-->
            
            
            
            
            
            
         <!-- END displayed -->
      <!-- END postrow -->
   </div>
<style>.photoDetails .commentContainer h4 {
    border-bottom: 1px solid #DDDDDD;
    margin: 10px 0 5px;
    padding-bottom: 5px;
}
.photoDetails .commentContainer .tipComment {
    margin-bottom: 5px;
}
.photoDetails .commentContainer .tipComment a {
    color: #00A5F0;
}
.photoDetails .commentContainer .meo {
    color: #BA0069;
}
.photoDetails .bottom-actions {
    float: right;
}
.photoDetails .bottom-actions a {
    margin-right: 10px;
  }</style><!--
<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
   <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
   </div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
   <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
   </div>
   <div class="main-content clearfix">
      <!-- BEGIN link -->
      »&nbsp;<a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
   </div>
</div>
<!-- END promot_trafic -->
-->
   
            
   <div class="clear"></div>
   <br />

   <div class="main-content" id="blog_comments">
      <!-- BEGIN comment -->
         <!-- BEGIN hidden -->
            <p class="p-hidden">{comment.hidden.MESSAGE}</p>
         <!-- END hidden -->
         <!-- BEGIN displayed -->
         <div class="post post--{comment.displayed.U_POST_ID}"{comment.displayed.THANK_BGCOLOR} style="{comment.displayed.DISPLAYABLE_STATE}">
            <a name="{comment.displayed.U_POST_ID}"></a>
            <div id="p{comment.displayed.U_POST_ID}" class="posthead"{comment.displayed.THANK_BGCOLOR}>
               <div class="blog_comment-avatar">
                  {comment.displayed.POSTER_AVATAR}
               </div>

Viewcomments_Body ( P.2)

Code:



               <p class="author"><img src="{comment.displayed.MINI_POST_IMG}" alt="{comment.displayed.L_MINI_POST_ALT}" title="{comment.displayed.L_MINI_POST_ALT}" />&nbsp;{comment.displayed.POST_DATE_NEW} {L_TOPIC_BY}&nbsp;{comment.displayed.POSTER_NAME}{comment.displayed.L_ONLINE}</p>
               <div class="postbody"{comment.displayed.THANK_BGCOLOR}>

               <div class="post-entry">
                  <div class="entry-content">
                     <!-- BEGIN switch_vote_active -->
                     <div class="vote gensmall">
                        <!-- BEGIN switch_vote -->
                        <div class="vote-button"><a href="{comment.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                        <!-- END switch_vote -->

                        <!-- BEGIN switch_bar -->
                        <div class="vote-bar" title="{comment.displayed.switch_vote_active.L_VOTE_TITLE}">
                           <!-- BEGIN switch_vote_plus -->
                           <div class="vote-bar-plus" style="height:{comment.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="height:{comment.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                           <!-- END switch_vote_minus -->
                        </div>
                        <!-- END switch_bar -->

                        <!-- BEGIN switch_no_bar -->
                        <div title="{comment.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                        <!-- END switch_no_bar -->

                        <!-- BEGIN switch_vote -->
                        <div class="vote-button"><a href="{comment.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                        <!-- END switch_vote -->
                     </div>
                     <!-- END switch_vote_active -->
                     <div>
                        {comment.displayed.MESSAGE}
                        <!-- BEGIN switch_attachments -->
                        <div class="clear"></div>
                        <dl class="attachbox">
                           <dt>{comment.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                           <dd>
                              <!-- BEGIN switch_post_attachments -->
                              <dl class="file">
                                 <dt>
                                    <img src="{comment.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

                                    <!-- BEGIN switch_dl_att -->
                                    <a class="postlink" href="{comment.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{comment.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {comment.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                    <!-- END switch_dl_att -->

                                    <!-- BEGIN switch_no_dl_att -->
                                    {comment.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {comment.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                    <!-- END switch_no_dl_att -->
                                 </dt>

                                 <!-- BEGIN switch_no_comment -->
                                 <dd>
                                    <em>{comment.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                 </dd>
                                 <!-- END switch_no_comment -->

                                 <!-- BEGIN switch_no_dl_att -->
                                 <dd>
                                    <em>{comment.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</em>
                                 </dd>
                                 <!-- END switch_no_dl_att -->

                                 <dd>({comment.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {comment.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                              </dl>
                              <!-- END switch_post_attachments -->
                           </dd>
                        </dl>
                        <!-- END switch_attachments -->
                     </div>
                     <p>
                        {comment.displayed.EDITED_MESSAGE}
                     </p>
                  </div>
               </div>
                                          <span class="options-button">{comment.displayed.THANK_IMG}{comment.displayed.MULTIQUOTE_IMG}{comment.displayed.QUOTE_IMG}{comment.displayed.EDIT_IMG}{comment.displayed.DELETE_IMG}{comment.displayed.IP_IMG}{comment.displayed.REPORT_IMG}</span>
            </div>

                                  
                                  
                                  <div class="clearfix"></div>
            </div>

            
                          
                          
                          
                          
                          
                         
         </div>
         <!-- END displayed -->
      <!-- END comment -->

      <!-- BEGIN no_comment -->
      <div class="post">
         <div class="postbody no_comment">
            <p style="text-align:center">{no_comment.L_NO_COMMENT}</p>
         </div>
      </div>
      <!-- END no_comment -->

      <div class="main-foot clearfix">
         
         <p class="options">
            <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}" />

            <!-- BEGIN viewtopic_bottom -->
            {S_TOPIC_ADMIN}
            <!-- END viewtopic_bottom -->
         </p>
      </div>

      <a name="bottomtitle"></a>

      

   </div>
</div>


<div id="rightColumn">
  <div class="box infoBox highlightBox">
 <b>Chào mừng các bạn đã đến với diễn đàn troll cùng Ròm <img title="á" alt="á" src="http://s.haivl.com/content/images/emo/static/laugh.png"> . Rất mong các bạn ủng hộ diễn đàn !
   <br/>   Hiện tại bây giờ là :<style>
#clock {

font-size: 12px;

}
</style>
<style>
.translate1 {float: right; margin-right: 10px; margin-top: -141px; }
</style><script type="text/javascript">
  var tick;
  function stop() {
  clearTimeout(tick);
  }
  function clock() {
  var ut=new Date();
  var h,m,s;
  var time="        ";
  h=ut.getHours();
  m=ut.getMinutes();
  s=ut.getSeconds();
  if(s<=9) s="0"+s;
  if(m<=9) m="0"+m;
  if(h<=9) h="0"+h;
  time+=h+":"+m+":"+s;
  document.getElementById('clock').innerHTML=time;
  tick=setTimeout("clock()",1000); 
  }
</script>
<body  onload="clock();" onunload="stop();"> 
<span id="clock"></span>

<!--
      <a href="/"> Click để cần trợ giúp !</a>.</b>-->
  </div><div>
 <!-- BEGIN switch_user_logged_out -->
  <a class="buttons spaceBottom" href="/login" style="float: left; width: 278px; color: white">Đăng nhập để bắt đầu chia sẻ ảnh!</a><div class="clear"></div><br>
 <!-- END switch_user_logged_out -->
    <!-- BEGIN switch_user_logged_in -->
    <a class="buttons spaceBottom" href="/post?f=1&mode=newtopic" style="float: left; width: 278px; color: white">click ! để bắt đầu chia sẻ hình ảnh !</a><div class="clear"></div><br>
  <!-- END switch_user_logged_in -->
 <div class="boxxq1">
    <style>
.boxxq1 {
 background-color: #EEEEEE;
    border: 1px solid #BBBBBB;
    border-radius: 5px;
    box-shadow: 0 1px #EEEEEE, 0 0 0 1px #FFFFFF inset;
    clear: right;
color: #666666;/*
height: 470px;*/
    margin-bottom: 10px;
    padding: 12px 15px 15px;
    position: relative;
    text-shadow: 0 1px #FFFFFF;
    width: 268px;
}
#top-guibai img {

height: 35px;
width:35px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
#top-guibai img:hover{
{border-color: #7d7d7d;}
}
#top-guibai {text-align: left;width: 100%;}#top-guibai a span {display: inline-block;text-align: left;width: 90px;}</style>
<h3 class="topUsers" style="
    font-size: 17px;  margin: 0 0 5px;  background: url(http://s.haivl.com/content/images/smile_icon.png) no-repeat transparent;  padding-left: 22px; 
">
                Top hài hước</h3><span style="float:right;margin-top:-20px">
<a href="/h17-topmember"><i>xem thêm »</i></a>
            </span>
<br/>
    <div id="top-guibai">
      
                  
                   </div><script>jQuery("#top-guibai").load("/memberlist?mode=posts&order=DESC&submit=Ok&username td.avatar-mini a:lt(8)");</script></div>
  
  
   <div class="boxxq1">
  <h3 class="topUsers" style="
    font-size: 17px;  margin: 0 0 5px; padding-left: 22px; 
">
               Viết bài mới</h3>
  <br> <center>  <!--
<!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;
            <!-- END switch_user_authpost -->

            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
            <!-- END switch_user_authreply -->-->
<style>
.posting {
background-color: #00A5F0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset, 0 1px #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    min-width: 45px;
    padding: 0 10px;
    text-align: center;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
transition: background-color 0.2s linear 0s;
width:80px
}

.posting:hover {
background-color: #24BBFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset, 0 1px #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    min-width: 45px;
    padding: 0 10px;
    text-align: center;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
transition: background-color 0.2s linear 0s;
}
.posting2{

background-color: #00A5F0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset, 0 1px #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    min-width: 45px;
    padding: 0 10px;
    text-align: center;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
    transition: background-color 0.2s linear 0s;
width:80px
}
.posting2:hover{
background-color: #24BBFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset, 0 1px #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    min-width: 45px;
    padding: 0 10px;
    text-align: center;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
transition: background-color 0.2s linear 0s;
}</style>

<!-- BEGIN switch_user_authpost -->
         
                  <p class="posting">
                   <a href="{U_POST_NEW_TOPIC}" rel="nofollow">
                    
                    <span class="newpost"><font color="#FFFFFF">  <b>+</b> Viết mới  </font></span></a></p>
                  
                  <!-- END switch_user_authpost -->
<br/>
         <!-- BEGIN switch_user_authreply -->
         
                  <p class="posting2"><a href="{U_POST_REPLY_TOPIC}">
                    
                    <span class="newpost"><font color="#FFFFFF">  <b>+</b> Trả lời  </font></span></a></p>
                  
                  <!-- END switch_user_authreply -->



<br>
  </div>
    
  
 <div class="boxxq1"><h3 style="font-size: 17px;  margin: 0 0 5px; padding-left: 22px;  " class="topUsers">Mới nhất</h3><div><div class="videoItem"><div class="thumb">
<style>/*
    .xuanquy {
    background-color: #DEDEDE;
    border: 1px solid #DDDDDD;
}*/
  </style>

    </div> 
            
    <div class="xuanquy">
          <table width="100%">
            <tr>

    <table width="100%" border="0"  cellpadding="0" cellspacig="0">
     <tbody>
      <tr>  


   


    <!-- xuan quy -->
<div style="height: 210px;padding-left:12px;display:block">



              <span class="show_topich7">
              </span>
      <script>
    $(function () {
            $.ajax({url: "/feed/?f=1",
      success: function (ta) {
        for(var i=2;i<7;i++)
        {
              var DL=$(ta).find("link:eq("+i+")").text();
          $('<a href="'+DL+'" class="ava_new"></a>').appendTo('.show_topich7:eq('+(i-2)+')');
          $('<img src="'+$(".show_topich7:eq("+(i-2)+") a").load(DL+".postbody .post-entry img:eq(0)")+'"/>').appendTo('.show_topich7:eq('+(i-2)+') a');
      $('<br /><strong><a href="'+DL+'">'+$(ta).find("title:eq("+i+")").text()+'</a></strong>').appendTo('.show_topich7:eq('+(i-2)+')');
    }
    }})
            })
    </script>
    </style><style>
    }
      .show_topich7 {
    display: inline-block;
    height: 190px;
    }
    </style>
<br>

              
    <style>
    }

      a.ava_new,span.ava_new img {
    width: 239px;
    height: 150px;
    display: inline-block;
    border: 1px solid #b0b0b0;
    overflow: hidden;
    margin-left: 0px;
    }
      .show_topic4 {
    display: inline-block;
    height: 190px;
    }
      a.ava_new img,span.ava_new img {
    width: 100px;
    height: 100px;
    }
    </style>

  <!-- xuan quy -->
    <span class="show_topich7">
              </span>
      <script>
    $(function () {
            $.ajax({url: "/feed/?f=4",
      success: function (ta) {
        for(var i=2;i<7;i++)
        {
              var DL=$(ta).find("link:eq("+i+")").text();
          $('<a href="'+DL+'" class="ava_new"></a>').appendTo('.show_topic2:eq('+(i-2)+')');
          $('<img src="'+$(".show_topic2:eq("+(i-2)+") a").load(DL+".postbody .post-entry img:eq(0)")+'"/>').appendTo('.show_topic2:eq('+(i-2)+') a');
      $('<br /><strong><a href="'+DL+'">'+$(ta).find("title:eq("+i+")").text()+'</a></strong>').appendTo('.show_topic2:eq('+(i-2)+')');
    }
    }})
            })
    </script>
    <style>
    }

      a.ava_new,span.ava_new img {
    width: 239px;
    height: 150px;
    display: inline-block;
    border: 1px solid #b0b0b0;
    overflow: hidden;
    margin-left: 0px;
    }
      .show_topic2 {
    display: inline-block;
    height: 190px;
    }
      a.ava_new img,span.ava_new img {
    width: 100px;
    height: 100px;
    }
    </style>
<span class="show_topich7">
              </span>
      <script>
    $(function () {
            $.ajax({url: "/feed/?f=4",
      success: function (ta) {
        for(var i=2;i<7;i++)
        {
              var DL=$(ta).find("link:eq("+i+")").text();
          $('<a href="'+DL+'" class="ava_new"></a>').appendTo('.show_topic2:eq('+(i-2)+')');
          $('<img src="'+$(".show_topic2:eq("+(i-2)+") a").load(DL+".postbody .post-entry img:eq(0)")+'"/>').appendTo('.show_topic2:eq('+(i-2)+') a');
      $('<br /><strong><a href="'+DL+'">'+$(ta).find("title:eq("+i+")").text()+'</a></strong>').appendTo('.show_topic2:eq('+(i-2)+')');
    }
    }})
            })
    </script>
    <style>
    }

      a.ava_new,span.ava_new img {
    width: 239px;
    height: 150px;
    display: inline-block;
    border: 1px solid #b0b0b0;
    overflow: hidden;
    margin-left: 0px;
    }
      .show_topic2 {
    display: inline-block;
    height: 190px;
    }
      a.ava_new img,span.ava_new img {
    width: 100px;
    height: 100px;
    }
    </style>
<span class="show_topich7">
              </span>
      <script>
    $(function () {
            $.ajax({url: "/feed/?f=4",
      success: function (ta) {
        for(var i=2;i<7;i++)
        {
              var DL=$(ta).find("link:eq("+i+")").text();
          $('<a href="'+DL+'" class="ava_new"></a>').appendTo('.show_topic2:eq('+(i-2)+')');
          $('<img src="'+$(".show_topic2:eq("+(i-2)+") a").load(DL+".postbody .post-entry img:eq(0)")+'"/>').appendTo('.show_topic2:eq('+(i-2)+') a');
      $('<br /><strong><a href="'+DL+'">'+$(ta).find("title:eq("+i+")").text()+'</a></strong>').appendTo('.show_topic2:eq('+(i-2)+')');
    }
    }})
            })
    </script>
    <style>
    }

      a.ava_new,span.ava_new img {
    width: 239px;
    height: 150px;
    display: inline-block;
    border: 1px solid #b0b0b0;
    overflow: hidden;
    margin-left: 0px;
    }
      .show_topic2 {
    display: inline-block;
    height: 190px;
    }
      a.ava_new img,span.ava_new img {
    width: 100px;
    height: 100px;
    }
    </style>


</div><div class="clear"></div></a></div></div></div> </div>
  
  
  
  
  
  
  
  
  
  
  
  
  </div></div>
                  
                    
                 
                  
                  <!--
                 

<a name="quickreply"></a>


<!-- BEGIN switch_user_logged_in -->
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->
-->
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', '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 type="text/javascript">
   //<![CDATA[
   $(".vote-Zzbaivong").each(function () {
      var b = $(this);
      if (b.is(":empty")) b.html('<a class="vote-plus" href="">Th\u00edch</a><span class="vote-time plus-time">0</span><a class="vote-minus" href="">B\u00e1o x\u1ea5u</a><span class="vote-time minus-time">0</span>');
      else {
         var a = b.find(".vote-tip").val(),
            c;
         /Message\sreputation\s:/.test(a) ? (c = a.split(/\W/), a = Math.round(c[4] / 100 * c[7]), c = c[7] - a) : a = c = 0;
         b.find(".plus-time").text(a);
         b.find(".minus-time").text(c)
      }
   });
   $(document).click(function (b) {
      $(".vote-cmt").fadeOut()
   });
   $(".vote-Zzbaivong").click(function (b) {
      b.stopPropagation()
   });
   $(".vote-plus, .vote-minus").one("click", function (b) {
      b.preventDefault();
      var a = $(this);
      b = a.attr("href");
      /us\&p_vote\=/.test(this.href) && (a.parent().children(".vote-plus, .vote-minus").attr("href", "javascript:;"), a.next(".vote-time").text(function () {
         return parseInt($(this).text()) + 1
      }), a.parent().find(".vote-plus").css("background-image", "url(http://i57.servimg.com/u/f57/17/05/17/70/preloa10.gif)"), $.get(b, function () {
         a.parent().children(".vote-plus").removeAttr("style")
      }), a.siblings("." + a.attr("class") +
         "-post").fadeIn().children(".vote-mess").focus())
   });
   $(".vote-send").one("click", function () {
      var b = $(this),
         a = b.closest(".post"),
         c = a.find("a[href^='/report']").attr("href"),
         d = b.parent().children(".vote-mess").val(),
         f = b.parent().children(".vote-note");
      f.text("\u0110ang x\u1eed l\u00fd...");
      if ("vote-plus-post vote-cmt" == b.parent().attr("class")) {
         var e = "http://" + location.host + location.pathname + "#" + c.replace(/.*p=(\d+).*/, "$1"),
            c = $.trim(a.find(".user a[href^='/u']:first").text()),
            a = a.find(".user a[href^='/u']:not(:has(img)):first").attr("href").replace(/.*\/u(\d+).*/, "$1"),
            e = "M\u00ecnh th\u00edch b\u00e0i vi\u1ebft c\u1ee7a b\u1ea1n t\u1ea1i [url=" +
               e + "]" + document.title + "[/url]";
         d.replace(/\s/g, "").length && (e = e + "[quote]" + d + "[/quote]");
         $.post("/privmsg", {
            subject: "B\u00e0i vi\u1ebft hay",
            message: e,
            username: c,
            u: a,
            mode: "post_profile",
            folder: "profile",
            post: "Send"
         }, function () {
            f.text("Tin nh\u1eafn \u0111\u00e3 \u0111\u01b0\u1ee3c g\u1eedi");
            b.closest(".vote-cmt").delay(300).fadeOut()
         })
      } else 3 >= d.replace(/\s/g, "").length && (d = "B\u00e0i vi\u1ebft vi ph\u1ea1m n\u1ed9i quy di\u1ec5n \u0111\u00e0n."), $.post(c, {
         message: d,
         post: "Save"
      }, function () {
         f.text("B\u00e1o c\u00e1o \u0111\u00e3 \u0111\u01b0\u1ee3c g\u1eedi");
         b.closest(".vote-cmt").delay(300).fadeOut()
      })
   });
   $(".vote-Zzbaivong > a[href='']").attr("href", "javascript:;");
   //]]>
</script></div>
</div>
                  
                  
                  
                  <script type="text/javascript">
  $(".options-button a").addClass("small_textbutton");
  $(".options-button a[href*='?thank=']").text("Cảm ơn");
  $(".options-button a[href^='/post?p='][href*='&mode=quote']").text("Trích dẫn");
  $(".options-button a[href^='/post?p='][href*='&mode=editpost']").text("Sửa");
  $(".options-button a[href^='/post?p='][href*='&mode=delete']").text("Xóa");
  $(".options-button a[href^='/modcp?mode=ip']").text("Xem Ip");
  $(".options-button a[href^='/report?mode=report']").text("Báo cáo");
  $(".options-button a[href^='/report?mode=unlock']").text("Mở báo cáo");
  $(".options-button a[href^='/report?mode=lock']").text("Chặn báo cáo");
</script>

     <div id="box-reg" style="display: none;">
        <div class="reg-popup">
    <span class="box-header">
    Nhập nội dung cần bình luận !
    </span>
          <br/>

    <span class="close-box" onclick="jQuery('#box-reg').fadeOut();">
    <img src="http://i81.servimg.com/u/f81/18/07/42/17/close_11.png"></span><br>
      <center><!--
 <!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
<div class="repplyxq">{QUICK_REPLY_FORM}</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_in -->
<br/><br/><br/><br/>
  <!--  <span class="box-header">
 Chức năng này tạm thời bảo trì ! bạn có thể dùng facebook để bình luận ! <img class="emo" src="http://s.haivl.tv/content/images/emo/static/inlove.png">
 
</span>
<!-- END switch_user_logged_in -->  -->
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}

<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<br/><br/><br/><br/>
 <span class="box-header">
   Vui lòng đăng nhập để sử dụng chức năng này ! <img class="emo" src="http://s.haivl.tv/content/images/emo/static/inlove.png">
    </span>
<!-- END switch_user_logged_out -->
</center>
    </span><br>

    <span class="auto-box">

    </form></div></div><div class="button-reg">
    <span>
    <a href="/" onclick="jQuery('#box-reg').fadeIn();return false;">
<img width="" src="http://upanh.biz/images/2014/03/12/scrollTop.png">
    </a></span></span>
    </div>
    <style>
      .main .main-content.frm {
    background-color: #FBFBFB;
    height: 370px;
}
fieldset.frm-set {
    border: medium none;
    margin: 1.7em;
    padding: 0 0 1em;
    height: 30px;
}
      
      
      
      
      .button-reg {/*
       
    background: #EEE;
      border: 1px solid #DDD;*/
    padding: 100px 80px;
    position: fixed;
    bottom: 0;
    right: 0;
      
    }
    .button-reg a {color: #232323 !important;}
    #box-reg {
    background: rgba(0,0,0,0.59);
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    }
 .reg-popup {
background: none repeat scroll 0 0 #FCFCFC;
border: 5px solid #232323;
height: 600px;
left: 14%;
padding: 10px;
position: absolute;
top: 7%;
width: 900px;
}
    .reg-popup form {
    color: #000;
    position: relative;
    }
    .box-header {
    color: #232323;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    }
    .close-box {
    cursor: pointer;
    position: absolute;
    right: -3px;
    top: -18px;
    }
    .box-span {
    float: left;
    margin-top: 20px;
    width: 360px;
    }
    .box-span input {
    float: right;
    height: 28px;
    margin-right: 5px;
    text-indent: 5px;
    background: #fcfcfc;
    border: 1px solid #c5c5c5;
    box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.5);
    padding: 1px 3px;
    width: 250px;
    }
    .box-span input:focus {
    background: #fff;
    border: 1px solid #232323;
    box-shadow: 2px 2px 5px -1px rgba(0,0,0,1);
    }
    .auto-box input {
    background: #e9e9e9;
    border: 1px solid #bbb;
    border-radius: 4px;
    box-shadow: inset 0 10px 10px #f1f1f1;
    color: #6f6f6f;
    cursor: pointer;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    font-size: 12px;
    margin-top: 13px;
    margin-bottom: 4px;
    padding: 5px 10px;
    text-shadow: 0 1px #fff;
    }
.frm-buttons {
    margin-bottom: -0.7em;
    margin-top: 0.5em;
    padding: 0.7em 0 0 17.5em;
    margin-left: -160px;
}
    </style>

Hide đi cho dân số tăng

mod_news

Code:

<br/><br/><br/><br/><br/>
<div id="leftColumn"><div class="box photoDetails">
  <div class="main-filter ">
            <div id="use-tips">
                <div class="list-tips" id="view-info">
                    
                   
                  <a class="keyboard_link" href="/"><b><h3>Ảnh mới</h3></b></a>                    
                </div>
            </div>
    <a href="/login" class="safe-mode-switcher on">&nbsp;</a>
                            </div>
<style>
  #view-info .keyboard_link {
    border-bottom: 1px dotted #999999;
    color: #3D9400;
    float: left;
    margin-left: 8px;
    margin-top: 15px;
}
.main-filter {
    background-color: #F4F4F4;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 1px #FFFFFF inset, 0 -1px #DDDDDD inset;
    height: 43px;
    margin-top: -5px;
    overflow: hidden;
}
  
  </style>
  
  <br/>

  <div class="tips"><b>Chú ý: </b><b>Skin diễn đàn</b> hoạt động tốt với trình duyệt <b>(Chrome)</b> trình duyệt <b>firefox</b> có thể sảy ra vài <b>lỗi</b> !</div>
          <br>
  <style>.body img { width: 400px;}</style>
            
<!-- BEGIN post_row -->
<!-- BEGIN saut -->
<div style="height:2px"></div>
<!-- END saut -->
          <style>.pun .main-content {
            background-color: #fff;/*
            border: 1px solid #ddd;*/
            }
.remark_new {
    background: url("http://upanh.biz/images/2014/03/12/sprite-1.png") repeat scroll 0 66px rgba(0, 0, 0, 0);
    height: 66px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 66px;
    z-index: 6;
}
            </style>  
           
             
<div class="module main">
   <a name="news_{post_row.ID}"></a>

 
  <style>.start_line {
    background: url("http://upanh.biz/images/2014/03/12/sprite-11.png") repeat scroll;
  
    }</style>
  
  
   <div class="module mod_news">

          
          

          
      <div class="main-content" style="padding:0;">

                  
                  
                  
                              <div class="" style="margin-top: 10px; width: 250px; float: right; line-height:22px"><p>
<a target="_blank" style="font-size: 23px; line-height: normal" href="{post_row.U_VIEW_COMMENTS}">{post_row.TITLE}</a> </p>
                                 <div class="start_line"></div>
                                
                                
                                <div class="khungbxq">
 <div class="avs">    <div class="text1134"> <div class="uploader">Đăng bởi: {post_row.POSTER}</div>
 <span class=""><img title="Thời gian đăng" src="http://i35.servimg.com/u/f35/18/42/35/47/19011.png"> {post_row.TIME} </span>  </div>
                                </div>  </div>  <br>              
                                
                                
                            
 <span class="traloi" title="Lượt trả lời" style="background: url(http://s.haivl.com/content/images/comment_icon.png) no-repeat transparent; padding-left: 18px;margin-left: 5px;font-weight: bold; font-size: 15px;">: {post_row.REPLIES}      </span>     
                                  <br>

<!-- khung -->



<div class="sharing-box ">
                                    <hr class="arrow">
                                    <ul class="sharing ">
                                        <li id="share1-2895" class="facebook">
                                           <span id="list-share-twitter-2895">
                                                                           <fb:share-button type="button_count" href="http://oivip.net/post/2895/"></fb:share-button>
                                                                               </span>
                                 <div class="facebook-share-btn" style="float:right">
                                                                           
                               <iframe src="http://www.facebook.com/plugins/like.php?href=http://tv821.forumvi.com/{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;padding-right:8px;" allowtransparency="true"></iframe>        
                                                                     </div>
                                        </li>
                                    </ul>
                              
<!-- khung -->

 <p></p></div></div>



<style>
  .text1134{
  float: left;
margin-left: 39px;
  }
.avs a.inx img {
background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D5D5D5;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    height: 30px;
    padding: 1px;
  width: 30px;/*
  margin-top: -19px;
  margin-left: 29px;*/
  margin-bottom: -40px;
}
.khungbxq
  {
  /*
margin-top: -20px;*/
  float: right; 
  margin-right: 10px; 
   margin-bottom: 5px;  
  width: 175px;
  background-color: #EEE; 
  padding: 5px 5px 5px 8px; 

  border-radius: 3px; 
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px;
  color: #545454;
 
}
hr.arrow {
    background: url("http://oivip.net/images/sprite_v12.png") no-repeat scroll 105px -254px rgba(0, 0, 0, 0);
    border: medium none;
    height: 4px;
    margin: 0;
    overflow: hidden;
    width: 100%;
}
.sharing-box {
    overflow: hidden;
    width: 220px;
}
.sharing-box ul.sharing {
    background-color: #F4F4F4;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    box-shadow: 0 1px 2px #EEEEEE, 0 0 0 1px #FFFFFF inset;
    list-style-type: none;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0;
    width: 218px;
}
.sharing-box ul.sharing.pinterest, .sharing-box ul.sharing.weibo {
    padding-bottom: 4px;
}
.sharing-box ul.sharing.orkut, .sharing-box ul.sharing.tuenti {
    padding-bottom: 2px;
}
#entries-content.list ul.col-1 li .sharing-box ul.sharing li {
    height: 20px;
    padding: 6px;
}
#entries-content.list ul.col-1 li .sharing-box ul.sharing li .facebook-share-button {
    float: right;
    margin-top: 1px;
}
#entries-content.list ul.col-1 li .sharing-box ul.sharing.pinterest li .facebook-share-button, #entries-content.list ul.col-1 li .sharing-box ul.sharing.weibo li .facebook-share-button {
    margin-top: 3px;
}
#entries-content.list ul.col-1 li .sharing-box ul.sharing.orkut li .facebook-share-button, #entries-content.list ul.col-1 li .sharing-box ul.sharing.tuenti li .facebook-share-button {
    margin-top: 2px;
}
#entries-content.list ul.col-1 li .sharing-box ul.sharing li .facebook-share-big {
    margin-bottom: -3px;
}
#entries-content.list ul.col-1 li .sharing-box ul.sharing li .twitter-share-button {
    margin-right: -20px;
}
#entries-content.list ul.col-1 li .sharing-box ul.sharing li #orkut_share {
    float: left;
    width: 76px !important;
}
.sharing-box ul.sharing li a, .sharing-box ul.sharing li iframe, #entries-content.list ul.col-1 li .sharing-box ul.sharing li a, #entries-content.list ul.col-1 li .sharing-box ul.sharing li iframe {
    display: inline-block;
}

.sep-line {
    background: url("http://upanh.biz/images/2014/03/12/sprite-1RBZPVuJptO.png") repeat scroll -1px 102px rgba(0, 0, 0, 0);
    height: 40px;
    margin-top: -19px;
}
</style>
                       <div class="remark_new">    </div> 
         <div class="body">
                          
                          

                          
                          <a href="{post_row.U_VIEW_COMMENTS}">{post_row.TEXT}</a><br /><br />
            <!-- BEGIN switch_attachments -->
            <dl class="attachbox">
               <dt>{post_row.switch_attachments.L_ATTACHMENTS}</dt>
               <dd>
                  <!-- BEGIN switch_post_attachments -->
                  <dl class="file">
                     <dt>
                                                          <img src="{post_row.switch_attachments.switch_post_attachments.U_IMG}" />
                        <!-- BEGIN switch_dl_att -->
                        <a class="postlink" href="{post_row.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{post_row.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {post_row.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                        <!-- END switch_dl_att -->

                        <!-- BEGIN switch_no_dl_att -->
                        {post_row.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {post_row.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                        <!-- END switch_no_dl_att -->
                     </dt>

                     <!-- BEGIN switch_no_comment -->
                     <dd>
                        <em>{post_row.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                     </dd>
                     <!-- END switch_no_comment -->

                     <!-- BEGIN switch_no_dl_att -->
                     <dd>
                        <em><strong>{post_row.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                     </dd>
                     <!-- END switch_no_dl_att -->

                     <dd>({post_row.switch_attachments.switch_post_attachments.FILE_SIZE}) {post_row.switch_attachments.switch_post_attachments.NB_DL}</dd>
                  </dl>
                  <!-- END switch_post_attachments -->
               </dd>
            </dl>
            <!-- END switch_attachments -->
            <div class="clear"></div>
            {post_row.OPEN}<a href="{post_row.U_READ_FULL}">{post_row.L_READ_FULL}</a>{post_row.CLOSE}
         </div>
                  
                  
                  

                  
                  
                  
      
      </div>
   </div>

</div>
                                   <div class="sep-line"></div> 
<!-- END post_row -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.mod_news', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<!--
                <a class="buttons nextListPage" href="/f1p2-forum" style="display: inline;color: white;font:bold;">xem thêm, còn nhiều lắm</a>
-->
 <br>    
<div class="paging-buttons" id="paging-buttons">
                              <a class="previous disabled" onclick="return false;" href="#">« Mới hơn</a>
                                                <a class="older" href="/f1p2-forum">Cũ hơn »</a>
                            </div>

<style>
#paging-buttons {
    background-color: #F4F4F4;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #DDDDDD;
    box-shadow: 0 0 0 1px #FFFFFF inset;
    overflow: hidden;
    padding: 20px;
}
#paging-buttons a {
    background-color: #3B5998;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset, 0 1px #FFFFFF;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    text-align: center;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
    width: 100%;
}
#paging-buttons.paging-buttons a {
    float: right;
    width: 308px;
}
#paging-buttons.paging-buttons a:hover, #paging-buttons.infinite a:hover {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset, 0 1px #FFFFFF, 0 0 0 30px rgba(255, 255, 255, 0.21) inset;
    opacity: 0.9;
}
#paging-buttons.paging-buttons a:active, #paging-buttons.infinite a:active {
    box-shadow: 0 0 0 30px rgba(0, 0, 0, 0.21) inset, 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 1px #FFFFFF;
}
#paging-buttons.paging-buttons a.previous {
    float: left;
}
#paging-buttons a.disabled, #paging-buttons a.disabled:hover, #paging-buttons a.disabled:active {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset, 0 1px #FFFFFF;
    cursor: default;
    opacity: 0.2;
}
</style>

               
  </div>
  </div>

ACP -> Modules => HTML & JAVASCRIPT -> Javascript Code -> Tạo một javascript ( In All Pages )
JS 1:

Code:


jQuery(function() {
                var tgl = document.getElementById('i_icon_mini_login'); if(!tgl) return; var tgu = document.location.href; jQuery('body').append('<div id="TGlogin_form" class="TGlogin_form-float" style="display: none;"><div class="TGlogin_form-float-content"><div class="TGlogin_form-float-div"><form  id="TGloginform" method="post" method="post" action="/login?redirect='+tgu+'"><label><em>Tài khoản : </em><input id="username" type="text" name="username"></label><label><em>Mật khẩu  : </em><input id="password" type="password" name="password"></label><label style="float: left; margin-top: 5px; text-align: left;"><em style="margin-right: 10px; margin-top: 3px; width: 85px; margin-left: 7px;">Ghi nhớ : </em><input type="checkbox" name="autologin" checked="true" style="width: 20px;"></label><input id="submit" type="submit" name="login" value="Login" class="submit"></form></div></div><span class="TGClose">X</span></div><div id="TGfade" class="TGlogin_form-float_overlay"></div>'); var Copyrights = 'Forum dos Foruns - ©Mikee All Rights Reserved.'; jQuery('a[href="/login"], a[href="/login?connexion"]').attr('href', '/login').click(function (e) { jQuery('#TGlogin_form').fadeToggle('slow',  'linear'); return false; }).click(function(e) {jQuery('#TGfade').css('display', 'block' ); jQuery('#TGlogin_form').css('left', '40%').css('top', '40%'); }); jQuery('.TGClose').click(function() { jQuery('#TGlogin_form, #TGfade').fadeToggle("fast", "linear"); });
                });

JS 2 ( In All Pages ):

Code:

$(function(g){var tg=document.getElementById('i_icon_mini_new_message');if(!tg)return;var mps=$(tg).attr("alt").match(/[0-9]+/);$('li a[href^="/privmsg"]').attr('data-counter',''+mps+'')});

Thực sự khi post xong mình đã khóc vì nó dài 

xem

xem

Skin Haivl Có Code Poting_body không zậy ?

Huy.PC52 đã viết:Skin Haivl Có Code Poting_body không zậy ?

Bạn kiếm xem

t đang thiết kế

Đã có Poting_body rùi nè :


Các bạn chỉnh sửa thêm cái upload ảnh vào nha .
Rùi Share cho mọi người cùng dùng . việc upload ảnh này mình ngu :)
Ai biết làm rùi share nha .

Code:

1. http://www.devs.cf/t153-sceditor-jquery-plugin-zzimgur-cong-cu-upload-anh-tien-tien-cho-forumotion

2. http://www.devs.cf/t131-jq-plugin-zzimgur-1-6-upload-anh-len-imgur-dung-html5

nice