Loading...

Theme blog

head

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="vi" xml:lang="vi" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <noscript> <meta http-equiv="refresh" content="3;url=http://www.thoang.net/enable-javascript.h2.htm"/></noscript>
  <!-- BEGIN switch_compat_meta -->
  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  <!-- <link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/tuoitrevn/linhtinh/master/animate.css">-->
  {CSS}
  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <!--[if lt IE 9]>
  <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js" type="text/javascript"></script>
  <![endif]-->
 <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 <script src="https://cdn.rawgit.com/tuoitrevn/linhtinh/master/addclass.js"></script>

    <!-- [if (!IE)|(gt IE 8)] -->
    <!-- [endif] --><!--[if lte IE 8]>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" type="text/javascript"></script><![endif]-->
  {RICH_SNIPPET_GOOGLE}
</head>
<body>
<script type="text/javascript">     
 $(document).ready(function() {
    $(".codebox").click(function() {
        $(".spoiler_content").slideToggle("90")
    })
});
var $stickyHeight = 540;
var $padding = 70;
var $stickywidth = 336;
var $topOffset = 1600;
var $footerHeight = 500;
$(".rightside.right strong").addClass("ihide");
$(function($) {var element = document.getElementById("contents1");element.parentNode.removeChild(element);var element = document.getElementById("rightside");element.parentNode.removeChild(element);});
$("meta[http-equiv='refresh'][content]:first").each(function(){window.location.href=$(this).attr("content").replace(/^.*;url=/,"")});

if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('d5Y36e5Q8r4l_Yacwqm_6l');Tynt.i={"ap":"Nguồn :"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://tcr.tynt.com/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); }
</script>

<div id="wrap">
  <header id="header">
      <div id="topnav" class="visible animated fadeIn">
   <div class="container">
      <div class="tm-menu left">
         <div class="widget-content">
            <ul class="nav1 dis">
               <li><a href="">Giới thiệu</a> </li>
               <li><a href="">Bản quyền</a> </li>
               <li><a href="">Liên hệ</a> </li>
            </ul>
         </div>
      </div>
      <div class="tm-menu right">
         <div class="widget LinkList" data-version="1" id="LinkList210">
            <div class="widget-content inline-block">
               <ul class="nav1"> <span class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse"> <i class="fa fa-reorder" aria-hidden="true"></i> Danh mục</button></span> </ul>
            </div>
         </div>
      </div>
   </div></div>
        <div class="container">
        <div id="logo" class="inline-block visible animated fadeIn">
          <a href="/"><img src="http://i.imgur.com/1WWbkBV.png" alt="{L_INDEX}" /></a>
            <!-- BEGIN switch_h1 -->
            <div id="site-title">{switch_h1.MAIN_SITENAME}</div>
            <!-- END switch_h1 -->
            <!-- BEGIN switch_desc -->
            <p>{switch_desc.SITE_DESCRIPTION}</p>
            <!-- END switch_desc -->
        </div>
                 
    <div id="ads" class="right">
Có thể bạn sẽ thích
Loading...
Nguyễn Văn Thoáng

1/19/2017, 23:56

topics_blog_box

Code:
<!-- BEGIN topics_blog_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
<div class="forumbg announcement">
        <div class="topiclist topics">
            <div class="header">
                <div class="icon"> <dt> <!-- BEGIN multi_selection --> <input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /> <!-- END multi_selection --> {topics_blog_box.row.L_TITLE} </dt> </div>
            </div>
        </div>
        <div class="topiclist topics bg_none">
            <!-- END header_table -->
            <!-- BEGIN header_row --><strong>{topics_blog_box.row.L_TITLE}</strong>
            <!-- END header_row -->
            <!-- BEGIN topic -->
            <!-- BEGIN table_sticky -->
        </div>
    </div>
<div class="forumbg">
    <div class="topiclist topics">
        <div class="header">
            <dl class="icon">
                <dd class="dterm" style="padding-left:0">
                    <!-- BEGIN multi_selection -->
                    <input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" />
                    <!-- END multi_selection -->{topics_blog_box.row.topic.table_sticky.L_TITLE} </dd>
            </dl>
        </div>
    </div>
    <div class="topiclist topics bg_none">
      <!-- END table_sticky -->
        <div class="list-blog {topics_blog_box.row.ROW_ALT_CLASS}">
            <!-- BEGIN single_selection -->
            <input type="radio" name="{topics_blog_box.FIELDNAME}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} />
            <!-- END single_selection -->
            <div class="item-thumbnail" aria-hidden="true">
                <p class="topic-desc">
                    <!-- BEGIN switch_description -->{topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION}
                    <!-- END switch_description -->
                </p>
            </div>
            <div class="item-content">
                <h2><a class="item-meta-item" href="{topics_blog_box.row.U_VIEW_TOPIC}">{topics_blog_box.row.TOPIC_TITLE}</a></h2>
                <p class="item-meta"> <i class="fa fa-clock-o" aria-hidden="true"></i> <span>{topics_blog_box.row.FIRST_POST_DMY_VALUE0}/{topics_blog_box.row.FIRST_POST_DMY_VALUE1}/{topics_blog_box.row.FIRST_POST_DMY_VALUE2}</span> <span class="span-tab"><i class="fa fa-user" aria-hidden="true"></i> {topics_blog_box.row.TOPIC_AUTHOR}   <i class="fa fa-comments-o" aria-hidden="true"></i> {topics_blog_box.row.REPLIES} &nbsp; <i class="fa fa-eye" aria-hidden="true"></i> {topics_blog_box.row.VIEWS}</span> </p>
                <div class='blog_message'>{topics_blog_box.row.FIRST_POST_TEXT} </div>
                <!-- BEGIN nav_tree -->{topics_blog_box.row.TOPIC_NAV_TREE_NEW}
                <!-- END nav_tree -->
            </div>
            <!-- BEGIN multi_selection -->
            <input onclick="check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} />
            <!-- END multi_selection -->
        </div>
        <!-- END topic -->
        <!-- BEGIN bottom -->
    </div>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_blog_box -->
<script type="text/javascript">
   //<![CDATA[
   $(".topic-desc").replaceWith(function() {
      var textSrc = $(this).text();
      if (!/^https?:\/\/(?:[\w\-]+\.)+\w{2,6}(?:\/[^\/#?]+)+\.(?:jpg|gif|png|bmp|jpeg)$/i.test(textSrc)) {
         textSrc = "http://i.imgur.com/RQ0wkcV.png?1"
      }
      return '<div style="background-image:url(' + textSrc + ');" class="thumbnail"></div>';
   }); //]]>
</script>

Nguyễn Văn Thoáng

1/20/2017, 00:03

viewcomments_body 13:29:29 26.01.2017

Code:
          </div>  </div>
 
  </header>
 <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="collapse navbar-collapse" id="collapse">
            <ul class="nav navbar-nav navbar-left">
                <li class="nav_link"><a href="/c1-tu-hoc-seo">Tự làm seo</a>
                    <ul class="nav-link-box">
                        <li class="nav-link"> <a href="/f1-tin-tuc-seo">Tin tức seo</a> </li>
                        <li class="nav-link"> <a href="/f2-seo-onpages">Seo Onpages</a> </li>
                        <li class="nav-link"> <a href="/f3-xay-dung-link">Xây dựng link</a> </li>
                        <li class="nav-link"><a href="/f4-thu-thuat-seo">Thủ thuật seo</a> </li>
                        <li class="nav-link"><a href="/f5-digital-marketing">Digital Marketing</a> </li>
                    </ul>
                </li>
                <li class="nav_link"><a href="/c3-giai-tri">Giải trí</a>
                    <ul class="nav-link-box">
                        <li class="nav-link"> <a href="/f7-phim-hay">Phim hay</a> </li>
                        <li class="nav-link"> <a href="/f6-game">Game</a> </li>
                        <li class="nav-link"> <a href="/f19-">Thư viện ảnh</a> </li>
                    </ul>
                </li>
                <li class="nav_link"><a href="#">Máy tính - Internet</a>
                    <ul class="nav-link-box">
                        <li class="nav-link"> <a href="/f20-thiet-ke-website">Quản trị mạng</a> </li>
                        <li class="nav-link"> <a href="/f17-su-dung-may-tinh">Sử dụng máy tính</a> </li>
                        <li class="nav-link"> <a href="/f18-su-dung-internet">Sử dụng internet</a> </li>
                        <li class="nav-link"> <a href="/f20-thiet-ke-website">Thiết kế website</a> </li>
                    </ul>
                </li>
                <li class="nav_link"><a href="#">Cuộc sống</a>
                    <ul class="nav-link-box">
                        <li class="nav-link"> <a href="/">Kỹ năng sống</a> </li>
                        <li class="nav-link"> <a href="/">Facebook</a> </li>
                        <li class="nav-link"> <a href="/">Khám pháp</a> </li>
                        <li class="nav-link"> <a href="/">Nhật ký</a> </li>
                    </ul>
                </li>
              </ul>
                <ul class="nav navbar-nav navbar-right"><div id="search" itemscope="" itemtype="http://schema.org/WebSite">
    <div class="container">
   <meta itemprop="url" content="http://www.thoang.net/" />
   <form action="http://www.thoang.net/tim-kiem-h14.htm" method="get" itemprop="potentialAction" itemscope="" itemtype="http://schema.org/SearchAction">
      <input type="hidden" name="mode" value="search-box" />
      <input itemprop="query-input" type="text" class="post" name="search_keywords" size="24" />
      <input type="text" class="post" name="q" size="24" placeholder="Nhập từ khóa để tìm kiếm..." required="">
      <input type="submit" class="button" value="Tìm kiếm" /> </form>
</div></ul>
             
        </div>
    </div>
</nav>
</div>
  <div id="page-body">
      <div class="container">
              <div id="main-content">
                <div id="contents"></div>
<article class="the-article" article-id="{TOPIC_ID}" article-url="http://www.thoang.net{TOPIC_URL}">
 <div class="blog_left">
<section class="post blog_container">
<div class="pathname-box breadcrumb">
  <p><a class="nav home" href="/"><span>{L_INDEX}</span></a>{NAV_CAT_DESC}</p>
  <p class="pagination right">
   {PAGINATION}
</p>
</div>
<h1 class="blog-title"><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></h1>
<!-- BEGIN postrow -->
  <!-- BEGIN displayed -->
      <div class="postbody blog-{postrow.displayed.U_POST_ID}">     
      <div class="composs-main-article-meta" id="fixadent">    <div class="container"> 
          <span class="the-article-meta social-likes"><span class="stext"><i class="fa fa-share-alt" aria-hidden="true"></i> Chia sẻ</span>
                        <div class="facebook" title="Share link on Facebook">Facebook</div>
                        <div class="twitter" title="Share link on Twitter">Twitter</div>
                        <div class="plusone" title="Share link on Google+">Google+</div>
                    </span><span class="stext none"> nếu bạn cảm thấy bài viết này hay</span>
          <span class="the-article-meta timeup"><i class="fa fa-clock-o" aria-hidden="true"></i> {postrow.displayed.POST_DATE_DMY_VALUE0}/{postrow.displayed.POST_DATE_DMY_VALUE1}/{postrow.displayed.POST_DATE_DMY_VALUE2}</span>               
            <strong class="post-count right"><a href="#{postrow.displayed.U_POST_ID}"></a></strong><span class="buttons">
      <a href="{U_POST_REPLY_TOPIC}"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> Trả lời bài</a>
</span>
        </div>  </div>   
              <div class="content">
              {postrow.displayed.MESSAGE}
              <div class="post-footer clearfix"></div>
            </div>
            <div class="bl-list"><a href="{U_VIEW_OLDER_TOPIC}">Bài trước</a><a href="{U_VIEW_NEWER_TOPIC}">Bài kế</a>{postrow.displayed.EDIT_IMG}{postrow.displayed.DELETE_IMG}</div>

          </div>

     
  <!-- END displayed -->
<!-- END postrow -->
    </section>
    <section class="blog_comments"> 
  <!-- BEGIN comment -->
      <!-- BEGIN displayed -->
        <div id="p{comment.displayed.U_POST_ID}" class="blog_comment bl_cm{comment.displayed.U_POST_ID}">
<div class="bl_cm_profile">
                  <div class="bl_cm_avatar">
                    {comment.displayed.POSTER_AVATAR}
                  </div>
  <div class="bl_cm_name">
    <a href="{comment.displayed.POST_SUBJECT}">{comment.displayed.POSTER_NAME}</a><span class="profile-icons">
                    {comment.displayed.QUOTE_IMG} {comment.displayed.EDIT_IMG} {comment.displayed.DELETE_IMG}
                   
                    </span>
                  </div>
                                                <p class="author">{comment.displayed.POST_DATE_NEW}  </p>
                     
                  </div>
                  <div class="cm_content clearfix">
                    {comment.displayed.MESSAGE}
                                                 
                  </div>
     
        </div>
      <!-- END displayed -->
         
  <!-- END comment -->  </section>
 <div class="buttons">
      <!-- BEGIN switch_user_authreply -->
      <a href="{U_POST_REPLY_TOPIC}"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> Trả lời bài</a>
      <!-- END switch_user_authreply -->
</div>
  <!-- BEGIN switch_user_logged_in -->
  <section class="blog_quickreply">
<a name="quickreply"></a>
{QUICK_REPLY_FORM}        </section>
<!-- END switch_user_logged_in -->
 <section class="blog_related">
  <!--  <div class="box-title"><div class="title">Bình luận bằng facebook</div></div>-->
    <div class="fb-cmt">
        <div class="fb-comments" data-href="http://www.thoang.net/{TOPIC_ID}" data-width="auto" data-numposts="10" data-colorscheme="light"> </div>
    </div>
        </section>
 </div>
<div class="sidebar-wrapper">
   <div class="sidebar ready-widget" id="sidebar2" name="Sidebar Right">
          <div class="widget" id="sticky">
         <div class="box-title">
            <div class="title">Bài liên quan</div>
         </div>
         <div class="widget-content">
            <div class="get-new-blog"> </div>
            <div class="clear"></div>
         </div>
      </div>
      <!-- BEGIN giefmod_index1 -->{giefmod_index1.MODVAR}
      <!-- BEGIN saut -->
      <!-- END saut -->
      <!-- END giefmod_index1 -->
   <div class="widget" id="sticky">
         <div class="box-title">
            <div class="title">Danh mục</div>
         </div>
         <div class="widget-content">
              <form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<fieldset class="jumpbox">
   {S_JUMPBOX_SELECT}&nbsp;
   <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
{S_TOPIC_ADMIN}
            <div class="clear"></div>
         </div>
      </div>
   </div>
</div>
 
<script type="text/javascript"> 
$(function () {
function g(a) {
        a = (new Date(a)).toString().split(/\s/);
        return a[2] + "." + {
            Jan: "01",
            Feb: "02",
            Mar: "03",
            Apr: "04",
            May: "05",
            Jun: "06",
            Jul: "07",
            Aug: "08",
            Sep: "09",
            Oct: "10",
            Nov: "11",
            Dec: "12"
        }[a[1]] + "." + a[3]
    }
    $.ajax({
        type: "GET",
        url: "/feed?f={FORUM_ID}",
        cache: !1,
        dataType: "xml",
        success: function(a) {
            a = $(a).find("item:lt(10)");
            if (1 < a.length) {
                var b = $("<div>", {
                        "class": "new-blogs"
                    }),
                    d = $("<ul>", {
                        "class": "olList"
                    });
                b.insertAfter(".get-new-blog");
                b.append(d);
                if (10 < a.length) {
                    var e = $("<ul>", {
                        "class": "olList"
                    });
                    b.append(e)
                }
                a.each(function(a, b) {
                    var c = $(b),
                        f = c.find("title").text().replace(/^\[[^\[\]]+\]/, ""),
                        c = $("<li>", {
                        "class": "new-bl"
                    }).append($("<a>", {
                            href: c.find("link").text(),
                            title: f,
                            text: f
                        })).append($("<span>", {
                            "class": "time-new-blog",
                            text: g(c.find("pubDate").text())
                        }));
                    10 > a ? c.appendTo(d) : c.appendTo(e)
                })
            }
        },
        error: function(a) {
            console.error(a)
        }
    })
 });
</script>
</article>
Nguyễn Văn Thoáng

1/20/2017, 05:32

body

Code:
        </div>  </div>
 
  </header>
 <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="collapse navbar-collapse" id="collapse">
            <ul class="nav navbar-nav navbar-left">
                <li class="nav_link"><a href="/c1-tu-hoc-seo">Tự làm seo</a>
                    <ul class="nav-link-box">
                        <li class="nav-link"> <a href="/f1-tin-tuc-seo">Tin tức seo</a> </li>
                        <li class="nav-link"> <a href="/f2-seo-onpages">Seo Onpages</a> </li>
                        <li class="nav-link"> <a href="/f3-xay-dung-link">Xây dựng link</a> </li>
                        <li class="nav-link"><a href="/f4-thu-thuat-seo">Thủ thuật seo</a> </li>
                        <li class="nav-link"><a href="/f5-digital-marketing">Digital Marketing</a> </li>
                    </ul>
                </li>
                <li class="nav_link"><a href="/c3-giai-tri">Giải trí</a>
                    <ul class="nav-link-box">
                        <li class="nav-link"> <a href="/f7-phim-hay">Phim hay</a> </li>
                        <li class="nav-link"> <a href="/f6-game">Game</a> </li>
                        <li class="nav-link"> <a href="/f19-">Thư viện ảnh</a> </li>
                    </ul>
                </li>
                <li class="nav_link"><a href="#">Máy tính - Internet</a>
                    <ul class="nav-link-box">
                        <li class="nav-link"> <a href="/f20-thiet-ke-website">Quản trị mạng</a> </li>
                        <li class="nav-link"> <a href="/f17-su-dung-may-tinh">Sử dụng máy tính</a> </li>
                        <li class="nav-link"> <a href="/f18-su-dung-internet">Sử dụng internet</a> </li>
                        <li class="nav-link"> <a href="/f20-thiet-ke-website">Thiết kế website</a> </li>
                    </ul>
                </li>
                <li class="nav_link"><a href="#">Cuộc sống</a>
                    <ul class="nav-link-box">
                        <li class="nav-link"> <a href="/">Kỹ năng sống</a> </li>
                        <li class="nav-link"> <a href="/">Facebook</a> </li>
                        <li class="nav-link"> <a href="/">Khám pháp</a> </li>
                        <li class="nav-link"> <a href="/">Nhật ký</a> </li>
                    </ul>
                </li>
              </ul>
                <ul class="nav navbar-nav navbar-right"><div id="search" itemscope="" itemtype="http://schema.org/WebSite">
    <div class="container">
   <meta itemprop="url" content="http://www.thoang.net/" />
   <form action="http://www.thoang.net/tim-kiem-h14.htm" method="get" itemprop="potentialAction" itemscope="" itemtype="http://schema.org/SearchAction">
      <input type="hidden" name="mode" value="search-box" />
      <input itemprop="query-input" type="text" class="post" name="search_keywords" size="24" />
      <input type="text" class="post" name="q" size="24" placeholder="Nhập từ khóa để tìm kiếm..." required="">
      <input type="submit" class="button" value="Tìm kiếm" /> </form>
</div></ul>
             
        </div>
    </div>
</nav>
</div>
  <div id="page-body">
      <div class="container">
              <div id="main-content">
                <div id="contents"></div>
<article class="the-article" article-id="{TOPIC_ID}" article-url="http://www.thoang.net{TOPIC_URL}">
 <div class="blog_left">
<div class="blog_container">
<div class="pathname-box breadcrumb">
  <p><a class="nav home" href="/"><span>{L_INDEX}</span></a>{NAV_CAT_DESC}</p>
  <p class="pagination right">
   {PAGINATION}
</p>
</div>
<h1 class="blog-title"><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></h1>
<!-- BEGIN postrow -->
  <!-- BEGIN displayed -->
      <div class="postbody blog-{postrow.displayed.U_POST_ID}">     
      <div class="composs-main-article-meta" id="fixadent">    <div class="container"> 
          <span class="the-article-meta social-likes"><span class="stext"><i class="fa fa-share-alt" aria-hidden="true"></i> Chia sẻ</span>
                        <div class="facebook" title="Share link on Facebook">Facebook</div>
                        <div class="twitter" title="Share link on Twitter">Twitter</div>
                        <div class="plusone" title="Share link on Google+">Google+</div>
                    </span><span class="stext none"> nếu bạn cảm thấy bài viết này hay</span>
          <span class="the-article-meta timeup"><i class="fa fa-clock-o" aria-hidden="true"></i> {postrow.displayed.POST_DATE_DMY_VALUE0}/{postrow.displayed.POST_DATE_DMY_VALUE1}/{postrow.displayed.POST_DATE_DMY_VALUE2}</span>               
            <strong class="post-count right"><a href="#{postrow.displayed.U_POST_ID}"></a></strong><span class="buttons">
      <a href="{U_POST_REPLY_TOPIC}">Trả lời bài</a>
</span>
        </div>  </div>   
              <div class="content">
              {postrow.displayed.MESSAGE}
             
            </div>
            <div class="bl-list"><a href="{U_VIEW_OLDER_TOPIC}">Bài trước</a><a href="{U_VIEW_NEWER_TOPIC}">Bài kế</a>{postrow.displayed.EDIT_IMG}{postrow.displayed.DELETE_IMG}</div>

          </div>

     
  <!-- END displayed -->
<!-- END postrow -->
    </div>
  <section class="blog_related">
    <div class="box-title"><div class="title">Bài cùng chuyên mục</div></div>
    <div class="blog_related_content"></div>
        </section>
    <section class="blog_comments"> 
  <!-- BEGIN comment -->
      <!-- BEGIN displayed -->
        <div id="p{comment.displayed.U_POST_ID}" class="blog_comment bl_cm{comment.displayed.U_POST_ID}">
<div class="bl_cm_profile">
                  <div class="bl_cm_avatar">
                    {comment.displayed.POSTER_AVATAR}
                  </div>
  <div class="bl_cm_name">
    <a href="{comment.displayed.POST_SUBJECT}">{comment.displayed.POSTER_NAME}</a><span class="profile-icons">
                    {comment.displayed.QUOTE_IMG} {comment.displayed.EDIT_IMG} {comment.displayed.DELETE_IMG}
                   
                    </span>
                  </div>
                                                <p class="author">{comment.displayed.POST_DATE_NEW}  </p>
                     
                  </div>
                  <div class="cm_content clearfix">
                    {comment.displayed.MESSAGE}
                                                 
                  </div>
     
        </div>
      <!-- END displayed -->
         
  <!-- END comment -->  </section>
 <div class="buttons">
      <!-- BEGIN switch_user_authreply -->
      <a href="{U_POST_REPLY_TOPIC}">Trả lời bài</a>
      <!-- END switch_user_authreply -->
</div>
  <!-- BEGIN switch_user_logged_in -->
  <section class="blog_quickreply">
<a name="quickreply"></a>
{QUICK_REPLY_FORM}        </section>
<!-- END switch_user_logged_in -->
 <section class="blog_related">
      <!-- <div class="box-title"><div class="title">Bình luận bằng facebook</div></div>
    <div class="fb-cmt">
        <div class="fb-comments" data-href="http://www.thoang.net/{TOPIC_ID}" data-width="auto" data-numposts="10" data-colorscheme="light"> </div>
    </div>
        </section>-->

  <form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<fieldset class="jumpbox">
   {S_JUMPBOX_SELECT} 
   <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<form method="get" action="{S_FORM_MOD_ACTION}">
<fieldset class="quickmod">
   <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_SELECT_MOD}&nbsp;
   <input class="button2" type="submit" value="Ok" />
</fieldset>
</form>
 </div>
<div class="sidebar-wrapper">
   <div class="sidebar ready-widget" id="sidebar2" name="Sidebar Right">
      <!-- BEGIN giefmod_index1 -->{giefmod_index1.MODVAR}
      <!-- BEGIN saut -->
      <!-- END saut -->
      <!-- END giefmod_index1 -->
      <div class="widget" id="sticky">
         <div class="box-title">
            <div class="title">Bài liên quan</div>
         </div>
         <div class="widget-content">
            <div class="get-new-blog"> </div>
            <div class="clear"></div>
         </div>
      </div>
   </div>
</div>
 
<!-- <script type="text/javascript"> 
  $(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="bl"><div class="bl-feed"><div class="bl-thumbnail"><a href="' + DL + '" rel="bookmark"></a><h3></h3></div></div></div></div>').appendTo('.blog_related_content');             
                    $('<a href="' + DL + '" title="' + title + '">' + title + '</a>').appendTo('.bl:eq(' + (i - 2) + ') .bl-feed h3');
                    $('<img src="http://i.imgur.com/0GMJGo8.png' + $(".bl:eq(" + (i - 2) + ") .bl-thumbnail a:eq(0)").load(DL + ".postbody .content img.thumbnail:eq(0)") + '"  src="http://i.imgur.com/0GMJGo8.png" />').appendTo('.bl:eq(' + (i - 2) + ') .bl-thumbnail a:eq(0)');
                }
            }
        });
function g(a) {
        a = (new Date(a)).toString().split(/\s/);
        return a[2] + "." + {
            Jan: "01",
            Feb: "02",
            Mar: "03",
            Apr: "04",
            May: "05",
            Jun: "06",
            Jul: "07",
            Aug: "08",
            Sep: "09",
            Oct: "10",
            Nov: "11",
            Dec: "12"
        }[a[1]] + "." + a[3]
    }
    $.ajax({
        type: "GET",
        url: "/feed?f={FORUM_ID}",
        cache: !1,
        dataType: "xml",
        success: function(a) {
            a = $(a).find("item:lt(10)");
            if (1 < a.length) {
                var b = $("<div>", {
                        "class": "new-blogs"
                    }),
                    d = $("<ul>", {
                        "class": "olList"
                    });
                b.insertAfter(".get-new-blog");
                b.append(d);
                if (10 < a.length) {
                    var e = $("<ul>", {
                        "class": "olList"
                    });
                    b.append(e)
                }
                a.each(function(a, b) {
                    var c = $(b),
                        f = c.find("title").text().replace(/^\[[^\[\]]+\]/, ""),
                        c = $("<li>", {
                        "class": "new-bl"
                    }).append($("<a>", {
                            href: c.find("link").text(),
                            title: f,
                            text: f
                        })).append($("<span>", {
                            "class": "time-new-blog",
                            text: g(c.find("pubDate").text())
                        }));
                    10 > a ? c.appendTo(d) : c.appendTo(e)
                })
            }
        },
        error: function(a) {
            console.error(a)
        }
    })
 });

</script>-->
<script src="/" type="text/javascript"></script>
</article>
Nguyễn Văn Thoáng

1/21/2017, 10:13

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
    {HOSTING_JS}
   <!-- BEGIN switch_fb_login -->
   <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->
          <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>
        <style type="text/css">
   </style>
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
      var _gaq = _gaq || [];
      _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
      _gaq.push(["_trackPageview"]);
      _gaq.push(['_trackPageLoadTime']);

      <!-- BEGIN google_analytics_code_bis -->
      _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
      _gaq.push(['b._trackPageview']);
      <!-- END google_analytics_code_bis -->

      (function() {
         var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
         ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
         var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
      })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
</head>

<body id="page-article">

<div id="wrap">
   <a id="top" name="top" accesskey="t"></a>

   {JAVASCRIPT}
   <header id="header">
         <div class="container">

         <div id="logo-desc">
            <a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
            <!-- BEGIN switch_h1 -->
            <div id="site-title">{switch_h1.MAIN_SITENAME}</div>
            <!-- END switch_h1 -->
            <!-- BEGIN switch_desc -->
            <p>{switch_desc.SITE_DESCRIPTION}</p>
            <!-- END switch_desc -->
         </div>
                          <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
        </div>
         </div>
   
   </header>
  <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
       
        <div class="collapse navbar-collapse" id="collapse">
            <ul class="nav navbar-nav navbar-left">
              <li class="active"><a href="/">Trang chủ</a> </li>
              <li><a href="/forum">Diễn đàn</a>
                    <ul>
             
                        <li class="nav-link"> <a href="/search?search_id=watchsearch"> Chủ đề đang theo dõi</a> </li>
                      <li class="nav-link"> <a href="{U_SEARCH_SELF}">Bài của bạn</a> </li>
                        <li class="nav-link"> <a href="/search?search_id=activetopics"> Bài viết mới </a> </li>
                        <li class="nav-link"><a href="{U_SEARCH_UNANSWERED}" rel="nofollow">Bài chưa có ai trả lời</a></li>
      
                    </ul>
                </li>
                <li class="nights"><a href="memberlist">Thành viên</a>
                    <ul>
                        <li class="nav-link"> <a href="/memberlist?mode=overall_posters"> Thành viên tích cực </a> </li>
                        <li class="nav-link"> <a href="/memberlist?mode=today_posters"> Thành viên sôi nổi hôm nay </a> </li>
                        <li class="nav-link"> <a href="/viewonline" title="Đang truy cập"> Đang truy cập </a> </li>
                        <li class="nav-link"> <a href="/groups" title="Danh sách hội nhóm"> Hội nhóm </a> </li>
                    </ul>
                </li>
              <!-- <li><a href="#">Giao diện</a>
                    <ul class="SecondaryContent-tv sk">
                        <li class="nav-link"><a id="smd" href="#" class="active">tv</a> </li>
                        <li class="nav-link"><a id="stm" href="#">Black</a> </li>
                        <li class="nav-link"><a id="sha" href="#">hideads</a> </li>
                    </ul>
                </li>-->
                </ul>
              <ul class="nav navbar-nav navbar-right">
            <!--  <div class="fb-like" style="margin-top: 15px;" data-href="http://www.tuoitrevn.net/" data-layout="button_count" data-action="recommend" data-size="small" data-show-faces="true" data-share="true"></div>-->
          </ul>
    </li>
            </ul>
        </div>
    </div>
</nav>
   <div id="page-body">

   <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
      <div id="container">
               <div id="content">

                  <div id="{ID_LEFT}">
                     <!-- BEGIN giefmod_index1 -->
                     {giefmod_index1.MODVAR}
                     <!-- BEGIN saut -->
                     <div style="height:{SPACE_ROW}px"></div>
                     <!-- END saut -->
                     <!-- END giefmod_index1 -->
                  </div>

                     <div id="main-content">
Nguyễn Văn Thoáng

1/21/2017, 14:24

head

Code:
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <noscript> <meta http-equiv="refresh" content="3;url=http://www.thoang.net/enable-javascript.h2.htm"></noscript>
        <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- BEGIN switch_compat_meta -->
  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
        <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script>    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
            <script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js" type="text/javascript"></script>
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
          {RICH_SNIPPET_GOOGLE}
  {HOSTING_JS}
   <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 google_analytics_code -->
  <script type="text/javascript">
  //<![CDATA[
      var _gaq = _gaq || [];
      _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
      _gaq.push(["_trackPageview"]);
      _gaq.push(['_trackPageLoadTime']);

      <!-- BEGIN google_analytics_code_bis -->
      _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
      _gaq.push(['b._trackPageview']);
      <!-- END google_analytics_code_bis -->

      (function() {
        var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
        ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
        var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
      })();
  //]]>
  </script>
  <!-- END google_analytics_code -->
</head>

<body id="page-article">
<!-- BEGIN switch_user_logged_in -->
  <style>
  #fa_popup .inputbox.tw {
    display: none;
}
  </style>
<!-- END switch_user_logged_out --> 
<div id="wrap">
  <div id="topnav">
   <div class="container">
      <div class="tm-menu left">
         <div class="menu1 section" id="menu1" name="Top Navigation">
            <div class="widget LinkList" data-version="1" id="LinkList210">
               <div class="widget-content">
                  <ul class="nav1 dis">
                     <li><a href=""><i class="fa fa-id-card-o" aria-hidden="true"></i> Giới thiệu</a>
                     </li>
                     <li><a href=""><i class="fa fa-copyright" aria-hidden="true"></i> Bản quyền</a>
                     </li>
                     <li><a href=""><i class="fa fa-mail-reply-all" aria-hidden="true"></i> Liên hệ</a>
                     </li>
                                                  </ul>
                                          <select class="select-nav" id="select-nav"><option value="">Menu</option><option value="http://www.thoang.net/">Giới thiệu</option><option value="http://www.thoang.net/">Bản quyền</option><option value="http://www.thoang.net/">Liên hệ</option></select>
                                               
               </div>
            </div>
         </div>
      </div>
          <div class="tm-menu right">
         <div class="menu1 section" id="menu1" name="Top Navigation">
            <div class="widget LinkList" data-version="1" id="LinkList210">
               <div class="widget-content inline-block">
                  <ul class="nav1">
                    <!-- BEGIN switch_user_logged_out -->  <li>  <a class="uLoglink" href="/login"><i class="fa fa-sign-in fa-2"></i> Đăng nhập</a>
                     </li>
                                                  <li>  <a class="uReglink" href="/register"><i class="fa fa-list-alt fa-2"></i> Đăng ký</a>
                     </li><!-- END switch_user_logged_out -->
                                                  <!-- BEGIN switch_user_logged_in -->  <li><a href="/search?search_id=egosearch"><i class="fa fa-user-circle-o" aria-hidden="true"></i> <span class="USERNAME"></span></a>
                     </li>
                                                  <li><a href="/privmsg?folder=inbox"><i class="fa fa-inbox" aria-hidden="true"></i> {PRIVATE_MESSAGE_INFO}</a>
                     </li>
                                                  <li><a href="/login?logout=1"><i class="fa fa-sign-out" aria-hidden="true"></i> Thoát</a>
                     </li><!-- END switch_user_logged_in -->
                  </ul>
               </div>
                                        <span class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse">
          <i class="fa fa-reorder" aria-hidden="true"></i></button>
        </span>
            </div>
         </div>
      </div>
      <!-- Top Social
      <div class="social-area">
         <div class="social-top section" id="social-top" name="Social Top">
            <div class="widget LinkList" data-version="1" id="LinkList50">
               <div class="widget-content">
                  <ul>
                     <li>
                                                          <a class="facebook" href="http://www.facebook.com/thoangs" target="_blank" rel="nofollow" title="facebook"></a>
                     </li>
                     <li>
                                                          <a class="twitter" href="http://twitter.com/thoangnet" target="_blank" rel="nofollow" title="twitter"></a>
                     </li>
                     <li>
                                                          <a class="gplus" href="http://plus.google.com/+thoangs" target="_blank" rel="nofollow" title="gplus"></a>
                     </li>
                     
                     <li>
                                                          <a class="youtube" href="http://youtube.com/thoangs" target="_blank" rel="nofollow" title="youtube"></a>
                     </li>
                     <li>
                                                          <a class="instagram" href="http://instagram.com/thoangnet" target="_blank" rel="nofollow" title="instagram"></a>
                     </li>
                                                 
                  </ul>
               </div>
            </div>
         </div>
      </div>-->
   </div>
</div>
  <header id="header">
        <div class="container">

        <div id="logo-desc">
            <a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
            <!-- BEGIN switch_h1 -->
            <div id="site-title">{switch_h1.MAIN_SITENAME}</div>
            <!-- END switch_h1 -->
            <!-- BEGIN switch_desc -->
            <p>{switch_desc.SITE_DESCRIPTION}</p>
            <!-- END switch_desc -->
        </div>
                 
        </div>
 
  </header>
  <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
       
        <div class="collapse navbar-collapse" id="collapse">
            <ul class="nav navbar-nav navbar-left">
              <li class="nav_link"><a href="/c1-tu-hoc-seo">Tự làm seo</a>
                    <ul class="nav-link-box">
              <li class="nav-link"> <a href="/f1-tin-tuc-seo">Tin tức seo</a> </li>
                      <li class="nav-link"> <a href="/f2-seo-onpages">Seo Onpages</a> </li>
                        <li class="nav-link"> <a href="/f3-xay-dung-link">Xây dựng link</a> </li>
                        <li class="nav-link"><a href="/f4-thu-thuat-seo">Thủ thuật seo</a></li>
            <li class="nav-link"><a href="/f5-digital-marketing">Digital Marketing</a></li>
                    </ul>
                </li>
                <li class="nav_link"><a href="/c3-giai-tri">Giải trí</a>
                    <ul class="nav-link-box">
                      <li class="nav-link"> <a href="/f7-phim-hay">Phim hay</a> </li>
                        <li class="nav-link"> <a href="/f6-game">Game</a> </li>
                        <li class="nav-link"> <a href="/f19-">Thư viện ảnh</a> </li>
 </ul>
                </li>
              <li class="nav_link"><a href="#">Máy tính & Internet</a>
                    <ul class="nav-link-box">
                      <li class="nav-link"> <a href="/f20-thiet-ke-website">Quản trị mạng</a> </li>
                        <li class="nav-link"> <a href="/f17-su-dung-may-tinh">Sử dụng máy tính</a> </li>
                        <li class="nav-link"> <a href="/f18-su-dung-internet">Sử dụng internet</a> </li>
                        <li class="nav-link"> <a href="/f20-thiet-ke-website">Thiết kế website</a> </li>
                </ul>
                </li>
                <li class="nav_link"><a href="#">Cuộc sống</a>
                    <ul class="nav-link-box">
                      <li class="nav-link"> <a href="/">Kỹ năng sống</a> </li>
                        <li class="nav-link"> <a href="/">Facebook</a> </li>
                        <li class="nav-link"> <a href="/">Khám pháp</a> </li>
                        <li class="nav-link"> <a href="/">Nhật ký</a> </li>
                </ul>
              <!-- <li><a href="#">Giao diện</a>
                    <ul class="SecondaryContent-tv sk">
                        <li class="nav-link"><a id="smd" href="#" class="active">tv</a> </li>
                        <li class="nav-link"><a id="stm" href="#">Black</a> </li>
                        <li class="nav-link"><a id="sha" href="#">hideads</a> </li>
                    </ul>
                </li>-->
                </ul>
              <ul class="nav navbar-nav navbar-right">
            <!--  <div class="fb-like" style="margin-top: 15px;" data-href="http://www.tuoitrevn.net/" data-layout="button_count" data-action="recommend" data-size="small" data-show-faces="true" data-share="true"></div>-->
          </ul>
    </li>
            </ul>
        </div>
    </div>
</nav>
  {JAVASCRIPT}
  <div id="page-body">
      <div class="container">
        <!-- BEGIN switch_user_logged_out -->
  <form action="/login" method="post" name="form_login" id="lf" class="qf">
        <div class="borderwrap">
            <div class="maintitle clearfix">
                <h3>Đăng Nhập <i class="fa fa-times right closeQuickForm"></i></h3>
            </div>
            <div class="subtitle">
                <p>
                    <i class="fa fa-exclamation-triangle fa-1"></i> Vui lòng khai báo chính xác tên truy cập và mật khẩu!
                </p>
            </div>
            <div class="box-content">
                <div class="rowForm">
                    <input placeholder="Tên truy cập" type="text" tabindex="1" name="username" id="username" size="25" maxlength="40" value="" class="form_input_field" required/>
                </div>
                <div class="rowForm">
                    <input placeholder="Mật khẩu" type="password" tabindex="2" id="password" name="password" size="25" maxlength="25" class="form_input_field" required/>
                </div>
                <div class="rowForm opLogin">
                    <input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked" />
                    <label for="autologin"><i class="fa fa-square-o fa-1"></i> Đăng nhập tự động</label><a class="right" href="/profile?mode=sendpassword">Quên mật khẩu?</a>
                </div>
                <div class="rowForm center">
                    <input type="hidden" name="redirect" value="" />
                    <input type="submit" name="login" tabindex="6" value="Đăng Nhập" class="button" />
                </div>
            </div>
        </div>
    </form>
 
    <form action="/register?agreed=true&step=2" method="post" name="post" id="rf" class="qf">
        <div class="borderwrap">
            <div class="maintitle clearfix">
                <h3>Đăng Ký <i class="fa fa-times right closeQuickForm"></i></h3>
            </div>
            <div id="reg_tip" class="subtitle">
                <p>
                    <i class="fa fa-exclamation-triangle fa-1"></i> Bạn phải điền đầy đủ thông tin đăng ký!
                </p>
            </div>
            <div class="box-content">
                <div class="rowForm">
                    <input placeholder="Tên truy cập" title="Tên tài khoản phải có ít nhất 3 ký tự và bắt đầu bằng chữ cái hoặc gạch dưới. Chỉ được phép sử dụng chữ cái, số, dấu chấm và dấu gạch dưới." pattern="^[^\d\.]([\.\w\d]+){2,}" autocomplete="off" type="text" id="username_reg" name="username" value="" size="25" maxlength="25" class="form_input_field" required="" />
                </div>
                <div class="rowForm">
                    <input placeholder="Địa chỉ Email" title="Địa chỉ Email của bạn sẽ được giữ riêng tư." autocomplete="off" type="email" id="email" name="email" value="" size="25" maxlength="64" class="form_input_field" required="" />
                </div>
                <div class="rowForm">
                    <input placeholder="Mật khẩu" title="Mật khẩu từ 6 ký tự trở lên, bao gồm chữ và số." pattern="^(?=.*\d)(?=.*[a-zA-Z]).{6,}$" autocomplete="off" type="password" id="password_reg" name="password" value="" size="25" maxlength="25" class="form_input_field" required="" />
                </div>
                <div class="rowForm center">
                    <div id="regHiddenData">
                    </div>
                    <input class="button" type="submit" name="submit" value="Đăng ký" /> &nbsp;
                    <input class="button" type="reset" name="reset" value="Đặt lại" />
                </div>
            </div>
        </div>
    </form>
    <!-- END switch_user_logged_out -->
              <div id="main-content">
                <div id="contents">
Nguyễn Văn Thoáng

1/21/2017, 14:47

Code:

<div class="pagination">
   {PAGINATION}
</div>
<article class="the-article" article-id="{FORUM_ID}" article-url="{FORUM_URL}">
<h1 class="box-title"><a href="{U_VIEW_FORUM}">{FORUM_NAME}</a></h1>
<div class="pathname-box breadcrumb">
      <p><a class="nav home" href="{U_INDEX}"><span>{L_INDEX}</span></a>{NAV_CAT_DESC}</p>
   </div>
{BOARD_INDEX}

<div class="topic-actions">
   <div class="search-box">
      <form method="get" id="forum-search" action="{S_SEARCHBOX_ACTION}">
      <fieldset>
         <input class="inputbox search tiny" 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}';" />
         &nbsp;<input class="button2" type="submit" value="{L_SEARCH}" />
         <input type="hidden" value="{SEARCH_WHERE}" name="search_where" />
      </fieldset>
      </form>
   </div>
</div>

{TOPICS_LIST_BOX}
</article>
<div class="topic-actions">
   <!-- BEGIN switch_user_authpost -->
   <div class="buttons">
      <div 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></div>
   </div>
   <!-- END switch_user_authpost -->
</div>
Nguyễn Văn Thoáng

1/22/2017, 08:02

list blog

Code:
<!-- BEGIN topics_blog_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->

<div class="forumbg announcement">
        <div class="topiclist topics">
            <div class="header">
                <div class="icon"> <dt> <!-- BEGIN multi_selection --> <input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /> <!-- END multi_selection --> {topics_blog_box.row.L_TITLE} </dt> </div>
            </div>
        </div>
        <div class="topiclist topics bg_none">
            <!-- END header_table -->
            <!-- BEGIN header_row --><strong>{topics_blog_box.row.L_TITLE}</strong>
            <!-- END header_row -->
            <!-- BEGIN topic -->
            <!-- BEGIN table_sticky -->
        </div>
    </div>
<div class="forumbg">
    <div class="topiclist topics">
        <div class="header">
            <dl class="icon">
                <dd class="dterm" style="padding-left:0">
                    <!-- BEGIN multi_selection -->
                    <input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" />
                    <!-- END multi_selection -->{topics_blog_box.row.topic.table_sticky.L_TITLE} </dd>
            </dl>
        </div>
    </div>
    <div class="topiclist topics bg_none">
        <!-- END table_sticky -->
        <div class="list-blog {topics_blog_box.row.ROW_ALT_CLASS}">
            <!-- BEGIN single_selection -->
            <input type="radio" name="{topics_blog_box.FIELDNAME}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} />
            <!-- END single_selection -->
            <div class="item-thumbnail" aria-hidden="true">
                <p class="topic-desc">
                    <!-- BEGIN switch_description -->{topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION}
                    <!-- END switch_description -->
                </p>
            </div>
            <div class="item-content">
                <h2><a class="item-meta-item" href="{topics_blog_box.row.U_VIEW_TOPIC}">{topics_blog_box.row.TOPIC_TITLE}</a></h2>
                <p class="item-meta"> <i class="fa fa-clock-o" aria-hidden="true"></i> <span>{topics_blog_box.row.FIRST_POST_DMY_VALUE0}/{topics_blog_box.row.FIRST_POST_DMY_VALUE1}/{topics_blog_box.row.FIRST_POST_DMY_VALUE2}</span> <span class="span-tab"><i class="fa fa-user" aria-hidden="true"></i> {topics_blog_box.row.TOPIC_AUTHOR}   <i class="fa fa-comments-o" aria-hidden="true"></i> {topics_blog_box.row.REPLIES} &nbsp; <i class="fa fa-eye" aria-hidden="true"></i> {topics_blog_box.row.VIEWS}</span> </p>
                <div class='blog_message'>{topics_blog_box.row.FIRST_POST_TEXT} </div>
                <!-- BEGIN nav_tree -->{topics_blog_box.row.TOPIC_NAV_TREE_NEW}
                <!-- END nav_tree -->
            </div>
            <!-- BEGIN multi_selection -->
            <input onclick="check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} />
            <!-- END multi_selection -->
        </div>
        <!-- END topic -->
        <!-- BEGIN bottom -->
    </div>

<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_blog_box -->
<script type="text/javascript">
   //<![CDATA[
   $(".topic-desc").replaceWith(function() {
      var textSrc = $(this).text();
      if (!/^https?:\/\/(?:[\w\-]+\.)+\w{2,6}(?:\/[^\/#?]+)+\.(?:jpg|gif|png|bmp|jpeg)$/i.test(textSrc)) {
         textSrc = "http://i.imgur.com/RQ0wkcV.png?1"
      }
      return '<div style="background-image:url(' + textSrc + ');" class="thumbnail"></div>';
   }); //]]>
</script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
    $.fn.limit = function($n){
        this.each(function(){
            var allText  = $(this).html();
            var tLength  = $(this).html().length;
            var startText = allText.slice(0,$n);
            if(tLength >= $n){
                $(this).html(startText+'nnnn');
            }else {
                $(this).html(startText);
            };
        });
       
        return this;
    }
    $('.forumbg .list-blog .item-content .blog_message').limit(120);
});
</script>
Nguyễn Văn Thoáng

1/22/2017, 09:01

overall_footer_end

Code:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
  <div>
      <div>
        <div>
            <div>
              <div>
                  <div>
                    <ul>
                        <li>
<!-- END html_validation -->
                        </li>
                    </ul>
                 
                  </div>
              </div>
            </div>
        </div>
      </div>
  </div>
</div>
</div></div></footer></div>
<script src="//cdn.rawgit.com/tuoitrevn/linhtinh/master/r7.js" type="text/javascript"></script>
<script src="/13965.js" type="text/javascript"></script>
<script src="/16960.js" type="text/javascript"></script>

</body>
<div id='enablejs'>
  <span>Please Enable Javascript!<a href='/enable-javascript-h4.htm' rel='nofollow' target='_blank'>Enable JavaScript</a></span></div>
<script>window.document.getElementById("enablejs").parentNode.removeChild(window.document.getElementById("enablejs"))</script>
</html>
Nguyễn Văn Thoáng

1/22/2017, 09:37

Code:
<article class="the-article" article-id="{TOPIC_ID}" article-url="{TOPIC_URL}">
 <div class="blog_left">
<section class="blog_container">
<h1 class="blog-title"><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></h1>
  <div class="the-article-meta">
               <span class="the-article-meta">{postrow.displayed.POST_DATE_NEW}</span>
            </div>
<div class="pathname-box breadcrumb">
      <p><a class="nav home" href="{U_INDEX}"><span>{L_INDEX}</span></a>{NAV_CAT_DESC}</p>
   </div>
<!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
      <div class="postbody blog-{postrow.displayed.U_POST_ID}">      
<div class="content">
               {postrow.displayed.MESSAGE}
               
            </div>
            
            <ul class="profile-icons">
                              {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG}
            </ul>
         </div>

      
   <!-- END displayed -->
<!-- END postrow -->
    </section>
  <section class="blog_related">
    <div class="blog_related_content"></div>
        </section>
<div id="blog_comments">
   <!-- BEGIN comment -->
      
      <!-- BEGIN displayed -->
         <div id="p{comment.displayed.U_POST_ID}" class="blog_comment bl_cm{comment.displayed.U_POST_ID}">
<div class="bl_cm_profile">
                  <div class="bl_cm_avatar">
                     {comment.displayed.POSTER_AVATAR}
                  </div>
                                              <div class="bl_cm_name">
                       Bình luận bởi {comment.displayed.POSTER_NAME}<span class="profile-icons">
                     {comment.displayed.QUOTE_IMG} {comment.displayed.EDIT_IMG} {comment.displayed.DELETE_IMG}
                     
                     </span>
                  </div>
                                                <p class="author">{comment.displayed.POST_DATE_NEW}  </p>
                     
                  </div>
                  <div class="cm_content clearfix">
                     {comment.displayed.MESSAGE}
                                                 
                  </div>
      
         </div>
      <!-- END displayed -->
   <!-- END comment -->

</div>
  <!-- BEGIN switch_user_logged_in -->
  <section class="blog_quickreply">
<a name="quickreply"></a>
{QUICK_REPLY_FORM}        </section>
<!-- END switch_user_logged_in -->
  </div>
 
    <div class="blog_right">
        <div class="section">
        <h3>Hot box</h3>
        <ul>
            <li><a href="/f73-forum" class="clearfix"><i class="fa fa-heart-o"></i><span>Nhịp cầu bè bạn</span></a> </li>
            <li><a href="/f62-forum" class="clearfix"><i class="fa fa-photo"></i><span>Ảnh thành viên</span></a> </li>
            <li><a href="/f112-forum" class="clearfix"><i class="fa fa-pencil-square-o"></i><span>Truyện teen hay</span></a> </li>
            <li><a href="/f27-forum" class="clearfix"><i class="fa fa-hand-peace-o"></i><span>Box chém gió</span></a> </li>
            <li><a href="/f13-forum" class="clearfix" style=" border-bottom: none; "><i class="fa fa-pencil-square-o"></i><span>Truyện ngôn tình</span></a> </li>
        </ul>
    </div>
    <div class="section">
        <h3>Fanpage</h3>
        <ul>
            <div class="fb-page" data-href="https://www.facebook.com/tuoitrevn.net/" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false">
                <blockquote cite="https://www.facebook.com/tuoitrevn.net/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/tuoitrevn.net/">Diễn đàn tuổi trẻ Việt Nam</a>
                </blockquote>
            </div>
        </ul>
    </div>
    <div id="sticky" class="section">
        <h3>Bạn sẽ thích</h3>
      <ul class="newfeeds"></ul>
    </div>
</div>
</article>

<!-- BEGIN viewtopic_bottom -->
<form method="get" action="{S_FORM_MOD_ACTION}">
<fieldset class="quickmod">
   <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}" />

   <label>{L_MOD_TOOLS}: </label>
   {S_SELECT_MOD}&nbsp;
   <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
<!-- END switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
 <script type="text/javascript">
$(function(){
    $.fn.limit = function($n){
        this.each(function(){
            var allText  = $(this).html();
            var tLength  = $(this).html().length;
            var startText = allText.slice(0,$n);
            if(tLength >= $n){
                $(this).html(startText+'...');
            }else {
                $(this).html(startText);
            };
        });
       
        return this;
    }
    $('p.newdes').limit(20);
});
</script>
Nguyễn Văn Thoáng

1/22/2017, 11:44

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- BEGIN switch_compat_meta -->
  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
          {RICH_SNIPPET_GOOGLE}

  <!-- BEGIN switch_fb_login -->
  <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
  <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
  <!-- END switch_fb_login -->
          <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>
          {HOSTING_JS}
  <!-- BEGIN google_analytics_code -->
  <script type="text/javascript">
  //<![CDATA[
      var _gaq = _gaq || [];
      _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
      _gaq.push(["_trackPageview"]);
      _gaq.push(['_trackPageLoadTime']);

      <!-- BEGIN google_analytics_code_bis -->
      _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
      _gaq.push(['b._trackPageview']);
      <!-- END google_analytics_code_bis -->

      (function() {
        var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
        ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
        var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
      })();
  //]]>
  </script>
  <!-- END google_analytics_code -->
</head>

<body id="page-article">
<div id="wrap">
  <a id="top" name="top" accesskey="t"></a>

  <header id="header">
        <div class="container">

        <div id="logo-desc">
            <a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
            <!-- BEGIN switch_h1 -->
            <div id="site-title">{switch_h1.MAIN_SITENAME}</div>
            <!-- END switch_h1 -->
            <!-- BEGIN switch_desc -->
            <p>{switch_desc.SITE_DESCRIPTION}</p>
            <!-- END switch_desc -->
        </div>
                          <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
        </div>
        </div>
 
  </header>
  <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
       
        <div class="collapse navbar-collapse" id="collapse">
            <ul class="nav navbar-nav navbar-left">
              <li class="nav_link"><a href="/forum">Diễn đàn</a>
                    <ul class="nav-link-box">
             
                        <li class="nav-link"> <a href="/search?search_id=watchsearch"> Chủ đề đang theo dõi</a> </li>
                      <li class="nav-link"> <a href="{U_SEARCH_SELF}">Bài của bạn</a> </li>
                        <li class="nav-link"> <a href="/search?search_id=activetopics"> Bài viết mới </a> </li>
                        <li class="nav-link"><a href="{U_SEARCH_UNANSWERED}" rel="nofollow">Bài chưa có ai trả lời</a></li>
     
                    </ul>
                </li>
                <li class="nav_link"><a href="memberlist">Thành viên</a>
                    <ul class="nav-link-box">
                        <li class="nav-link"> <a href="/memberlist?mode=overall_posters"> Thành viên tích cực </a> </li>
                        <li class="nav-link"> <a href="/memberlist?mode=today_posters"> Thành viên sôi nổi hôm nay </a> </li>
                        <li class="nav-link"> <a href="/viewonline" title="Đang truy cập"> Đang truy cập </a> </li>
                        <li class="nav-link"> <a href="/groups" title="Danh sách hội nhóm"> Hội nhóm </a> </li>
                    </ul>
                </li>
              <!-- <li><a href="#">Giao diện</a>
                    <ul class="SecondaryContent-tv sk">
                        <li class="nav-link"><a id="smd" href="#" class="active">tv</a> </li>
                        <li class="nav-link"><a id="stm" href="#">Black</a> </li>
                        <li class="nav-link"><a id="sha" href="#">hideads</a> </li>
                    </ul>
                </li>-->
                </ul>
              <ul class="nav navbar-nav navbar-right">
            <!--  <div class="fb-like" style="margin-top: 15px;" data-href="http://www.tuoitrevn.net/" data-layout="button_count" data-action="recommend" data-size="small" data-show-faces="true" data-share="true"></div>-->
          </ul>
    </li>
            </ul>
        </div>
    </div>
</nav>
  <div id="page-body">
      <div id="container">
              <div id="content">

                  <div id="{ID_LEFT}">
                    <!-- BEGIN giefmod_index1 -->
                    {giefmod_index1.MODVAR}
                    <!-- BEGIN saut -->
                    <div style="height:{SPACE_ROW}px"></div>
                    <!-- END saut -->
                    <!-- END giefmod_index1 -->
                  </div>

                    <div id="main-content">
Nguyễn Văn Thoáng

1/22/2017, 11:49

view forum

Code:
<div class="pagination">
   {PAGINATION}
</div>
<div class="the-article" article-id="{FORUM_ID}" article-url="{FORUM_URL}">
<h1 class="box-title"><a href="{U_VIEW_FORUM}">{FORUM_NAME}</a></h1>
<div class="pathname-box breadcrumb">
      <p><a class="nav home" href="{U_INDEX}"><span>{L_INDEX}</span></a>{NAV_CAT_DESC}</p>
   </div>
{BOARD_INDEX}
{TOPICS_LIST_BOX}
</div>
<div class="clear"></div>
<div class="topic-actions">
   <!-- BEGIN switch_user_authpost -->
   <div class="buttons">
      <div 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></div>
   </div>
   <!-- END switch_user_authpost -->
</div>
<div class="clear"></div>
Nguyễn Văn Thoáng

1/22/2017, 12:37

Code:
  <script src="https://cdn.rawgit.com/tuoitrevn/linhtinh/master/starttext-v1.02.js" type="text/javascript"></script>   
<!-- BEGIN topics_blog_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
<div class="forumbg announcement">
        <div class="topiclist topics">
            <div class="header">
                <div class="icon"> <dt> <!-- BEGIN multi_selection --> <input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /> <!-- END multi_selection --> {topics_blog_box.row.L_TITLE} </dt> </div>
            </div>
        </div>
        <div class="topiclist topics bg_none">
            <!-- END header_table -->
            <!-- BEGIN header_row --><strong>{topics_blog_box.row.L_TITLE}</strong>
            <!-- END header_row -->
            <!-- BEGIN topic -->
            <!-- BEGIN table_sticky -->
        </div>
    </div>
<div class="forumbg">
    <div class="topiclist topics">
        <div class="header">
            <dl class="icon">
                <dd class="dterm" style="padding-left:0">
                    <!-- BEGIN multi_selection -->
                    <input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" />
                    <!-- END multi_selection -->{topics_blog_box.row.topic.table_sticky.L_TITLE} </dd>
            </dl>
        </div>
    </div>
    <div class="topiclist topics bg_none">
      <!-- END table_sticky -->
        <div class="list-blog {topics_blog_box.row.ROW_ALT_CLASS}">
            <!-- BEGIN single_selection -->
            <input type="radio" name="{topics_blog_box.FIELDNAME}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} />
            <!-- END single_selection -->
            <div class="item-thumbnail" aria-hidden="true">
                <p class="topic-desc">
                    <!-- BEGIN switch_description -->{topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION}
                    <!-- END switch_description -->
                </p>
            </div>
            <div class="item-content">
                <h2><a class="item-meta-item" href="{topics_blog_box.row.U_VIEW_TOPIC}">{topics_blog_box.row.TOPIC_TITLE}</a></h2>
                <p class="item-meta"> <i class="fa fa-clock-o" aria-hidden="true"></i> <span>{topics_blog_box.row.FIRST_POST_DMY_VALUE0}/{topics_blog_box.row.FIRST_POST_DMY_VALUE1}/{topics_blog_box.row.FIRST_POST_DMY_VALUE2}</span> <span class="span-tab"><i class="fa fa-user" aria-hidden="true"></i> {topics_blog_box.row.TOPIC_AUTHOR}   <i class="fa fa-comments-o" aria-hidden="true"></i> {topics_blog_box.row.REPLIES} &nbsp; <i class="fa fa-eye" aria-hidden="true"></i> {topics_blog_box.row.VIEWS}</span> </p>
                <div class='blog_message'>{topics_blog_box.row.FIRST_POST_TEXT} </div>
                <!-- BEGIN nav_tree -->{topics_blog_box.row.TOPIC_NAV_TREE_NEW}
                <!-- END nav_tree -->
            </div>
            <!-- BEGIN multi_selection -->
            <input onclick="check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} />
            <!-- END multi_selection -->
        </div>
        <!-- END topic -->
        <!-- BEGIN bottom -->
    </div>

<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_blog_box -->
<script type="text/javascript">
   //<![CDATA[
   $(".topic-desc").replaceWith(function() {
      var textSrc = $(this).text();
      if (!/^https?:\/\/(?:[\w\-]+\.)+\w{2,6}(?:\/[^\/#?]+)+\.(?:jpg|gif|png|bmp|jpeg)$/i.test(textSrc)) {
         textSrc = "http://i.imgur.com/RQ0wkcV.png?1"
      }
      return '<div style="background-image:url(' + textSrc + ');" class="thumbnail"></div>';
   }); //]]>
</script>
Nguyễn Văn Thoáng

1/22/2017, 14:48

search topic

Code:
</div>
<!-- BEGIN navmenu -->
<div class="pathname-box breadcrumb">
   <span>
      <a class="nav" href="{U_INDEX}">{L_INDEX}</a> >> <a class="nav">Tìm kiếm</a>
   </span>
  <span class="pagination right" style="font-size:initial;">{PAGINATION}</span>
</div>
<!-- END navmenu -->

<form action="{S_ACTION}" method="post" name="post" onsubmit="return verify_select();">
   <h1 class="blog-title">{L_SEARCH_MATCHES}</h1>
   <div class="search-content">
         <!-- BEGIN searchresults -->
          <div class="blog-search">
                  <h2 class="blog-title search"><a class="topictitle" href="{searchresults.U_VIEW_TOPIC}">{searchresults.TOPIC_TITLE}</a></h2>
                                          {searchresults.GOTO_PAGE_NEW}
               <span class="boxs"><i class="fa fa-folder-o" aria-hidden="true"></i> <a href="{searchresults.U_VIEW_FORUM}">{searchresults.FORUM_NAME}</a></span>
                                            <span class="posts"><i class="fa fa-comments-o" aria-hidden="true"></i> {searchresults.REPLIES}</span>
                    &nbsp;<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> {searchresults.VIEWS}</span>
         </div>
          <!-- END searchresults -->
         
      </div>

</form>
<div class="clear"></div>
Nguyễn Văn Thoáng

1/29/2017, 08:50

index_body

Code:
</div>

<div id="blogbox" class="clearfix">
    <div class="boxes">
        <div class="box-title">
            <h2 class="title"><a class="forumtitle" href="/f1-tin-tuc-seo">Tin tức seo</a></h2> </div>
        <div class="widget-content">
            <ul class="last-bl-box"> </ul>
        </div>
    </div>
    <div class="clear"></div>
    <div class="boxes">
        <div class="box-title">
            <h2 class="title"><a class="forumtitle" href="/f5-digital-marketing">Digital Marketing</a></h2> </div>
        <div class="widget-content v3">
            <ul class="last-bl-box"> </ul>
        </div>
    </div>
    <div class="clear"></div>
    <div class="boxes">
        <div class="box-title">
            <h2 class="title"><a class="forumtitle" href="/f8-ky-nang-song">Kỹ năng sống</a></h2> </div>
        <div class="widget-content v2">
            <ul class="last-bl-box"> </ul>
        </div>
    </div>
</div>
<div id="sidebar-wrapper">
    <div class="sidebar ready-widget" id="sidebar2" name="Sidebar Right">
        <div class="widget HTML" data-version="1" id="sb1">
            <div class="box-title">
                <div class="title">Quảng cáo</div> </div>
            <div class="widget-content"> <img src="http://2.bp.blogspot.com/-ZmI5K43xpls/VSUWNP7GE2I/AAAAAAAAE1E/MuOllmkRjo0/s1600/sidebar-image-desktop.png"> </div>
            <div class="clear"></div>
        </div>
        <!-- BEGIN giefmod_index1 -->
        {giefmod_index1.MODVAR}
        <!-- BEGIN saut -->
        <!-- END saut -->
        <!-- END giefmod_index1 -->
    </div>
</div>

<script type="text/javascript">
    //<![CDATA[
    $(".boxcon.jnfo")
        .each(function() {
            var sub = $(this);
            if (!sub.is(":empty")) {
                sub.contents()
                    .filter(function() {
                        return this.nodeType === 3;
                    })
                    .remove()
                    .end()
                    .filter("a")
                    .wrap("<li></li>");
                sub.wrapInner('<ul class="subLink" style="display: none;"></ul>')
                    .append("Diễn đàn con: <strong>" + sub.find("a")
                        .length + "</strong>");
            }
        });

    (function() {
        $(".forumtitle", "#blogbox")
            .after(function() {
                var a = this.href.match(/\/f(\d+)-/)[1];
                $(this)
                    .closest("div.boxes")
                    .attr({
                        "data-id": a,
                        "class": "sttboxs f_" + a
                    });
                return ' &nbsp;<a href="http://thoang.forumvi.com/feed/?f=' + a + '" class="feed ' + a + '" title="RSS feed chuyên mục" target="_blank"><i class="fa fa-feed" aria-hidden="true"></i></a>'
            });
  })();
 //]]>
</script>
<script type="text/javascript">
$(function () {
  $.ajax({
            url: "/feed/?f=1",
            success: function (ta) {
                for (var i = 2; i < 7; i++) {
                    var linkv1 = $(ta).find("link:eq(" + i + ")").text();
                    var titlev1 = $(ta).find("title:eq(" + i + ")").text();
                    var timev1 = $(ta).find("pubDate:eq(" + i + ")").text();
$('<div class="blb"><div class="box-thumbnail"><a href="' + linkv1 + '" rel="bookmark"></div><div class="recent-content"></div><div style="clear: both;"></div>
</div></div></div>').appendTo('.f_1 .last-bl-box');             
                   
  $('<h3 class="recent-title"><a href="' + linkv1 + '">' + titlev1 + '</a></h3>').appendTo('.blb:eq(' + (i - 2) + ') .recent-content');
                  $('<span class="recent-date"><i class="fa fa-clock-o" aria-hidden="true"></i> ' + timev1 + '</span>').appendTo('.blb:eq(' + (i - 2) + ') .recent-content');
                    $('<img src="http://i.imgur.com/0GMJGo8.png' + $(".blb:eq(" + (i - 2) + ") .box-thumbnail a:eq(0)").load(linkv1 + ".postbody .content img:eq(0)") + '"  src="http://i.imgur.com/0GMJGo8.png" />').appendTo('.blb:eq(' + (i - 2) + ') .box-thumbnail a:eq(0)');
                }
            }
        });
    });
$(function () {
 $.ajax({
            url: "/feed/?f=8",
            success: function (ta) {
                for (var i = 2; i < 6; i++) {
                    var DL = $(ta).find("link:eq(" + i + ")").text();
                    var title = $(ta).find("title:eq(" + i + ")").text();
                    var des = $(ta).find("pubDate:eq(" + i + ")").text();
$('<div class="blb-v2"><div class="box-thumbnail-v2"><a href="' + DL + '"></div><div class="recent-content-v2"></div><div style="clear: both;"></div>
</div></div></div>').appendTo('.f_8 .last-bl-box');             
                   
  $('<h3 class="recent-title-v2"><a href="' + DL + '">' + title + '</a></h3>').appendTo('.blb-v2:eq(' + (i - 2) + ') .recent-content-v2');
                  $('<span class="recent-date-v2"><i class="fa fa-clock-o" aria-hidden="true"></i> ' + des + '</span>').appendTo('.blb-v2:eq(' + (i - 2) + ') .recent-content-v2');
                    $('<img src="http://i.imgur.com/0GMJGo8.png' + $(".blb-v2:eq(" + (i - 2) + ") .box-thumbnail-v2 a:eq(0)").load(DL + ".postbody .content img:eq(0)") + '"  src="http://i.imgur.com/0GMJGo8.png" />').appendTo('.blb-v2:eq(' + (i - 2) + ') .box-thumbnail-v2 a:eq(0)');
                }
            }
        })
    });
$(function () {
 $.ajax({
            url: "/feed/?f=5",
            success: function (ta) {
                for (var i = 2; i < 6; i++) {
                    var ilink = $(ta).find("link:eq(" + i + ")").text();
                    var ititle= $(ta).find("title:eq(" + i + ")").text();
                    var idate = $(ta).find("pubDate:eq(" + i + ")").text();
  var ides = $(ta).find("description:eq(" + i + ")").text();
$('<div class="blb-v3"><div class="box-thumbnail-v3"><a href="' + ilink + '"></div><div class="recent-content-v3"></div><div style="clear: both;"></div>
</div></div></div>').appendTo('.f_5 .last-bl-box');             
                   
  $('<h3 class="recent-title-v3"><a href="' + ilink + '">' + ititle+ '</a></h3>').appendTo('.blb-v3:eq(' + (i - 2) + ') .recent-content-v3');
                  $('<span class="recent-date-v3"><i class="fa fa-clock-o" aria-hidden="true"></i> ' + idate + '</span>').appendTo('.blb-v3:eq(' + (i - 2) + ') .recent-content-v3');
                  $('<p class="recent-des-v3">' + ides + '</p>').appendTo('.blb-v3:eq(' + (i - 2) + ') .recent-content-v3 ');
                  $('<a class="read-more" href="' + ilink + '">Xem thêm</a>').appendTo('.blb-v3:eq(' + (i - 2) + ') .recent-content-v3 ');
                    $('<img src="http://i.imgur.com/0GMJGo8.png' + $(".blb-v3:eq(" + (i - 2) + ") .box-thumbnail-v3 a:eq(0)").load(ilink + ".postbody .content img:eq(0)") + '"  src="http://i.imgur.com/0GMJGo8.png" />').appendTo('.blb-v3:eq(' + (i - 2) + ') .box-thumbnail-v3 a:eq(0)');
                }
            }
        })
    });

</script>
Nguyễn Văn Thoáng

1/30/2017, 01:25

post

Code:
</div><script src="{JS_DIR}extendedview.js" type="text/javascript"></script>

{ERROR_BOX}

<form action="{S_POST_ACTION}" method="post" name="post" enctype="multipart/form-data">
    <div class="panel" id="postingbox">
          <fieldset class="fields1">
                <!-- BEGIN switch_username_select -->
                <input class="inputbox"  placeholder="Tên của bạn" type="text" name="username" maxlength="25" value="{USERNAME}" />    
              <!-- END switch_username_select -->

                <!-- BEGIN switch_subject -->
                <input class="inputbox medium" type="text" name="subject" value="{SUBJECT}" maxlength="{TOPIC_TITLE_MAXLENGTH}" placeholder="Website của bạn" title="{TOPIC_TITLE_LENGTH_EXPLAIN}" onkeypress="if (event.keyCode==13){return false}" />    
                <!-- END switch_subject -->

                <!-- BEGIN switch_description -->
                <input class="inputbox medium" type="text" name="description" value="{DESCRIPTION}" maxlength="{TOPIC_DESCRIPTION_MAXLENGTH}" placeholder="Mô tả" onkeypress="if (event.keyCode==13){return false}" />
                <!-- END switch_description -->
          <br><br/>
                <div id="message-box">
                <div id="textarea_content">
                        <textarea id="text_editor_textarea" name="message">{MESSAGE}</textarea>
                    </div>
                </div>
 <div class="clear"></div>
                <!-- BEGIN edit_reason -->
            <br><br />
            <input class="inputbox" placeholder="Lý do sửa bài" type="text" name="edit_reason" value="{edit_reason.EDIT_REASON}" maxlength="255" />
                <!-- END edit_reason -->
      </fieldset>
         
    </div>
 <div class="clear"></div>
    <div class="panel send">
    <fieldset class="submit-buttons">
        {S_HIDDEN_FORM_FIELDS}
        <input type="hidden" name="lt" value="{LAST_TOPIC_ID}" />
        <!-- BEGIN switch_preview -->
        <input class="button2" type="submit" name="preview" value="Xem trước" tabindex="5" /> 
        <!-- END switch_preview -->
        <!-- BEGIN switch_draft -->
         
        <input class="button2" type="submit" name="draft" value="Lưu nháp" tabindex="7" accesskey="d" /> 
        <!-- END switch_draft -->
        <!-- BEGIN switch_publish -->
         
        <input class="button2" type="submit" name="publish" value="Gửi bài" tabindex="8" accesskey="p" /> 
        <!-- END switch_publish -->
         
        <input class="button1" type="submit" name="post" value="{L_SUBMIT}" tabindex="6" accesskey="s" />
        <!-- BEGIN switch_signature -->
        &nbsp;
        <input type="hidden" name="submit" value="Gửi bài" />
        <!-- END switch_signature -->
    </fieldset>
</div>

</form>
<script type="text/javascript">
//<![CDATA[
$(function(){
<!-- BEGIN switch_privmsg -->
    privmsg_add_username('{U_SEARCH_USER}', '<br /><input class="inputbox" style="width:15%;margin:1px 0" type="text" name="username[]" />');
<!-- END switch_privmsg -->
<!-- BEGIN switch_image_resize -->
    resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} });
<!-- END switch_image_resize -->
});
//]]>
</script>

{SCEDITOR}
Nguyễn Văn Thoáng

1/30/2017, 17:42

begin

Code:
<!-- BEGIN html_validation -->
         <div>
            <div>
            <div><div>
               <div>
                  <div>
                     <div>
<!-- END html_validation -->
            
            <div id="{ID_RIGHT}">
               <!-- BEGIN giefmod_index2 -->
               {giefmod_index2.MODVAR}
               <!-- BEGIN saut -->
               <div style="height:{SPACE_ROW}px"></div>
               <!-- END saut -->
               <!-- END giefmod_index2 -->
            
            </div>   </div>   
                     </div>
               </div>

  <footer id="footer">
  <div class="bloc-outils"> <span> <script type="application/javascript"> function getIP(json) { document.write("IP của bạn là: ", json.ip); } </script> <script type="application/javascript" src="https://api.ipify.org?format=jsonp&callback=getIP"></script></span></div>
      <div class="containers">
   <div class="container row">
          <div class="footer-tab"> <strong class="h3">Liên kết</strong>
         <ul class="list-unstyled">
                          <!-- BEGIN switch_footer_links -->
             <!-- BEGIN footer_link -->
            {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}
            <li class="rightside"><a name="bottom" class="textlink" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
            </li>  <!-- END footer_link -->
                          <!-- END switch_footer_links -->
      </ul>
</div>
<div class="footer-tab"> <strong class="h3">Thông tin</strong>
   <ul class="list-unstyled">
          <li><a href="/">Giới thiệu</a> </li>
          <li><a href="/">Bảo mật</a> </li>
                  <li><a href="/">Bản quyền</a> </li>
      <li><a href="http://www.tuoitrevn.net/faq">Trợ giúp</a> </li>
          <li><a href="/">Điều khoản dịch vụ</a> </li>
   </ul>
</div>
<div class="footer-tab"> <strong class="h3">Nguồn cấp</strong>
   <ul class="list-unstyled">
      <li>Developed by Văn Thoáng</li>
      <li>Forum © phpBB Limited </li>
                <li>Hosting donated by <b title="Forumotion">FM</b></li>
                <li>Protected by <a href="http://www.dmca.com/Protection/Status.aspx?ID=46133b2b-645c-4e5b-a06f-f8170daea59c" title="Website được bảo hộ bởi DCMA" class="dmca-badge"> <img src="http://images.dmca.com/Badges/dmca-badge-w100-5x1-08.png?ID=46133b2b-645c-4e5b-a06f-f8170daea59c" alt="Website được bảo hộ bởi DCMA"></a>
                <script src="//images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script></li>
      <li><a href="http://www.tuoitrevn.net/sitemap.xml">XML Sitemaps Generator</a> </li>
   </ul>
</div>
<div class="footer-tab"> <strong class="h3">Liên hệ</strong>
   <ul class="list-unstyled">
      <li><i class="fa fa-facebook-square" aria-hidden="true"></i> <a href="http://www.facebook.com/thoangs" rel="nofollow">Nguyễn Văn Thoáng</a></li>
      <li><i class="fa fa-google-plus-square" aria-hidden="true"></i> <a href="https://plus.google.com/+thoangs/" rel="nofollow">Văn Thoáng</a></li>
      <li><i class="fa fa-twitter-square" aria-hidden="true"></i> <a href="https://twitter.com/thoangnet" rel="nofollow">Văn Thoáng</a></li>
      <li><i class="fa fa-envelope-square" aria-hidden="true"></i> contact@thoang.net</li>
      <li><i class="fa fa-phone-square" aria-hidden="true"></i> 0168 254 9020</li>
      
   </ul>
</div></div>
<div class="info_fd">
   <div class="container info">
      <div class="info_icon left ">
         <a href="http://www.thoang.net/?refurl=http://www.thoang.net/" title="" class="dmca-badge"> <img src="http://images.dmca.com/Badges/dmca_protected_sml_120w.png?ID=57b6ebc2-7a41-4eae-90fc-44e5f9c3d8d2" alt="DMCA.com Protection Status">
         </a>
      </div>
      <div class="info_text">
         <p> <a href="http://www.thoang.net/" title="Thoang Net">Thoang Net</a> là blog chia sẻ thông tin, giải trí tổng hợp phi lợi nhuận, phi tôn giáo, phi chính trị được vận hành bởi <a href="http://www.tuoitrevn.net/" title="Tuổi trẻ Việt Nam online">2TVN</a> </p>
         <p> Tất cả thành viên tham gia và hoạt động trên nguyên tắc bình đẳng, đoàn kết, tôn trọng lẫn nhau. </p>
         <p> Ban quản trị không chịu trách nhiệm về nội dung do thành viên đăng tải ngoài những người đã <span class="addtexta"></span><a title="Kích hoạt, xác nhận tài khoản">xác minh danh tính</a> <i class="fa fa-check-circle verified" aria-hidden="true" title="Đã xác minh danh tính"></i> </p>
      </div>
   </div>
</div>
<div class="navbars">
   <div class="container">
      <div class="rightside left">Chịu trách nhiệm nội dung: Nguyễn Văn Thoáng </div>
            <div class="rightside right" id="rightside">Tín nhiệm:  <a href="http://iseo.forumotion.com/" rel="nofollow">Iseo</a> |&nbsp;
      
<!-- BEGIN html_validation -->
                           </div>        </div>
   </div>
</div>
<!-- END html_validation -->
Nguyễn Văn Thoáng

2/1/2017, 17:03

end

Code:
<!-- BEGIN html_validation -->
         <div>
            <div>
            <div><div>
               <div>
                  <div>
                     <div>
<!-- END html_validation -->
            
            <div id="{ID_RIGHT}">
               <!-- BEGIN giefmod_index2 -->
               {giefmod_index2.MODVAR}
               <!-- BEGIN saut -->
               <div style="height:{SPACE_ROW}px"></div>
               <!-- END saut -->
               <!-- END giefmod_index2 -->
            
            </div>   </div>   
                     </div>
               </div>

  <footer id="footer">
  <div class="bloc-outils"> <span> <script type="application/javascript"> function getIP(json) { document.write("IP của bạn là: ", json.ip); } </script> <script type="application/javascript" src="https://api.ipify.org?format=jsonp&callback=getIP"></script></span></div>
      <div class="containers">
   <div class="container row">
<div class="footer-tabs"> <strong class="h3">Thông tin</strong>
   <ul class="list-unstyled">
        <p> <a href="http://www.thoang.net/" title="Thoang Net">Thoang Net</a> là website chia sẻ kiến thức trên mọi phương diện cuộc sống, thuộc TOP 10 blog quản trị mạng lớn nhất Việt Nam</p>
          <p>Chuyên chia sẻ các thủ thuật máy tính, internet, thủ thuật facebook 2017, hướng dẫn thiết kế website, tạo forum miễn phí, kiếm tiền online hiệu quả </p>
  <div class="social">
    <a href="http://www.dmca.com/Protection/Status.aspx?ID=46133b2b-645c-4e5b-a06f-f8170daea59c" title="Website được bảo hộ bởi DCMA" class="dmca-badge"> <img src="//www.dmca.com/Badges/dmca_protected_sml_120aa.png?ID=46133b2b-645c-4e5b-a06f-f8170daea59c" alt="Website được bảo hộ bởi DCMA"></a> <script src="//images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script>
    <a href="http://www.facebook.com/thoangs" rel="nofollow"><i class="fa fa-facebook-square" aria-hidden="true"></i></a>
    <a href="https://plus.google.com/+thoangs/"><i class="fa fa-google-plus-square" aria-hidden="true"></i></a>
    <a href="https://twitter.com/thoangnet" rel="nofollow"><i class="fa fa-twitter-square" aria-hidden="true"></i></a>
    </div></ul>
</div>
<div class="footer-tab"> <strong class="h3">Liên kết</strong>
         <ul class="list-unstyled">
                          <!-- BEGIN switch_footer_links -->
             <!-- BEGIN footer_link -->
            {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}
            <li class="rightside"><a name="bottom" class="textlink" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
            </li>  <!-- END footer_link -->
                          <!-- END switch_footer_links -->
      </ul>
</div>         
<div class="footer-tab"> <strong class="h3">Nguồn cấp</strong>
   <ul class="list-unstyled">
      <li>Developed by Văn Thoáng</li>
      <li>Forum © phpBB Limited </li>
                <li>Hosting donated by <b title="Forumotion">FM</b></li>
                <li>Protected by <b title="DMCA.com Protection Status">DCMA</b></li>
      <li><a href="http://www.tuoitrevn.net/sitemap.xml">XML Sitemaps Generator</a> </li>
   </ul>
</div>
  <!--<div class="footer-tab"> <strong class="h3">Liên hệ</strong>
   <ul class="list-unstyled">
      <li><i class="fa fa-facebook-square" aria-hidden="true"></i> <a href="http://www.facebook.com/thoangs" rel="nofollow">Nguyễn Văn Thoáng</a></li>
      <li><i class="fa fa-google-plus-square" aria-hidden="true"></i> <a href="https://plus.google.com/+thoangs/" rel="nofollow">Văn Thoáng</a></li>
      <li><i class="fa fa-twitter-square" aria-hidden="true"></i> <a href="https://twitter.com/thoangnet" rel="nofollow">Văn Thoáng</a></li>
      <li><i class="fa fa-envelope-square" aria-hidden="true"></i> contact@thoang.net</li>
      <li><i class="fa fa-phone-square" aria-hidden="true"></i> 0168 254 9020</li>
      
   </ul>
</div>-->
 </div>
<div class="navbars">
   <div class="container">
      <div class="rightside left">Chịu trách nhiệm nội dung: Nguyễn Văn Thoáng </div>
            <div class="rightside right" id="rightside">Tín nhiệm:  <a href="http://iseo.forumotion.com/" rel="nofollow">Iseo</a> |&nbsp;
      
<!-- BEGIN html_validation -->
                           </div>        </div>
   </div>
</div>
<!-- END html_validation -->
Nguyễn Văn Thoáng

2/1/2017, 17:03

css

Code:
@charset "utf-8";
@import "//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
@import "http://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,600,700|Roboto+Condensed:300,400,700";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
*, :before, :after {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-family:Roboto,arial,Helvetica,sans-serif;background-color:#f7f7f7;background-attachment:scroll;font-size:15px;height:auto;font-weight:normal;position:relative;line-height:140%;margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:link{color:#009688;text-decoration:none}
a:visited{color:#009688;text-decoration:none}
a:active{color:#368ad2;text-decoration:underline}
a:hover{color:#2196F3;text-decoration:none}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
p { margin: 0; }
ul{list-style-type:none;padding:0}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{font-family:Roboto,arial,Helvetica,sans-serif;width:100%;padding:10px;font-size:15px;line-height:140%;overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
.sceditor-button{box-sizing:content-box}
fieldset{border:0}
h1 {font-weight:bold;font-size: medium;margin: 0; }
h2 {font-size:medium;font-weight:600;margin:0}
h3 {font-weight:bold;font-size: medium;margin: 0; }
h4 { margin: 0; }

h2.blog-title.search {
    display: inline-block;
}
.blog-search {
    border-bottom: 1px solid #ddd;
    margin: 5px 0;
    padding: 5px;
}
input, textarea, keygen, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    font-size: 16px;
}
input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    padding: 5px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
  cursor: pointer;
}
input[type="button" i], input[type="submit" i], input[type="reset" i] {
    -webkit-appearance: push-button;
    user-select: none;
    white-space: pre;
}
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    align-items: flex-start;
    text-align: center;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 5px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}

.select{background-color:#FFFFFF;border:1px solid #BCBCBC;position:absolute;z-index:100;top:0;left:0;overflow:hidden;width:0}
.select p{padding:4px 6px;font-size:.9em;margin:0}
.select button{padding:4px;font-size:.9em;margin:0;background-color:#FFF;border:none;text-align:left}
.select button.button2{border:1px solid #BCBCBC;padding:0}
.select button.button2:hover{border:1px solid #2196F3;color:#2196F3;background-position:0 100%}
.select button:hover,.selectHover{cursor:pointer;background-color:#EEE}
label{cursor:default;padding-right:5px;color:#536482}
label input{vertical-align:middle}
label img{vertical-align:middle}
hr{border:0 none #ffffff;border-top:1px solid #ffffff;height:1px;margin:5px 0;display:block;clear:both}
hr.dashed{border-top:1px dashed #ffffff;margin:5px 0}
img{border-width:0}
blockquote div{margin-left:20px}
blockquote blockquote{background-color:#EFEED9;font-size:1em;margin:.5em 1px 0 15px}
blockquote blockquote blockquote{background-color:#ebeadd}
blockquote cite{font-style:normal;font-weight:bold;display:block;font-size:.9em}
blockquote cite cite{font-size:1em}
blockquote.uncited{padding-top:25px}
.info{font-size:10px;font-style:italic}
.codebox{display:block}
.spoiler_content{display:none}
.spoiler_content.hidden{display:block}
dl.codebox{padding:3px;background-color:#FFFFFF;border:1px solid #C9D2D8;font-size:1em}
dl.codebox dt{text-transform:uppercase;border-bottom:1px solid #CCCCCC;margin-bottom:3px;font-size:.8em;font-weight:bold;display:block}
blockquote dl.codebox{margin-left:0}
dl.codebox code{overflow:auto;display:block;height:auto;max-height:200px;white-space:normal;padding-top:5px;font:.9em Courier,CourierNew,sans-serif;line-height:1.3em;color:#2E8B57;margin:2px 0}
.inputbox{border:1px solid #BCBCBC;cursor:text}
.inputbox:hover{border:1px solid #0076b1}
.inputbox:focus{border:1px solid #0076b1;color:#536482}
option{padding-right:1em}
.buttons{text-align:center}
.buttons a{padding:10px;background:rgba(0,150,136,0.78);border:1px solid #009688;color:#fff!important;font-size:20px;font-weight:500;display:block}

@media print {
*{background-image:none;background-color:#fff;color:#000}
body{padding:0;margin:0;}
body#phpbb div#wrap{margin:0}
#wrap #logo-desc p,#wrap #logo-desc img,header div.navbar,header div.navbar ul.linklist{display:none!important}
#wrap div#page-body h2{font-weight:bolder;border-bottom:1px solid #ccc;margin-bottom:1em}
#wrap div#page-body div.topic-actions,#wrap div#page-body .pagination,#wrap div#page-body .left-box,#wrap div.postbody ul.profile-icons,#wrap div.postbody img,#wrap dl.postprofile,#wrap div.post .right,#wrap div.postbody div.signature{float:none;display:none!important}
#wrap dl.postprofile{float:none}
#wrap div.postbody{width:auto}
#wrap div.postbody h3{font-size:10pt}
#wrap div.postbody p.author{width:100%;border-bottom:1px dashed #ccc}
#wrap div#page-body div.post{padding:0 0 2em;border-top:3px double #ccc}
div.postbody{width:100%;float:none}
#wrap div#page-body div.post .content{overflow:visible}
div.noprint{display:none}
}

.panel{margin:10px 0;display:block;position:relative}
.borderwrap{margin:16px 0;background-color:#fff;border:1px solid #ddd}
.page-title{color:#ffffff;display:block;font-weight:500;background-color:#ddd;padding:10px;font-size:16px}
.maincontent{padding:10px}
.container{margin:0 auto;width:100%;max-width:1140px;min-width:320px;display:block;position:relative}
div#page-body{margin:20px 0;overflow:hidden}
div#content{display:none}

.sceditor-container iframe,.sceditor-container textarea{background-color:transparent!important}
.sceditor-container{background-color:#FFFFFF!important}
.sceditor-toolbar{background-color:#F7F7F7!important}

h1.box-title, h1.blog-title {
    font-size: 30px;line-height: 40px;
    padding: 10px 0 10px;
    font-weight: 500;
}
.right {
    float: right;
    text-align: right;
}

#header {
    background-color: #009688;
    padding: 15px 0;
}
#logo img {
}
a#logo:hover{text-decoration:none}
#site-title,#site-title h1{color:#FFFFFF;font-size:20px;font-weight:bold;padding-top:15px;    display: none;}
#site-title h1{padding-top:0}
#logo-desc p{margin:0;padding:0;color:#FFFFFF;    display: none;}
.forabg{margin-bottom:4px;clear:both;}

/*------------------------------ nav top ----------------------------*/
#topnav{width:100%;background-color:#171616;margin:0;height:40px}
.tm-menu{float:left}
#nav1 li{float:left;display:inline-block;line-height:15px;margin-right:15px}
#nav1 li a{color:#ffffff;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}
#nav1 li a:hover{color:#FFD439}
.selectnav{display:none;background-color:#272727;padding:2px 5px;box-sizing:border-box;border:0}
select{background:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;-moz-appearance:none;-webkit-appearance:none;appearance:none}
.social-area{float:right}
.container #social-top{position:relative;display:block;margin-right:0}
.container #social-top ul li{line-height:16px;display:block;float:left;margin-left:5px}
.container #social-top ul li a{display:block;float:left;color:#ffffff;text-decoration:none;font-size:14px;text-align:center;line-height:14px;padding:0 7px}
.container #social-top ul li a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.container #social-top ul li a:hover{color:#FFD439}
#social-top .facebook:before{content:"\f09a"}
#social-top .twitter:before{content:"\f099"}
#social-top .gplus:before{content:"\f0d5"}
#social-top .rss:before{content:"\f09e"}
#social-top .youtube:before{content:"\f167"}
#social-top .skype:before{content:"\f17e"}
#social-top .instagram:before{content:"\f16d"}

/*------------------------------ sidebar --------------------------*/
#sidebar-wrapper{float:right;overflow:hidden;width:32%;padding-left:2%;box-sizing:border-box;word-wrap:break-word;padding-bottom:20px}
#sidebar-wrapper .widget{padding:0;margin-bottom:30px;overflow:hidden}
li.new-bl{display:block;text-align:left;border-bottom:1px dashed #CCC;counter-increment:Zzindex;position:relative;line-height:25px}
li.new-bl:before{content:counter(Zzindex);z-index:5!important;display:block;height:17px;background:#ddd;position:absolute;font-size:11px;top:5px;border-radius:2px;text-align:center;width:18px;color:#FFF;line-height:20px}
li.new-bl:after{margin-left:28px;content:" ";background:#ddd;display:block;width:6px;height:6px;position:absolute;top:10px;left:-13px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
li.new-bl a{margin-left:30px}
.keywords a{color:#1c1c1c;display:inline-block;font-size:13px;font-weight:500!important;padding:6px 8px;border:1px solid #eee;float:left;margin:0 5px 5px 0}

/*------------------------------ box -------------------------------*/
.forumbg{clear:both;border:1px solid #ddd;display:table;margin:10px 0}
.topiclist.topics.bg_none{padding:10px;background:#fff;display:inline-block}
.main-box{border:none;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,0.24);margin:16px 0;padding:0;background-color:#fff}
.header-box{border-radius:3px 3px 0 0;color:#FFF;display:block;font-size:15px;font-weight:500;background-color:#0499e3;padding:16px 10px}
.contract{background:none;height:20px!important;width:22px!important;cursor:pointer;float:right}
.body-box{padding:10px}
table.table-box{position:relative;width:100%}
tr.sttbox{display:inline-block;width:50%}
h3.name-box{font-size:17px;font-weight:500}
td.row1.icon{width:100px;height:105px;background-repeat:no-repeat;background-image:url(http://i.imgur.com/BN9cezq.png?1);background-color:#fff;background-size:96px 100px}
td.row2.icon{padding:5px}

/*------------------------------ thum box -------------------------------*/
.blog_left,div#blogbox{float:left;width:68%;word-wrap:break-word;position:relative;border-left: 1px solid #f7f7f7;}
.box-title{position:relative;clear:both;z-index:1;margin-bottom:10px;line-height:33px}
h2.title, div.title{display:inline-block;position:relative;background-color:#f7f7f7;color:#1c1c1c;font-size:15px;letter-spacing:-.4px;text-transform:uppercase;font-weight:700;z-index:1;margin:0;padding-right:15px;padding-left:25px}
h2.title a, div.title a{color:#1c1c1c}
.box-title:after{content:"";position:absolute;z-index:0;top:12px;left:0;width:99%;border:4px double #009688}
h2.title:before, div.title:before{position:absolute;content:"";width:12px;height:12px;display:inline-block;background-color:#009688;left:0;top:49%;-webkit-transform:translateY(-49%);-ms-transform:translateY(-49%);transform:translateY(-49%);z-index:5}
.recent-boxes .widget{margin-bottom:30px}

/*------------------------------ thum box all version -------------------------------*/
.blb, .blb-v2{width:49%;margin-bottom:5px;margin-right:1%;position:relative;display:inline-block}
.blb:nth-last-child(5){float:left}
.box-thumbnail img, .box-thumbnail-v2 img, .box-thumbnail-v3 img{width:90px!important;height:75px!important;object-fit:cover;float:left;vertical-align:top;transition:all .8s ease;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease}
.box-thumbnail img:hover, .box-thumbnail-v2 img:hover, .box-thumbnail-v3 img:hover{box-shadow:0 0 10px rgba(0,0,0,0.72)}
.recent-content, .recent-content-v2{display:table-cell;padding-left:5px}
.recent-title, .recent-title-v2,.recent-title-v2{color:#1c1c1c;font-weight:500;font-size:16px;line-height:1.5em}
.recent-date, .recent-date-v2,.recent-date-v3{color:#bdbdbd;font-size:12px;font-weight:400}

.blb:nth-last-child(5) .box-thumbnail img{height:315px!important;width:100%!important}
.blb:nth-last-child(5) .recent-content{font-weight:400;background:rgba(0,0,0,0.47);position:absolute;padding:10px;display:block;bottom:0;width:100%}
.blb:nth-last-child(5) .recent-content a{color:#fff;font-size:18px}

/*------------------- ver 2 -------------------*/
/*------------------- ver 3 -------------------*/
.blb-v3{margin-bottom:20px;position:relative}
.box-thumbnail-v3 img{width:300px!important;height:180px!important;object-fit:cover;float:left;vertical-align:top;transition:all .8s ease;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease}
.recent-content-v3{padding:5px 17px;display:table-cell}
.recent-title-v3 a{font-size:18px;line-height:1.5em}
p.recent-des-v3{overflow:hidden;height:60px;font-weight:300}
a.read-more{display:inline-block;margin-bottom:0;font-weight:500;text-align:left;vertical-align:middle;cursor:pointer;background-image:none;white-space:nowrap;color:#fff;background-color:#000;border-radius:0;font-size:11px;text-transform:uppercase;padding:0 10px;margin-top:10px;outline:none;border:none;overflow:hidden;border-left:6px solid #009688}

td.avatar-mini img{background-color:#fff;border:1px solid #0076b1;vertical-align:middle;width:38px;height:38px}
dl.faq{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1.1em;margin-top:1em;margin-bottom:2em;line-height:1.4em}
dl.faq dt{font-weight:bold;color:#536482}
dl.faq dd p{text-align:justify;border:1px dashed #ffffff;padding:5px;margin:5px;font-size:1em}
dl.faq ul{list-style-type:disc;list-style-position:inside}
dl.faq ol{list-style-position:inside}
.content dl.faq{font-size:1.2em;margin-bottom:.5em}

#tabs:after,.post:after,.navbar:after,fieldset dl:after,ul.topiclist dl:after,ul.linklist:after,dl.polls:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.row .pagination{display:block;float:right;width:auto;margin-top:0;padding:1px 0 1px 15px;font-size:.9em;background:url(https://2img.net/i/fa/prosilver/icon_pages.gif) 0 50% no-repeat}
.pagination span a,.pagination span a:link,.pagination span a:visited,.pagination span a:active{font-weight:normal;text-decoration:none;color:#5C758C;background-color:#ffffff;margin:0 2px;padding:0 2px;border:1px solid #B4BAC0;font-size:.9em;line-height:1.5em}
.pagination span a:hover{border-color:#368AD2;background-color:#009688;color:#FFF;text-decoration:none}
.pagination span a.pag-img{border:none;background-color:transparent}
.pagination span a.pag-img:hover{background-color:transparent}
.pagination span strong{padding:0 2px;margin:0 2px;background-color:#627DA3;border:1px solid #627DA3;color:#FFFFFF;font-size:.9em}
.pagination span.page-sep{display:none}
#cp-main .pagination{float:right;width:auto;padding-top:1px}
.postbody{padding:0;line-height:1.48em;color:#536482;clear:both}
.content img {
    max-width: 100%;
}
#cp-main .postbody p{font-size:1.1em}
#cp-main .postbody h3{margin-top:0}

.content blockquote{color:#536482}
.content p{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1.2em;margin-bottom:1em;line-height:1.4em}
.content li{list-style-type:inherit}
.content ul,.content ol{margin-bottom:1em;margin-left:3em}

.left-box{float:left;width:auto;text-align:left}
.right-box{float:right;width:auto;text-align:right}
.center{margin-left:auto;margin-right:auto;text-align:center}
.clear{display:block;clear:both;font-size:1px;line-height:1px;background:transparent}

.autowidth{width:auto!important}
.italic{font-style:italic}
.pathname-box{font-size:0;padding:2px 0 5px;border-bottom:1px solid #ddd;margin-bottom:15px}
.breadcrumb a.nav{font-size:15px;color:#90949c}
a.nav:after{content:"\ >>";margin:0 5px;color:#9E9E9E}
a.nav:last-child:after{content:initial}
.breadcrumb a.nav.home{display:none}
.composs-main-article-head{display:block;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f0f1f2}
.composs-main-article-meta{display:block;padding:10px 15px;font-size:15px}
span.the-article-meta{margin-right:20px}
span.stext{vertical-align:middle;font-size:18px;color:#4080ff;margin-right:15px}
i.fa.fa-share-alt{font-size:25px;color:#4080ff;margin-right:5px;vertical-align:middle}

#fb_explain{padding:5px 0 0 5px;float:left}
.left{float:left}
.fld_connexion{width:300px}
.fb_login{height:30px;margin:50px 0 0}
.fb_login .fb_or{margin:0 70px 0 60px}
.fb_login_widget{margin:10px 0 0}
.fb_login_widget .fb_or{margin:0 70px 0 60px}
#cont_fb_invit iframe{width:760px!important}

/* -------------------------------list bl ---------------------------*/
.list-blog{float:left;width:49.9999%;border-bottom:1px solid #ddd;padding:5px 0}
.header{padding:10px;}
.list-blog:last-child{border-bottom:0}
.item-thumbnail{margin-right:10px;display:block;float:left;overflow:hidden;position:relative;width:170px;height:140px}
.thumbnail{height:100%;background-size:cover}
.item-content{margin-left:180px}
.blog_message img{display:none}
.item-content h2{margin:5px 0}
.blog_message h2.post-content{font-weight:300;text-align:left}
p.item-meta{margin-bottom:5px;color:#909090;font-size:14px}
.blog_message br{display:none}
.blog_message{text-align:left!important;font-size:0;line-height:normal}

/* ----------------------- zzImgUr ----------------------- */
.imgur_Zzbv,.imgur_Zzbv *{box-sizing:content-box;-moz-boxsizing:content-box;-webkit-box-sizing:content-box;margin:0;padding:0}
.imgur_Zzbv{border:1px solid #333;background:#FFF;height:auto}
.imgur_Zzbv-iconError,.imgur_Zzbv-iconDevs,.imgur_Zzbv-delete,.imgur_Zzbv-remove,.imgur_Zzbv-iconSelect,.imgur_Zzbv-button div img,.imgur_Zzbv-iconComplete,.imgur_Zzbv-iconImage{display:inline-block;background:url(http://i.imgur.com/e9GpBzF.png) no-repeat center center;width:16px;height:16px;float:left;margin:7px!important}
.imgur_Zzbv-iconDevs{background-position:0 0}
.imgur_Zzbv-iconComplete{background-position:-32px -16px}
.imgur_Zzbv-status img{margin:0!important}
.imgur_Zzbv-iconError{background-position:0 -32px}
.imgur_Zzbv-iconSelect{background-position:0 -16px}
.imgur_Zzbv-iconUpload{background-position:-16px -16px}
.imgur_Zzbv-iconReset{background-position:-16px 0}
.imgur_Zzbv-iconImage{background-position:-16px -32px}
.imgur_Zzbv-iconImage.imgur_Zzbv-iconUrl{background-position:-32px -32px}
.imgur_Zzbv-mode{cursor:pointer;width:30px;height:30px;float:left;background-color:#FF475D}
.imgur_Zzbv-mode.imgur_Zzbv-zzURL{background-color:#0B704C}
.imgur_Zzbv-button div{cursor:pointer;background-color:#359BED;border:0;height:30px;display:none;padding:0 10px 0 0}
.imgur_Zzbv-button .imgur_Zzbv-reset{background-color:#01686D}
.imgur_Zzbv-delete,.imgur_Zzbv-remove{background-position:-32px 0;position:absolute;right:3px;top:3px;height:16px;width:16px;text-indent:-9999px;overflow:hidden;background-color:transparent;margin:0}
.imgur_Zzbv-control{position:relative;height:30px;line-height:30px;overflow:hidden;background:#333;color:#FFF}
.imgur_Zzbv-preview{overflow-y:auto;overflow-x:hidden}
.imgur_Zzbv-li{background:#f2f2f2;list-style-type:none;position:relative;height:68px;border-top:1px solid #DDD;overflow:hidden}
.imgur_Zzbv-li:first-child{border-top:0 none}
.imgur_Zzbv-li:nth-child(2n){background:#E7E6E6}
.imgur_Zzbv-li:hover{background:#007CEE;color:#FFF}
.imgur_Zzbv-li.imgur_Zzbv-success{background:#FFFFA1}
.imgur_Zzbv-image{width:100px;overflow:hidden;position:absolute;height:100%}
.imgur_Zzbv-image img{max-width:100%;max-height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.imgur_Zzbv-info{position:absolute;left:100px;top:0;right:0;height:100%}
.imgur_Zzbv-info > *{white-space:nowrap}
.imgur_Zzbv-dl{line-height:34px}
.imgur_Zzbv-dl > div{height:34px}
.imgur_Zzbv-dt{float:left;width:70px;font-weight:300;font-size:12px}
.imgur_Zzbv input.imgur_Zzbv-input{width:calc(100% - 84px)!important;height:16px!important;line-height:16px!important;margin:8px 0!important;padding:0!important}
.imgur_Zzbv-status{position:absolute;width:16px;height:16px;line-height:16px;left:5px;top:7px;display:none}
.imgur_Zzbv-add{cursor:pointer;position:absolute;width:100px;height:30px;overflow:hidden;background:orange;left:30px;top:0;z-index:10}
.imgur_Zzbv-upload-URL.imgur_Zzbv-add{background:#C100E6}
.imgur_Zzbv-textSelect{position:absolute;width:100%;left:30px;height:30px;line-height:30px}
.imgur_Zzbv-choose{cursor:pointer;z-index:10;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;font-size:300px;height:1000px;right:0;top:0;position:absolute}
.imgur_Zzbv-length{position:absolute;width:50px;text-align:center;top:0;left:50%;margin-left:-25px;display:none}
.imgur_Zzbv-button{position:absolute;width:90px;right:0;top:0;white-space:nowrap;z-index:10}
.imgur_Zzbv-mode:hover,.imgur_Zzbv-button div:hover,.imgur_Zzbv-add:hover{background-color:#666}
.imgur_Zzbv-devs-icon{position:absolute;right:0;top:0;line-height:16px}
.imgur_Zzbv-tip{height:24px;font-size:13px;font-style:italic;line-height:26px}
.imgur_Zzbv-tip img{vertical-align:middle;float:none;margin:-4px 0 0}
.imgur_Zzbv-wrap-progress{background:#FFF;height:3px;border:0;position:absolute;bottom:0;left:-100px;right:0}
.imgur_Zzbv-progress{height:3px;background:red;width:1px}
.imgur_Zzbv-errorURL{color:red}
.imgur_Zzbv input.imgur_Zzbv-imageURL{width:calc(100% - 11px)!important;border:0 none!important;box-shadow:0 0 0 1px #DDD!important;height:16px!important;line-height:16px!important;margin:0 0 0 1px !important}
.imgur_Zzbv-mini .imgur_Zzbv-button,.imgur_Zzbv-mini .imgur_Zzbv-add{width:30px}
.imgur_Zzbv-mini .imgur_Zzbv-info{left:10px}
.imgur_Zzbv-mini .imgur_Zzbv-wrap-progress{left:-10px}
.imgur_Zzbv-upload-URL,.imgur_Zzbv-mini .imgur_Zzbv-image{display:none}

/* ------------------------------ nav ------------------------------ */
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}
.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.fade.in{opacity:1}
.collapse{display:none}
.collapse.in{display:block}
tr.collapse.in{display:table-row}
tbody.collapse.in{display:table-row-group}
.nav{padding-left:0;margin-bottom:0;list-style:none}
.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:15px;font-size:18px}
.navbar{background-color:#f3f3f3;box-shadow:0 1px 3px rgba(0,0,0,0.24)}
.navbar-header{text-align:center;position:absolute;top:10px;right:10px;width:30px;height:30px;line-height:30px;color:#fff}
.navbar-collapse{overflow-x:visible;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}
.navbar-toggle{position:relative;float:right;padding:10px;background-color:transparent;background-image:none;border:1px solid rgba(0,0,0,0.27);border-radius:4px}
.navbar-toggle:focus{outline:0}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
@media (min-width:768px) {
.navbar-header{float:left}
.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}
.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}
.navbar-collapse.in{overflow-y:visible}
.navbar-collapse,.navbar-fixed-top .navbar-collapse{padding-right:0;padding-left:0;max-height:200px}
.navbar-toggle{display:none}
.navbar-nav{float:left;margin:0}
.navbar-nav>li{float:left;border-left:1px solid #ddd}
.navbar-left{float:left}
.navbar-right{float:right}
.navbar-default li ul{display:none;position:absolute;min-width:180px;background:rgba(233,233,233,0.9) url(http://i.imgur.com/fDKvZWt.png) repeat-x top;left:0;overflow:hidden;z-index:999;border:1px solid #12a3eb;border-top:3px solid #12a3eb;box-shadow:0 5px 5px rgba(0,0,0,0.2)}
.nav>li ul:after,.nav>li ul:before{z-index:20;position:absolute;width:0;height:0;border-style:solid;content:" ";left:14px;top:-7px;border-color:transparent transparent #fff;border-width:0 8px 8px}
}
.navbar-default .navbar-nav>li:hover>a{color:#fff!important}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}
.navbar-default .navbar-collapse{width:100%}
li.nav-link{display:block;border-bottom:1px solid #CFCFCF;border-top:1px solid #FFF}
li.nav_link:hover{background:#12a3eb}
ul li.nav-link a{display:block;white-space:nowrap;padding:7px 15px;color:#727272;text-shadow:0 1px 1px #FFF;position:relative}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

.the-article{position:relative;float:left}
section{margin-bottom:25px}
section.blog_container{box-shadow:0 1px 3px rgba(0,0,0,0.24);margin:0 0 16px;background:#fff;padding:10px}
.blog_related_content{overflow:hidden}
.bl{width:32.33%;float:left;margin-bottom:5px;margin-right:1%;position:relative}
.bl h3{font-weight:400;font-size:14px;background:rgba(0,0,0,0.47);position:absolute;padding:10px;min-height:54px;display:block;bottom:0;width:100%}
.bl h3 a{color:#fff}
.bl h4{font-weight:400;font-size:14px;background:rgba(33,150,243,0.75);position:absolute;padding:4px 10px;display:block;top:0;opacity:0;transition:.5s}
.bl:hover h4{opacity:1}
.bl-thumbnail a img{width:100%!important;height:160px!important;object-fit:cover;float:left;margin-right:5px;border:1px solid #607D8B;vertical-align:top}
.bl-list{margin:20px auto;text-align:center}
.bl-list a{padding:10px;background:rgb(255,222,173);border:1px solid #FF5722;color:#FF5722!important}

.new-blogs{padding:5px 10px}
.new-blogs li{position:relative;border-bottom:1px dashed #d6d6d6;counter-increment:Zzindex;line-height:20px;padding:5px 0;display:block}
.new-blogs li:last-child{border-bottom:0}
.new-blogs li a{margin-right:5px}
span.time-new-blog{color:#9E9E9E;font-size:12px;padding:2px 5px;background:#f5f5f5}
.newfeeds{padding:10px}
.bls{margin-bottom:10px}
.bls:last-child{margin-bottom:0}
.bl-thumbnails img{width:100px!important;height:80px!important;float:left;overflow:hidden;position:relative;margin-right:5px}
.bl-thumbnails strong a{line-height:140%}
#blog_comments .postbody .content ul{list-style-type:disc}
.blog_comment{border:1px solid #ddd;margin-bottom:16px}
.bl_cm_profile{background:#efefef;border-bottom:1px solid #ddd;display:block;padding:10px;position:relative;overflow:hidden;line-height:130%}
.cm_content{padding:10px}
.bl_cm_avatar{float:left}
.bl_cm_avatar img{background-color:#fff;border:1px solid #ccc;vertical-align:middle;width:38px;margin:0 5px 0 0}
span.profile-icons{float:right}
span.author{color:#ccc;font-size:14px}

 /*! Social Likes v3.1.0 by Artem Sapegin - http://sapegin.github.com/social-likes - Licensed MIT */
.social-likes{display:inline-block}
.social-likes,.social-likes__widget{padding:0;vertical-align:middle!important;word-spacing:0!important;text-indent:0!important;list-style:none!important}
.social-likes{opacity:0}
.social-likes_visible{opacity:1;transition:opacity .1s ease-in}
.social-likes>*{display:inline-block;visibility:hidden}
.social-likes_vertical>*{display:block}
.social-likes_visible>*{visibility:inherit}
.social-likes__widget{display:inline-block;position:relative;white-space:nowrap}
.social-likes__widget:before,.social-likes__widget:after{display:none!important}
.social-likes_vertical .social-likes__widget{float:left;clear:left}
.social-likes__button,.social-likes__icon,.social-likes__counter{text-decoration:none;text-rendering:optimizeLegibility}
.social-likes__button{display:inline-block;margin:0;outline:0}
.social-likes__counter{margin:0;outline:0}
.social-likes__button{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.social-likes__button:before{content:"";display:inline-block}
.social-likes__icon{position:absolute;top:0;left:0}
.social-likes__counter{display:none;position:relative}
.social-likes_ready .social-likes__counter,.social-likes__counter_single{display:inline-block}
.social-likes_ready .social-likes__counter_empty{display:none}
.social-likes_vertical .social-likes__widget{display:block}
.social-likes_notext .social-likes__button{padding-left:0}
.social-likes__button_single{position:relative}
.social-likes{min-height:36px;margin:-6px}
.social-likes,.social-likes_single-w{line-height:19px}
.social-likes__widget{margin:6px;color:#000;background:#fff;border:1px solid #ccc;border-radius:3px;line-height:19px}
.social-likes__widget:hover,.social-likes__widget:active,.social-likes__widget:focus{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;cursor:pointer}
.social-likes__button,.social-likes__counter{vertical-align:middle;font-family:"Helvetica Neue",Arial,sans-serif;font-size:13px;line-height:20px;cursor:inherit}
.social-likes__button{padding:1px 6px 1px 20px;font-weight:400;border-right:0}
.social-likes__icon{width:20px;height:18px;margin-top:1px;background-repeat:no-repeat;background-position:50% 50%}
.social-likes__counter{min-width:12px;padding:1px 4px;font-weight:400;text-align:center;border-left:1px solid #ccc}
.social-likes__widget:hover>.social-likes__counter,.social-likes__widget:focus>.social-likes__counter,.social-likes__widget:active>.social-likes__counter,.social-likes__widget_active>.social-likes__counter{position:relative;border-left-color:transparent}
.social-likes__widget:hover>.social-likes__counter:before,.social-likes__widget:focus>.social-likes__counter:before,.social-likes__widget:active>.social-likes__counter:before,.social-likes__widget_active>.social-likes__counter:before{content:"";position:absolute;top:0;bottom:0;left:-1px;border-left:1px solid;opacity:.4}
.social-likes_vertical{margin:-6px}
.social-likes_vertical .social-likes__widget{margin:6px}
.social-likes_notext{margin:-3px}
.social-likes_notext .social-likes__widget{margin:3px}
.social-likes_notext .social-likes__button{width:18px}
.social-likes_notext .social-likes__icon{width:100%;background-position:center center}
.social-likes__widget_single{margin:0}
.social-likes_single{margin:-12px 0 0;padding:4px 0;background:#fff;border:1px solid #ccc;border-radius:3px}
.social-likes__single-container{width:100%;display:table}
.social-likes_single .social-likes__widget{float:none;display:table-row;margin:0;border:0;border-radius:0;background:0 0}
.social-likes_single .social-likes__button{display:block;padding:2px 6px 2px 24px}
.social-likes_single .social-likes__icon{margin-left:4px;margin-top:2px}
.social-likes_single .social-likes__counter{display:table-cell;padding:2px 8px 2px 4px;border-left:0;text-align:right}
.social-likes_single .social-likes__widget:hover>.social-likes__counter:before,.social-likes_single .social-likes__widget:focus>.social-likes__counter:before,.social-likes_single .social-likes__widget:active>.social-likes__counter:before{display:none}
.social-likes__icon_facebook{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAaklEQVR42mJ0Cp7jycDAMBeIJRnwg+dAnMxEpGIGqJq5THgULwFicSBmBGJbmCYWPCYWAvEbdEF8GmCK/yMLMjGQCLBpsIW6GwaQ/UC6Ddj8cBjJZOr44TkJ6l+ANKSAGEQofgpKGgABBgAWcxAZp2KpkQAAAABJRU5ErkJggg==)}
.social-likes__widget_facebook:hover,.social-likes__widget_facebook:active,.social-likes__widget_facebook:focus{background:#425497;border-color:#425497}
.social-likes__widget_facebook:hover .social-likes__icon_facebook,.social-likes__widget_facebook:active .social-likes__icon_facebook,.social-likes__widget_facebook:focus .social-likes__icon_facebook{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAaUlEQVR42mL6//+/JxA/+08YgNR4MoIYDAwMkgzEgedMeBQvAWJxIGYEYluomCQLHtMKgfgNuiA+DTDF/5EFmRhIBNg02ELdDQPIfiDdBlCw/sclRzU/PCdB/QuQhhQQgwjFT4E4GSDAAMuiQX7Tr7YFAAAAAElFTkSuQmCC)}
.social-likes__icon_twitter{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAA9ElEQVR42mKU3vqak4GB4TcQ/2HABFxAXA3EzkD8DIjbgfg+ECuwAIkwIHYD4gSoAchgORD7IfEDgPgpEGczAQlBII4C4kNAbIikSAqIfdEMYgRiMSD+B7JxJ9SZFkB8Foj3A/FWIP4KVYgO5gHxFpBGNSA+DsS2UIVOUIwLfAYRIKe+gGoiFpyDaTwJxEVA/J0ITd+hXgNrBIETMCcQADOA+D26RpCn/+LRdAuI62EcmMb/0IjOx6H5ATSu4a4ChaoPEMcAsTUQy6Bp+AfEy4C4EIjfIEuANG4B4rvQVKEOTWYfoKG3HYgfoluvPm8jA0CAAQAqvDQ/IXqkWQAAAABJRU5ErkJggg==)}
.social-likes__widget_twitter:hover,.social-likes__widget_twitter:active,.social-likes__widget_twitter:focus{background:#00b7ec;border-color:#00b7ec}
.social-likes__widget_twitter:hover .social-likes__icon_twitter,.social-likes__widget_twitter:active .social-likes__icon_twitter,.social-likes__widget_twitter:focus .social-likes__icon_twitter{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAQAAAD4iURRAAAAo0lEQVQYGQXBsSoEAACA4Z8YKIO6yXLzjYrkHS5Wm5GyYPMAUgarMikpGZQHsFh4BZPhJi9wJdzn+7JkQZJk2bl3TzYNbGTfvUVJ8gyYmdjJMd6sS9bMAHwbZ+QHMy9OHQDgWtn1CgAALpUtAADAnpITUwAAU6tKtn0BALiSkjkXfgHAhxUpybwjvwA+DSVl7MEEwJ87A0lKRs7cenTj0FCSpH8xHAhkcGt6PAAAAABJRU5ErkJggg==)}
.social-likes__icon_plusone{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAABD0lEQVR42nTSsUtCURTH8eszSGgIgkqSoHBQh7QpbAlBcRCJ2staHFoa+hNyzqXBoan+gMDdoWgymkwkBxMiggo3a3Cp76WfcJHXgQ/nvfveue+ewwt08luGmEEdcwgjZP7iFrtmIqaUn5SXkUEDA+wZn/CwgQgetHYjC+JbZCOANWf9VXmobDd+c4vu8YgoalhFFpf4VL8rmMW8vR/3lEQV2yijhUO99KzeQ7p+95wjneAMQcRQ1JfsNA/wrc1T46KaznyMJqZxrcIvdNRf3957Gm8JO0ggjRx+cKpN21h0B7GJDw3EOGPvYuQ3ctvgC+K4w7nOfoQlFP4rsg+usI4Lrff0Z7QnCyqpffMrwAC15jTuOMaeqQAAAABJRU5ErkJggg==)}
.social-likes__widget_plusone:hover,.social-likes__widget_plusone:active,.social-likes__widget_plusone:focus{background:#dd4241;border-color:#dd4241}
.social-likes__widget_plusone:hover .social-likes__icon_plusone,.social-likes__widget_plusone:active .social-likes__icon_plusone,.social-likes__widget_plusone:focus .social-likes__icon_plusone{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAA5klEQVR42myRvQrCMBSFUyehmyC4Zte1OPoALi6+gy/j6uobiINbF3Fx6tDFpZtSUFzEPxQxnksPchty4WvSJPeek5vIOWcQMViCFuiApqliDUbGD0kCeyLzAfiAI4i5VkM+CfiChdpIXRU2lNSgYAR6ysCB441jAkrfXs7KM1YXq3PuicUxuIO2/GvZKSh4n4xrcugKniwq88L3O+GmVB0GlKxWElsl2IEt1d4qsctu/ruXskqiFKXtL2WzRiQJ6McJWO8Jc/AA/dDj7niPDb2LpRU4e+q1x7VMkM5cSMZ7mBA/AQYALgmaWsDGGiQAAAAASUVORK5CYII=)}

/* ----------------- CSS fa_popup ----------------------- */
#fa_popup_overlay{bottom:0;left:0;position:fixed;right:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.75);overflow:auto;padding:20px;overflow:auto}
#fa_popup{background:#FFF;bottom:70px;left:10%;display:inline-block;vertical-align:middle;position:fixed;right:10%;top:70px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000}
div#fa_popup_content { padding: 15px 30px; overflow-y: scroll; height: 450px; }
.fa_popup_title{border-bottom:1px solid #ddd;padding:15px 30px;font-weight:500;background:#f1f1f1;font-size:26px;border-radius:8px 8px 0 0}
input.fa_popup_close{position:absolute;right:20px;top:15px;padding:3px 10px;border:1px solid #ccc;border-radius:3px;color:#bec2c9;background:#f6f7f9}


#footer{background-color:#2e3133;max-width:100%;min-width:320px;clear:both}
#footer .bloc-outils{color:#fff;padding:15px 10px;background-color:#009688;text-transform:uppercase;text-align:center}
.container.row{margin:10px auto;overflow:hidden;color:#989ca1}
#footer .footer-tab{width:24.99999%;float:left}
#footer li{padding:5px 0}
#footer li a{color:#a3aaae}
#footer li a:hover{color:#ccd0d2}
#footer strong.h3{font-family:"Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;line-height:1.1;font-size:20px;margin:30px 0 25px;border-bottom:1px solid #9C9C9C;display:inline-block;padding-bottom:9px}
#footer .footer-link span{color:#fff}
#footer .footer-link i.logo{margin:0 auto;display:block;padding:10px;width:50px;height:50px;background:url(http://im0.all-up.com/static/images/tmp-sigle.png) no-repeat center center}
div#footer .space{padding:10px 0}
.navbars{background:#222;overflow:hidden;margin-top:25px}
.navbars .container{color:#555;font-size:14px;height:36px;line-height:36px}
.navbars .container a{color:#555}
.navbars .container strong a{font-weight:400}
.dmca-badge img{vertical-align:middle}
a[href*="/abuse?page="]{display:none}

/* CSS Request Enable JavaScript */
#enablejs{position:fixed!important;position:absolute;top:0;/*top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px");*/left:0;width:102%;height:102%;background-color:#f9f9f9;opacity:.98;display:block;padding:10% 0;bottom:0;right:0;z-index:9999}
#enablejs *{text-align:center;margin:0 auto;display:block;/*filter:none;*/font:bold 14px Verdana,Arial,sans-serif;text-decoration:none}
#enablejs * a{padding:12px 15px!important;background-color:#f77c6a;color:#fff!important;font-weight:600;font-size:14px;font-family:'Open Sans',sans-serif;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;display:block;margin:15px auto;clear:both;width:20%;transition:all 0.3s ease-out}
#enablejs * a:hover{opacity:.9}
#enablejs ~ *{display:none}
Nguyễn Văn Thoáng

2/4/2017, 14:55

Theme blog EPbdiRv

Theme blog 6ZhF3Oq
Theme blog 0JtueSCTheme blog H5tMiHeTheme blog 1WWbkBV
Please Enable Javascript!Enable JavaScript