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


[skin] Chợ Thái 247

Tác giả: - vào lúc:
huyvip83
Bài viết : 236
Points : 384
Like : 66
Punbb
Cẩn thận
huyvip83MEM LV3
8/30/2016, 13:11
#1
vì code dài nên sẽ đăng theo nhiều bài biết trong topisc này

Demo: http://chothai247.forumvi.com/forum

VÀO ĐỀ LUÔN

overall_header

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" />
       <!-- 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="{JQUERY_PATH}" type="text/javascript"></script>
      <script type="text/javascript" src="http://thainguyen24h.forumvi.com/h1-page"></script>
       <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

       <!-- BEGIN switch_fb_login -->
       <script src="http://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 -->

       <!-- BEGIN switch_ticker -->
       <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
       <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
       <!-- END switch_ticker -->

       <!-- BEGIN switch_ticker_new -->
       <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
       <script type="text/javascript">//<![CDATA[
          /* Definir le sens de direction en fonction du panneau admin */
          var tickerDirParam = "{switch_ticker.DIRECTION}";
          var slid_vert = false;
          var auto_dir = 'next';
          var h_perso = parseInt({switch_ticker.HEIGHT});

          switch( tickerDirParam )
          {
             case 'top' :
                slid_vert = true;
                break;

             case 'left':
                break;

             case 'bottom':
                slid_vert = true;
                auto_dir = 'prev';
                break;

             case 'right':
                auto_dir = 'prev';
                break;

             default:
                slid_vert = true;
          }

          $(document).ready(function() {

             var width_max = $('ul#fa_ticker_content').width();
             var width_item = Math.floor(width_max / {switch_ticker.SIZE});

             if (width_max > 0)
             {
                $('#fa_ticker_content').css('display','block');

                $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
                   if ($(this).width() > width_item)
                   {
                   var ratio      = $(this).width() / width_item;
                   var new_height = Math.round($(this).height() / ratio);
                   $(this).height(new_height).width(width_item);
                   }
                });

                if (slid_vert)
                {
                   var height_max = h_perso;

                   $('ul#fa_ticker_content li').each( function () {
                      if ($(this).height() > height_max)
                      {
                         height_max = $(this).height();
                      }
                   } );

                   $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
                   $('ul#fa_ticker_content li').height(height_max);
                }

                $('#fa_ticker_content').jcarousel({
                      vertical: slid_vert,
                   wrap: 'circular',
                   auto: {switch_ticker.STOP_TIME},
                   auto_direction: auto_dir,
                scroll: 1,
                size: {switch_ticker.SIZE},
                height_max: height_max,
                animation: {switch_ticker.SPEED}
                });
             }
             else
             {
                $('ul#fa_ticker_content li:not(:first)').css('display','none');
                $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
             }
          });
       //]]>
       </script>
       <!-- END switch_ticker_new -->

       <script type="text/javascript">
       //<![CDATA[
       $(document).ready(function(){
          <!-- BEGIN switch_enable_pm_popup -->
             pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
             if(pm != null) { pm.focus(); }
          <!-- END switch_enable_pm_popup -->
          <!-- BEGIN switch_report_popup -->
             report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
             if(report != null) { report.focus(); }
          <!-- END switch_report_popup -->
          <!-- BEGIN switch_ticker -->
             ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
          <!-- END switch_ticker -->
       });

       <!-- BEGIN switch_login_popup -->
          var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
       <!-- END switch_login_popup -->

       <!-- BEGIN switch_login_popup -->
       $(document).ready( function() {
          $(window).resize(function() {
             var windowWidth = document.documentElement.clientWidth;
             var popupWidth = $("#login_popup").width();
             var mypopup = $("#login_popup");

             $("#login_popup").css({
             "left": windowWidth/2 - popupWidth/2
                });
          });
       });
       <!-- END switch_login_popup -->
       //]]>
       </script>
       {GREETING_POPUP}
       <!-- BEGIN switch_ticker_new -->
       <style>
       .jcarousel-skin-tango .jcarousel-item {
          text-align:center;
          width: 10px;
       }

       .jcarousel-skin-tango .jcarousel-item-horizontal {
          margin-right: {switch_ticker.SPACING}px;
       }

       .jcarousel-skin-tango .jcarousel-item-vertical {
          margin-bottom: {switch_ticker.SPACING}px;
       }
       </style>
       <!-- END switch_ticker_new -->
       {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>
       <!-- BEGIN hitskin_preview -->
       <div id="hitskin_preview" style="display: block;">
          <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
          <div class="content">
             <p>
                {hitskin_preview.L_THEME_SITE_PREVIEW}
                <br />
                <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
             </p>
          </div>
       </div>
       <!-- END hitskin_preview -->

       <!-- BEGIN switch_login_popup -->
       <div id="login_popup" class="module main">
          <div id="login_popup_title" class="main-head">
             <div class="h3">{SITENAME}</div>
          </div>
          <div class="main-content">
             {LOGIN_POPUP_MSG}
             <div id="login_popup_buttons">
                <form action="{S_LOGIN_ACTION}" method="get">
                   <input type="submit" class="button2" value="{L_LOGIN}" />
                   <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                   <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
                </form>
             </div>
          </div>
       </div>
       <!-- END switch_login_popup -->
    <script type="text/javascript">                   jQuery(document).ready(function() {jQuery(".loginlink").toggle(function(){jQuery(".user-dropdown-box").slideToggle('fast');}, function(){jQuery(".user-dropdown-box").slideUp('fast');});});</script>
      
      <body>
        
        <a id="top" name="top" accesskey="t"></a>
        <div class="devsitePage">
          <div class="menuhb">
            <div class="contenthb">
              <a class="logo" href="https://www.facebook.com/pages/Di%E1%BB%85n-%C4%91%C3%A0n-Th%C3%A1i-Nguy%C3%AAn-News/668263339869282?ref=ts&fref=ts">
                <img class="img" src="http://upanh.biz/images/2013/10/22/CXhIs.png" alt="Diễn Đàn Thái Nguyên 24h" width="105" height="20" title="FaceBook Thái Nguyên 24h">
                </a>
                <a class="l" href="http://chothai247.forumvi.com">Trang chủ</a>
                <a class="l" href="http://chothai247.forumvi.com/forum">Diễn đàn</a><a class="l" href="/f69-">Girl xinh</a>
                <a class="l" href="/f130-">Vui Hài</a><a class="l" href="/f71-">Hình Ảnh</a>
                <a class="l" href="/chatbox/index.forum?page=front&">Chat chit</a>
                <div class="clearhb"></div></div></div>
            <div class="minwidth_IE">
              <div class="layout_IE">
                <div class="container_IE"><div class="pun">
                  <div class="above_body">
                    <!--
     closing tag is in template navbar -->
                    <div id="Layer1" style="Z-INDEX: 1; RIGHT: 200px; WIDTH: 450; POSITION: absolute; TOP: 30px; HEIGHT: 200">
                      <embed height="200" width="450" flashvars="bannerWidth=450&bannerHeight=200&bannerSID=http://img.uu1001.cn/x3/2012-06-07/15-46/2012-06-07_e362c871463e3ece0d1882f8427cbea6_0.xml&bannerXML=&bannerLink=http://&dataSource=&bid=30683525&appSource=default" wmode="transparent" allowscriptaccess="always" quality="high" name="30683525" id="30683525" style="" src="http://img.uu1001.cn/bcv3.swf?v=20120313" type="application/x-shockwave-flash" __idm_id__="488005633">
                      </div>
                      <div id="header" class="floatcontainer doc_header">
                        <img src="http://i.imgur.com/hWnaRHM.png" style="border: medium none; position: absolute; z-index: 0; left: -25px; top: -30px;">
                          <img src="http://i.imgur.com/wGdXoyR.png" style="border: medium none; position: absolute; z-index: 0; right: -25px; top: -30px;">
                            <div><a name="top" href="/" class="logo-image">
                              <img src="http://i55.servimg.com/u/f55/17/57/29/64/logoch10.gif" alt="Diễn Đàn Chợ Thái 247" title="Diễn Đàn Chợ Thái 247">
                              </a></div>
                              <div id="toplinks" class="toplinks">
                                
                                <!-- BEGIN switch_user_logged_out -->
                                
                                
                                <span id="quick_login" class="relative">
                                  <a class="loginlink" href="/login">
                                    <i class="icon-user"></i> Đăng Nhập</a>
                                  <div class="user-dropdown-box" style="display: none;">
                                    <div class="user-dropdown-box-inner">
                                      <form action="/login" method="post" name="form_login">
                                        <div class="userloginbox">
                                          <div class="username">
                                            <input class="namusipb" placeholder="Tài Khoản" type="text" size="10" name="username"></div>
                                            <div class="pass">
                                              <input class="passipbnwa" placeholder="Mật Khẩu" type="password" size="10" name="password"></div>
                                              
                                              <div class="saipb">
                                                <span class="gensmall">
                                                  <input class="radio" type="checkbox" name="autologin" checked="checked">
                                                    <strong>Ghi nhớ mật khẩu</strong></span>
                                                </div><div class="buttonipblog">
                                                <input class="mainoption" type="submit" name="login" value="Đăng Nhập"></div>
                                                <div class="sendpass"><a href="/profile?mode=sendpassword" data-tooltip="Register now!"><b>Quên mật khẩu</b>
                                                  </a></div></div></form></div></div>
                                          <a class="registerlink" href="/register"><i class="icon-plus-sign"></i> Đăng Ký</a>
                                        </span>
                                        
                                        
                                        
                                       <!-- END switch_user_logged_out -->
                                        
                                        
                                   <!-- BEGIN switch_user_logged_in -->
                                        <span id="quick_login" class="relative"><a class="loginlink" href="/profile" style=" background: black; color: white; "><i class="icon-user"></i>Lý Lịch
                                          <strong style="padding-left:2px">
                                          <script type="text/javascript">
    var nlog="{LOGGED_AS}";
    document.write(nlog.substring(13));
      </script>
                                          </strong>              
                                        </a><div class="user-dropdown-box" style="display: none;width: 180px;margin-left: -65px;"><div class="user-dropdown-box-inner"><form action="/profile" method="post" name="form_login"><div class="userloginbox"><div class="username" style=" text-align: left; "><li><a href="/profile?mode=editprofile">Lý Lịch Của Bạn</a></li>
                                          <li><a href="/profile?mode=editprofile&page_profil=signature">Sửa Chữ Ký</a></li>
                                          <li><a href="/profile?mode=editprofile&page_profil=avatars">Sửa Avatar</a></li>
                                          <li><a href="/profile?change_password=Change+your+password&mode=editprofile&page_profil=informations#">Đổi Mật Khẩu</a></li><li><a href="/sta/<strongLogged in as <strong>tuyệt vọng</strong></strong>">Chủ Đề Của Bạn</a></li><li><a href="/spa/ <strongLogged in as <strong>tuyệt vọng</strong></strong>">Bài Viết Của Bạn</a></li></div></div></form></div></div><a class="registerlink" href="/login?logout=1" style=" background: #FFFF00; color: red; ">Thoát</a></span>
                                        
                                  <!-- END switch_user_logged_in -->      
                                        
                                        
                                      </div><style>.username li {background: white;border-top: 1px solid #ddd;padding-left: 15px;text-align: left;list-style-image: url(http://i64.servimg.com/u/f64/15/44/78/93/mini_p10.png);}.username  li:hover {background: #f5f5f5;}</style>
                                      <div class="ad_global_header"></div>
                                      <hr></div>
                                      
                                      <div id="navbar" class="navbar"><img src="http://i.imgur.com/KOSOJdz.png" style="border: medium none; position: absolute; z-index: 0; left: 0px; top: 0px;"><ul id="navtabs" class="navtabs floatcontainer"><li><a class="navtab" href="http://chothai247.forumvi.com/forum">Diễn đàn</a><ul class="floatcontainer"><li><a class="mainmenu" href="/calendar"><img id="i_icon_mini_calendar" src="http://2img.net/i/fa/empty.gif" border="0" hspace="2" alt="Calendar" title="Calendar">Lịch</a>  </li><li><a class="mainmenu" href="/faq"><img id="i_icon_mini_faq" src="http://2img.net/i/fa/empty.gif" border="0" hspace="2" alt="FAQ" title="FAQ">Trợ Giúp</a>  </li><li><a class="mainmenu" href="/register" ><img id="i_icon_mini_register" src="http://2img.net/i/fa/empty.gif" border="0" hspace="2" alt="Register" title="Register">Đăng Ký</a>  </li><li><a class="mainmenu" href="/h1-login"><img id="i_icon_mini_login" src="http://2img.net/i/fa/empty.gif" border="0" hspace="2" alt="Log in" title="Log in">Đăng Nhập</a>  </li></ul></li><li><a class="navtab" href="/search?search_id=newposts" accesskey="2">Có gì mới?</a></li><li><a class="navtab"  href="/memberlist" title="Thành Viên">Thành viên</a></li><li><a class="navtab"  href="/f" title="Vườn Ước Nguyện">Vườn Ước Nguyện</a></li></ul><script type="text/javascript">$("a.navtab[href='" + location.pathname + location.search + "']").parent("li").addClass("selected");$("a.mainmenu[href='" + location.pathname + location.search + "']").parent("li").addClass("selectF");$("a.mainmenu[href='/?tt=1'],a.mainmenu[href='/'],a.mainmenu[href^='/forum'],a.mainmenu[href^='/privmsg?folder=inbox'],a.mainmenu[href^='/search']").parent().hide();</script><div id="globalsearch" class="globalsearch"><form action="search.php?do=process" method="post" id="navbar_search" class="navbar_search"><input type="hidden" name="securitytoken" value="guest"><input type="hidden" name="do" value="process"><span class="textboxcontainer"><span><input type="text" value="" name="query" class="textbox" tabindex="99"></span></span><span class="buttoncontainer"><span><input type="image" class="searchbutton" src="http://i.imgur.com/cFACGIb.png" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"></span></span></form><ul class="navbar_advanced_search"><li><a href="search.php" accesskey="4">Tìm kiếm nâng cao</a></li></ul></div></div></div>
                                        <div class="pun-crumbs noprint"><p class="crumbs"><a href="http://chothai247.forumvi.com/forum">Chợ Thái 247</a> » <strong><a href=""></a></strong></p></div>  <form action="profile.php?do=dismissnotice" method="post" id="notices" class="notices"><input type="hidden" name="do" value="dismissnotice"><input type="hidden" name="s" value=""><input type="hidden" name="securitytoken" value="guest"><input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value=""><input type="hidden" name="url" value=""><ol><li class="restore" id="navbar_notice_1"><div>» Nếu đây là lần đầu tiên bạn tham gia diễn đàn, xin mời bạn xem phần <a href="faq" target="_blank"><b>Hỏi/Đáp</b></a> để biết cách dùng diễn đàn.</div><div>» Bạn có thể  <a href="register" target="_blank"><b>Đăng ký</b></a>để có thể viết bài. </div></li> </ol></form><div class="body_wrapper">
                   <!-- BEGIN switch_ticker_new -->
                   <div id="fa_ticker_block" style="padding-top:4px;">
                      <div class="module main">
                         <div class="main-content clearfix">
                            <div id="fa_ticker_container">
                               <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
                                  <!-- BEGIN ticker_row -->
                                  <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                  <!-- END ticker_row -->
                               </ul>
                            </div>
                         </div>
                      </div>
                   </div>
                   <!-- END switch_ticker_new -->

                   <!-- BEGIN switch_ticker -->
                   <div id="fa_ticker_block" style="padding-top:4px;">
                      <div class="module main">
                         <div class="main-content clearfix">
                            <div id="fa_ticker_container">
                               <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                  <div class="fa_ticker_content">
                                     <!-- BEGIN ticker_row -->
                                     <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                     <!-- END ticker_row -->
                                  </div>
                               </div>
                            </div>
                         </div>
                      </div>
                   </div>
                   <!-- END switch_ticker -->

                   <div id="page-body">
                      <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                         <div id="outer-wrapper">
                            <div id="wrapper">
                               <div id="container">
                                  <div id="content">
                                    
                                     <div id="main">
                                        <div id="main-content">

    <!-- BEGIN html_validation -->
                                        </div>
                                     </div>
                                  </div>
                               </div>
                            </div>
                         </div>
                      </div>
                   </div>
                </div>
             </div>
          </div>
       </div>
    </body>
    </html>
    <!-- END html_validation -->


Body

Code:

<div class="main" style="margin-bottom: 0"><div class="main-head"><div class="page-title"><h2>Thống kê Chợ Thái 247</h2></div></div></div>

{JAVASCRIPT}
 <div id="page-body">
          <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                              <table  class="thongke" cellpadding="0" cellspacing="0" border="0" width="100%" align="center" >
        <tbody>
                                    <tr>
                                      <td valign="top" width="100%">
                                          <div class="test">
        <table class="thongke" cellpadding="4" cellspacing="0" style="border: 1px #c0c0c0 solid;" border="0" width="100%" align="center">
  
        <tr>
        <td width="100%">
        <table class="thongke" cellpadding="0" cellspacing="4" border="0" width="100%" align="center">
        <thead>
              <tr valign="top">
        <td width="23%"></td><td width="100%" colspan="2"></td>
        </tr>
        <tr>
        <td><table  class="thongke" cellpadding="0" cellspacing="0" border="0" width="110%" align="center" >
  
        <tr><td valign="top" style="border: 1px solid #9DB3C5;">
        <!-- BEGIN giefmod_index1 -->
        {giefmod_index1.MODVAR} <!-- END giefmod_index1 --></tr></thead></table>

        </td></tr></table>

        </div>
                                      </td>
            </tr><tr>
                                    <td valign="top" width="100%">
        <!-- BEGIN html_validation -->
                                  </td>
                                </tr>
                            </tbody>
                          </table>
                      </div>
                    </div>
                </td>
              </tr>
          </table>
        </body>
        </html>
        <!-- END html_validation -->




    <!-- BEGIN message_admin_index -->
    <div class="main">
       <!-- BEGIN message_admin_titre -->
       <div class="main-head">
          <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
       </div>
       <!-- END message_admin_titre -->

       <!-- BEGIN message_admin_txt -->
       <div id="pun-announcement">
          <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
       </div>
       <!-- END message_admin_txt -->
    </div>
    <!-- END message_admin_index -->

    <!-- BEGIN switch_user_login_form_header -->
    <div class="main">
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
       <div class="user_login_form main-box center">
          <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>  
          <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>  
          <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
          {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
          <!-- BEGIN switch_fb_connect -->
          <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
          <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
          <!-- END switch_fb_connect -->
       </div>
    </form>
    </div>
    <!-- END switch_user_login_form_header -->

<iframe src="http://chothai247.forumvi.com/h5-page" height="250" width="100%" frameborder="0"></iframe>

{CHATBOX_TOP}
  
    {BOARD_INDEX}

    <!-- BEGIN disable_viewonline -->
      <div class="tcat_c L1 collapse">
      <img src="http://i.imgur.com/ESd3wad.png" style="border: medium none; position: absolute; z-index: 0;  margin-left: -32px;">
        <div class="tcat_l"><div class="tieudetcat">
          <span class="tieude">
            <a style="color:white" class="res">
              <h2>TÌNH HÌNH DIỄN ĐÀN</h2></a></span></div></div>
      </div><div class="main-content" style="background: #FFFFFF;">
    
    

          <div id="stats" style="background: #FFFFFF;">
             <p class="right">{TOTAL_POSTS}</p>
             <p>{TOTAL_USERS}</p>
             <p>{NEWEST_USER}</p>
          </div>
          <div id="onlinelist" style="background: #FFFFFF;">
             <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
             <p class="right"  style="background: #FFFFFF;">
                <!-- BEGIN switch_viewonline_link -->
                <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
                <!-- END switch_viewonline_link -->
                <!-- BEGIN switch_viewonline_nolink -->
                {L_WHO_IS_ONLINE}
                <!-- END switch_viewonline_nolink -->
             </p>
             <p>{TOTAL_USERS_ONLINE}<br />
             {RECORD_USERS}

             <br />
             {LOGGED_IN_USER_LIST}

             {L_ONLINE_USERS}
             {L_CONNECTED_MEMBERS}<br />
             {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
             <div class="clear"></div>

            

          </div>
          <!-- BEGIN switch_chatbox_activate -->
          <div id="onlinechat"  style="background: #FFFFFF;">
             <p class="page-bottom">
             {TOTAL_CHATTERS_ONLINE} :
             {CHATTERS_LIST}<br />
             <!-- BEGIN switch_chatbox_popup -->
                <div id="chatbox_popup"></div>
                <script type="text/javascript">
                   insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                </script>
             <!-- END switch_chatbox_popup -->
             </p>
          </div>
          <!-- END switch_chatbox_activate -->
       </div>

    
    <!-- END disable_viewonline -->

    <!-- BEGIN switch_user_login_form_footer -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
       <div class="user_login_form main-box center">
          <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>  
          <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>  
          <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
          {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
          <!-- BEGIN switch_fb_connect -->
          <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
          <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
          <!-- END switch_fb_connect -->
       </div>
    </form>
    <!-- END switch_user_login_form_footer -->

    {CHATBOX_BOTTOM}


    {AUTO_DST}

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
       appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
        status: true,
        cookie: true,
        xfbml: true,
       oauth: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->

#codefm
huyvip83
Bài viết : 236
Points : 384
Like : 66
Punbb
Cẩn thận
huyvip83MEM LV3
8/30/2016, 13:12
#2
css

Code:

.chatbox{background-color:#f3f3f3}#chatbox_members .online-users li{background-image:url(http://cc0.upanh.com/26.518.33734589.oGY0/49.gif);background-position:left;background-repeat:no-repeat;background-size:13%;padding-left:20px}#chatbox_header{background:url(http://i25.servimg.com/u/f25/14/45/99/41/untitl20.jpg) repeat-x!important;border-bottom:1px solid #c9c9c9;border-left:0;border-right:0;border-top:0;margin:0!important}h2.chatbox-title{margin-top:4px}#chatbox_header .chat-title{background:url(http://i25.servimg.com/u/f25/14/45/99/41/112_co11.png) no-repeat;color:transparent;cursor:default;font-size:14px;letter-spacing:-.4em;margin-bottom:-20px;margin-left:-20px}#chatbox_header .chat-title:hover{background:url(http://i25.servimg.com/u/f25/14/45/99/41/112.png) no-repeat;letter-spacing:2.1em}#chatbox_main_options,#chatbox_main_options a,#chatbox_main_options span{color:#9a9a9a !importat;font-family:Arial #000;text-decoration:none;text-shadow:1px 1px 1px #fff;text-transform:uppercase}#chatbox_main_options a:hover{color:grey;font-family:Arial #000;text-decoration:none!important;text-shadow:1px 1px 1px #b8b8b8;text-transform:uppercase}#chatbox_main_options{-moz-border-radius:0 0 5px 5px;-moz-box-shadow:0 0 4px #c6c6c6;-webkit-box-shadow:0 0 4px #c6c6c6;background:url(http://i25.servimg.com/u/f25/14/45/99/41/untitl21.jpg) repeat-x;border:1px solid #c9c9c9;border-radius:0 0 5px 5px;box-shadow:0 0 4px #c6c6c6;float:right;margin-right:50px;margin-top:-10px;padding:2px 3px 1px 5px}#chatbox_main_options:hover{margin-top:-1px}ul#chatbox_main_options li,ul#chatbox_main_options li,ul#chatbox_main_options li a,ul#chatbox_main_options li label{color:#9a9a9a!important;text-shadow:1px 1px 1px #fff}#chatbox_members{background:url(http://i25.servimg.com/u/f25/14/45/99/41/50347510.png);background-color:#fff;border-right:1px solid #c9c9c9;margin-bottom:-30px}#chatbox_members:hover{background-color:#fcfcfc;border-right:1px solid #b7b7b7}h4.member-title{background:url(http://i25.servimg.com/u/f25/14/45/99/41/untitl23.jpg) repeat-x!important;color:#fff!important;cursor:default;font-family:Arial #000;letter-spacing:.5em;margin-top:0;text-shadow:0 0 3px #000;text-transform:uppercase}#chatbox_members ul{list-style:none;margin:0}#chatbox_members ul li{background:url(http://i25.servimg.com/u/f25/14/45/99/41/115.png);border-bottom:1px solid #e2e2e2;color:#393939;font-family:Arial #000;font-size:14px;font-weight:700;margin:0;padding-left:10px}#chatbox_members ul li:hover{background-color:#f4f4f4;background-image:url(http://i25.servimg.com/u/f25/14/45/99/41/114.png);background-position:center left;background-repeat:no-repeat}#chatbox_members ul li:active{background-image:url(http://i25.servimg.com/u/f25/14/45/99/41/213.png)}#chatbox_members ul li a{color:#909090;font-size:12px;text-decoration:none;text-shadow:1px 1px 1px #fff}#chatbox_members ul li a:hover{color:#393939;text-decoration:none!important}#chatbox{background-image:url(http://www.servimg.com/u/f34/12/24/45/65/map12810.jpg);background-position:center center;background-repeat:no-repeat}.chatbox_row_1,.chatbox_row_2{background-color:transparent!important}.chatbox_row_1:hover,.chatbox_row_2:hover{-moz-border-radius:5px;-moz-box-shadow:0 0 3px #dcdcdc;-webkit-box-shadow:0 0 4px #dcdcdc;background:-moz-linear-gradient(top,#ffffff,#f9f9f9);background-color:#fff!important;border:1px solid #c9c9c9;border-radius:5px;box-shadow:0 0 3px #dcdcdc;margin:5px}.date-and-time{color:#c3c3c3!important;font-size:9px!important;font-style:italic!important;letter-spacing:-.1em!important}.user-msg{color:#8c8c8c!important;font-family:Georgia!important}.user-msg a:hover{color:#000!important;text-decoration:none!important}#chatbox_messenger_form{-moz-border-radius:5px 5px 0 0;-moz-box-shadow:0 0 4px #c6c6c6;-webkit-box-shadow:0 0 4px #d4d4d4;background:-moz-linear-gradient(top,#ffffff,#e2e2e2)!important;background-color:#fff;border-bottom:0;border-left:1px solid #c9c9c9;border-radius:5px 5px 0 0;border-right:1px solid #c9c9c9;border-top:1px solid #c9c9c9;bottom:0;box-shadow:0 0 4px #c6c6c6;float:none!important;height:30px;left:0;margin-left:auto;margin-right:auto;position:fixed;right:0;width:650px;z-index:999}#chatbox_messenger_form:hover{border-left:1px solid #a7a7a7;border-right:1px solid #a7a7a7;border-top:1px solid #a7a7a7}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline{-moz-border-radius:3px;background:url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;background-color:#fff;border:1px solid #c9c9c9;border-radius:3px}#divbold:hover,#divcolor:hover,#divitalic:hover,#divsmilies:hover,#divstrike:hover,#divunderline:hover{background:url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;border:1px solid #a2a2a2}#divbold:active,#divcolor:active,#divitalic:active,#divsmilies:active,#divstrike:active,#divunderline:active{background:url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x}label input#message{-moz-border-radius:3px;background-color:#fff;border:1px solid #c9c9c9;border-radius:3px;font-size:12px;height:17px}label input#message:hover{background-color:#f5f5f5;border:1px solid #b2b2b2}label input#message:focus{background-color:#e0fdff;border:1px solid #a4a4a4}input#submit_button{-moz-border-radius:3px;background:url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;background-color:#fff;border:1px solid #c9c9c9;border-radius:3px;color:#929292;cursor:pointer;font-family:Arial #000;font-size:12px;padding-left:2px;padding-right:2px;text-transform:uppercase}input#submit_button:hover{background:url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;border:1px solid #a2a2a2;color:#2c2c2c}input#submit_button:active{background:url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x}.right{padding-top:4px!important}#chatbox_footer{border:0!important}.score{padding-top:20px}.pnsmall{font-size:10px;font-style:italic;margin-top:-5px}.tipsy{font-size:10px;padding:5px;position:absolute;z-index:999}.tipsy-inner{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-radius:3px;color:#FFF;max-width:200px;padding:5px 8px 4px;text-align:center}.tipsy-arrow{border:5px dashed #000;height:0;line-height:0;position:absolute;width:0}.tipsy-arrow-n{border-bottom-color:#000}.tipsy-arrow-s{border-top-color:#000}.tipsy-arrow-e{border-left-color:#000}.tipsy-arrow-w{border-right-color:#000}.tipsy-n .tipsy-arrow{border-bottom-style:solid;border-left-color:transparent;border-right-color:transparent;border-top:none;left:50%;margin-left:-5px;top:0}.tipsy-nw .tipsy-arrow{border-bottom-style:solid;border-left-color:transparent;border-right-color:transparent;border-top:none;left:10px;top:0}.tipsy-ne .tipsy-arrow{border-bottom-style:solid;border-left-color:transparent;border-right-color:transparent;border-top:none;right:10px;top:0}.tipsy-s .tipsy-arrow{border-bottom:none;border-left-color:transparent;border-right-color:transparent;border-top-style:solid;bottom:0;left:50%;margin-left:-5px}.tipsy-sw .tipsy-arrow{border-bottom:none;border-left-color:transparent;border-right-color:transparent;border-top-style:solid;bottom:0;left:10px}.tipsy-se .tipsy-arrow{border-bottom:none;border-left-color:transparent;border-right-color:transparent;border-top-style:solid;bottom:0;right:10px}.tipsy-e .tipsy-arrow{border-bottom-color:transparent;border-left-style:solid;border-right:none;border-top-color:transparent;margin-top:-5px;right:0;top:50%}.tipsy-w .tipsy-arrow{border-bottom-color:transparent;border-left:none;border-right-style:solid;border-top-color:transparent;left:0;margin-top:-5px;top:50%}.warning2{-moz-border-radius:10px;-moz-box-shadow:1px 1px 10px red;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 10px red;background-color:transparent;background-image:url(http://i47.servimg.com/u/f47/16/97/26/79/error10.png);background-position:10px center;background-repeat:no-repeat;border:1px solid;border-color:red;border-radius:10px;box-shadow:1px 1px 10px red;color:red;font-family:Lobster;font-size:15px;font-style:normal;font-weight:400;margin:10px auto;padding:15px 10px 15px 70px;width:90%}.lock2{-moz-border-radius:10px;-moz-box-shadow:1px 1px 10px blue;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 10px blue;background-color:transparent;background-image:url(http://i47.servimg.com/u/f47/16/97/26/79/lock10.png);background-position:10px center;background-repeat:no-repeat;border:1px solid;border-color:blue;border-radius:10px;box-shadow:1px 1px 10px blue;color:blue;font-family:Lobster;font-size:15px;font-style:normal;font-weight:400;margin:10px auto;padding:15px 10px 15px 70px;width:90%}.yes2{-moz-border-radius:10px;-moz-box-shadow:1px 1px 10px green;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 10px green;background-color:transparent;background-image:url(http://i47.servimg.com/u/f47/16/97/26/79/accept11.png);background-position:10px center;background-repeat:no-repeat;border:1px solid;border-color:green;border-radius:10px;box-shadow:1px 1px 10px green;color:green;font-family:Lobster;font-size:15px;font-style:normal;font-weight:400;margin:10px auto;padding:15px 10px 15px 70px;width:90%}.tag2{-moz-border-radius:10px;-moz-box-shadow:1px 1px 10px orange;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 10px orange;background-color:transparent;background-image:url(http://i47.servimg.com/u/f47/16/97/26/79/link_a10.png);background-position:10px center;background-repeat:no-repeat;border:1px solid;border-color:orange;border-radius:10px;box-shadow:1px 1px 10px orange;color:orange;font-family:Lobster;font-size:15px;font-style:normal;font-weight:400;margin:10px auto;padding:15px 10px 15px 70px;width:90%}.move2{-moz-border-radius:10px;-moz-box-shadow:1px 1px 10px #4b0082;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 10px #4b0082;background-color:transparent;background-image:url(http://i47.servimg.com/u/f47/16/97/26/79/page_w10.png);background-position:10px center;background-repeat:no-repeat;border:1px solid;border-color:#4b0082;border-radius:10px;box-shadow:1px 1px 10px #4b0082;color:#4b0082;font-family:Lobster;font-size:15px;font-style:normal;font-weight:400;margin:10px auto;padding:15px 10px 15px 70px;width:90%}.ban2{-moz-border-radius:10px;-moz-box-shadow:1px 1px 10px #000;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 10px #000;background-color:transparent;background-image:url(http://i47.servimg.com/u/f47/16/97/26/79/set_se10.png);background-position:10px center;background-repeat:no-repeat;border:1px solid;border-color:#000;border-radius:10px;box-shadow:1px 1px 10px #000;color:#000;font-family:Lobster;font-size:15px;font-style:normal;font-weight:400;margin:10px auto;padding:15px 10px 15px 70px;width:90%}.tum2{-moz-border-radius:10px;-moz-box-shadow:1px 1px 10px #a52a2a;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 10px #a52a2a;background-color:transparent;background-image:url(http://i47.servimg.com/u/f47/16/97/26/79/thumb_10.png);background-position:10px center;background-repeat:no-repeat;border:1px solid;border-color:#a52a2a;border-radius:10px;box-shadow:1px 1px 10px #a52a2a;color:#a52a2a;font-family:Lobster;font-size:15px;font-style:normal;font-weight:400;margin:10px auto;padding:15px 10px 15px 70px;width:90%}.chienthan{background:#000;border-radius:0 0 2px 2px;height:4px}.chatbox_row_1{background-color:transparent;padding:4px}.chatbox_row_2{background-color:transparent;padding:4px}#chatbox_members .member-title{background-color:#000;background-image:none;color:#FCD424;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;padding:.5em .25em;text-align:center}.options-button a.small_textbutton,a.postbit:link,a.postbit:visited{-moz-border-radius:2px;-webkit-border-radius:2px;background:#EEE url(http://www.themefreak.net/themes/Delicate/tcat.png) repeat-x;border:solid 1px #CBCBCB;border-radius:2px;clear:left;color:#444;font-size:11px;margin-left:5px;padding:4px 8px;text-shadow:1px 1px 0 #FAFAFA}.pairsColumns,.pairsJustified,.pairsRows{line-height:1.5}.pairsColumns dl,.pairsJustified dl,dl.pairsColumns,dl.pairsJustified{overflow:hidden;zoom:1}.pairsJustified dt{float:left}.pairs dt,.pairsColumns dt,.pairsInline dt,.pairsJustified dt,.pairsRows dt{color:#969696}.pairsJustified dd{float:right;text-align:right}button.button2,input.button2{background-image:url();border-radius:4px 4px 4px 4px;padding:4px!important}#mudimPanel{-moz-opacity:.2;-moz-transition:all 2s ease;-webkit-transition:all 2s ease;background:#fff url(http://i48.servimg.com/u/f48/13/58/60/43/go1010.jpg) no-repeat right center!important;filter:alpha(opacity=20);font-family:Tahoma;font-size:10px!important;font-style:normal;font-variant:normal;font-weight:700!important;height:47px!important;left:-340px!important;opacity:.2;padding:4px 26px 4px 10px !important;top:604px!important;width:330px!important}#mudimPanel:hover{-moz-opacity:1;-moz-transition:all 1s ease;-webkit-transition:all 1s ease;filter:alpha(opacity=100);left:-5px!important;opacity:1}#smiley-box{width:100%}
 .chatbox-title {width: 13em;}
   
   
.genmed img {
float: left;
margin-top: -15px;
padding-right: 10px;
}
td, th, p, li{font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;}

.alt1, .alt1Active{background: #FFFFFF;color: #333333;border: 1px solid #cccccc; -moz-border-radius:4px;}.alt2, .alt2Active{background: #FFFFFF;color: #333333;border: 1px solid #cccccc; -moz-border-radius:4px;}
.alt1Active {
padding: 7px;
width: 70%;
}
.alt2 {
  padding: 7px;
width: 70%;
}


.tieudetcat{
font: bold 12px Tahoma, Arial, Tahoma,Calibri,Verdana,Geneva,sans-serif;
color: white;
clear: both;
margin-top: 8px;
margin-left:30px;
}

.tieudetcat li {
font: bold 12px Tahoma, Arial, Tahoma,Calibri,Verdana,Geneva,sans-serif;
color: white;
clear: both;
margin-top: 8px;
}
.tieudetcat a {
margin-top: -10px;
}
.tieudetcat :hover {
color: white;
}
.tieudetcat span {
color: white;
}

.tieude span{
display: block;
float: left;
clear: right;
font: bold 12px Tahoma, Arial, Tahoma,Calibri,Verdana,Geneva,sans-serif;
padding: 4px 0;
color: white;
margin-top: 3px;
}

.tcat_r {
float: right;
background: url(http://i.imgur.com/rtoofJl.png) right center no-repeat;
width: 209px;
height: 30px;
}



.tcat_l {
float: left;
background: url(http://i.imgur.com/AU39MLi.png) right center no-repeat;
width: 395px;
height: 38px;
margin-left: -20px;
}

.tcat_c{
float: left;
background: url(http://i.imgur.com/nZB9HS8.png) repeat-x;
height: 30px;
padding: 0;
clear: both;
margin-top: 8px;
width: 100%;
}



.tcat_phai {
float: right;
background: url(http://i.imgur.com/rPmiqtI.gif) right center no-repeat;
width: 271px;
height: 15px;
}



.tcat_trai {
float: left;
background: url(http://i.imgur.com/JkDqheZ.gif) right center no-repeat;
width: 281px;
height: 15px;
margin-left: 5px;
}

.tcat_giua{
float: left;
background: url(http://i.imgur.com/cMTlFrH.gif) repeat-x;
height: 15px;
padding: 0;
clear: both;
width: 100%;
}









body {
background: #f6f1e7 url(http://2.bp.blogspot.com/-69cU_lI1OHg/UWzKPnVawgI/AAAAAAAAGRs/t2f764Uvuus/s1600/anh-dep-ve-tinh-yeu-10.jpg) fixed;
font-family: Verdana;
background-size: 100% 100%;
}
 
 
a{text-decoration:none}
.textbox, textarea, select {
padding: 4px;
-webkit-border-radius: 3px;
}
.body_wrapper {
  padding: 0px 5px 5px 5px;
  background: rgb(255, 255, 255) none  ;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.floatcontainer:after,
.formcontrols .blockrow:after,
dl.stats:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.pun-crumbs ,#pun-visit, .main-box{
background: #fdfeff;
margin-bottom: 8px;
border: 1px solid #c0d5e7;
}
.pun-crumbs a {
color: rgb(0, 120, 201);
font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif;
font-size: 13px;
font-weight: normal;
}
.pun-crumbs {
background: #FDFEFF url("http://i.imgur.com/bGzSseD.png") 5px center no-repeat;
padding-left: 20px;
}
/*lasttopic*/
/* LATEST TOPICS------------------------------------------------------------*/
.tabs{background:#FFF;border-bottom:1px solid #CCC;margin:0 0 15px;padding:0 0 31px;}
.tabs li{list-style:none;float:left;line-height:30px;border-right:1px solid #b4d0f3;height:30px;font-size:11px;}
.tabs li.current{background:#FFF;height:32px;font-weight:700;}
.mainbox{background:#FFF;border:1px solid #9DB3C5;margin-bottom:6px;padding:1px;}
.mainbox table{width:100%;}
.tooltipFMvi{display:none;z-index:999}#tooltip{padding:0;max-width:50% !important;color:#000;border:1px solid #000;background-color:#f6f6f6;font-size:0.8em}* html #tooltip{width:30%}#tooltip *{margin:2px 5px 2px 8px}#tooltip ul{padding:0 0 0 20px}#tooltip dl{clear:both;position:relative;margin-bottom:10px}#tooltip dt{float:left;border:medium none;padding-top:3px;width:50%}#tooltip dd{margin-left:50%;padding-left:5px;vertical-align:top}#tooltip p.header{margin:0;font-size:12px;font-weight:bold;color:#fff;padding:1px 5px;background:#000 repeat;font-weight:bold;border:1px solid #000}.tiplFMvi{color:red}#tooltip p{padding:0 5px 0 0;color:#696969;font-size:12px;font-weight:bold}.lastmtmy1{background:#E5EFFE;border-top:1px solid #B4D0F3;border-bottom:1px solid #B4D0F3;border-left:1px solid #B4D0F3}.lastmtmy2{background:#E5EFFE;border-top:1px solid #B4D0F3;border-bottom:1px solid #B4D0F3}.lastmtmy3{background:#E5EFFE;border-top:1px solid #B4D0F3;border-bottom:1px solid #B4D0F3;border-right:1px solid #B4D0F3}

#tooltip {
max-width:550px;
position:absolute;
border-radius:3px;
color:#fff;
z-index:99;
border:1px solid #fff;
background:#343434!important;
padding:0;
}
/*lasttopic*/
/*dropdow login*/
#panel {
color: #E9E9E9;
font-size: 11px;
font-family: georgia;
font-style: italic;
text-shadow: 0px -1px 0px #000;
line-height: 42px;
}
.loginlink .icon-user {
background: url("http://i.imgur.com/WOLNdgB.png") center no-repeat;
padding: 6px;
}
.loginlink  {
background: #FF000A;
font-weight: bold;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
padding: 5px 10px;
border-radius: 2px;
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.19), 1px 1px 0px rgba(0, 0, 0, 0.43);
margin-left: 10px;
}
.icon-plus-sign {
background: url("http://i.imgur.com/Qg6Pc4b.png") no-repeat center;
padding: 5px;
}
.registerlink {
background: #8DB318;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
padding: 5px 10px;
border-radius: 2px;
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.19), 1px 1px 0px rgba(0, 0, 0, 0.43);
margin-left: 10px;
}
.buttonipblog input.mainoption {  font-size: 11px;  color: #666;  border-radius: 2px;  cursor: pointer;  border: 1px solid #C2C2C2;  background: rgb(255,255,255);  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );  box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18);
    display: block;  width: 100%;  margin-bottom: 15px;  padding: 10px;  text-transform: uppercase;  font-weight: bold;
}
.buttonipblog input.mainoption:hover {
    background: #fefefe;
}
.buttonipblog input.mainoption:active {
    background: rgb(238,238,238); background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */;      box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
}
.user-dropdown-box::before {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
content: "";
position: absolute;
border-bottom: 5px solid #000000;
top: -5px;
left: 175px;
}
.user-dropdown-box {

    display: none;  position: absolute;  min-width: 150px; 
    background: url(http://i.imgur.com/5kJJAoi.png);  color: #555; 
    top: 25px;  border-radius: 0 4px 4px 4px;  padding: 5px;  z-index: 88; 
    margin-left: -100px;  box-shadow: none;  font-family: arial;  text-shadow: none;  font-style: normal;
}
.user-dropdown-box .user-dropdown-box-inner {
    background: white;  text-align: center;
    padding: 10px;
}
.userloginbox .username input, .userloginbox .pass input {
    padding: 8px;  margin-bottom: 10px;
    border: 1px solid #D3D3D3;
    background: #ffffff;  color: #979797;      font-size: 11px;  outline: 0;
    width: 160px;
}

.user-dropdown-box .user-dropdown-box-inner .sendpass a {
    margin: -10px;  padding: 15px;  background: #fafafa;  margin-top: 0;
    text-shadow: none;  color: #555 !important;  display: block;  height: auto;  line-height: 1.3;    border-top: 1px solid #ddd;  font-family: arial;  font-style: normal;  text-align: left;
}

/*het*/
/* SIDEBAR */
/* Don't use left and right stylevar here */
#sidebar_container .block-head {
height: 16.76px;
color: white;
background: #2F6B90 url(http://i.imgur.com/bM9drJ0.jpg);
padding: 5px 6px;
border: none;
outline: none;
font-weight: bold;
}

#sidebar_container {
  float:right;
  width:220px;
  padding:9px 0;
  margin-bottom:3em;




}

#sidebar_container.sidebarleft {
  float:left;
}

#sidebar_container a {
color: #417394;
}

#sidebar_container a:hover {
color: #417394;
}

#sidebar_container .time {
color: #3e3e3e;
}

#sidebar_button {
  display:block;
  margin-top: 40px;
  float:right;
  margin-right:-28px;
  _margin: 40px 0 0 0;
  _display: inline-block;
}
#sidebar_button {
  _display: inline;
margin-top: 57px;
}
#sidebar_container.sidebarleft #sidebar_button {
  float:left;
  margin-left:-28px;
}

#sidebar_container .block {
  margin-bottom:4px;
  padding:0px;
  border-top-right: 0px;
  border-top-left: 0px;
  border-top-right: 0px;
  border-top-left: 0px;
}

#sidebar_container .blockbody {
  color: #424242;
  border:1px solid #D8DFEA;
  -moz-border-radius:0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background:rgb(255, 255, 255);
  _background-image: none;
  padding: 0;
}

#sidebar_container .blockrow {
  padding:0;
  border-top: 1px solid rgb(255, 255, 255);
  -moz-border-radius:0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background:rgb(255, 255, 255) none  ;
  padding:6px;
}

#sidebar_container .underblock {
  height:5px;
  background: none  ;
}

#sidebar_container .blocksubhead {
  padding:10px 6px 10px 6px;
}

#sidebar_container .blocksubhead {
  height:16.76px;
  color: #fff;
  padding: 5px 6px;
  border:none;
  outline:none;
  font-weight:bold;
}

#sidebar_container .blocksubhead span.blocktitle {
  width: auto;
  display:block;
  white-space:nowrap;
  float:left;
  overflow:hidden;
  padding-left:3px;
}

#sidebar_container .blocksubhead img {
  vertical-align:middle;
  float: left;
}

#sidebar_container .blocksubhead img.inlineimg {
  float: none;
  position: relative;
  top: -2px;
}
/* Add a "middle" font size, between default and small */
#sidebar_container .blocksubhead.smaller {
  font-size:13px;
  font-weight: bold;
}

#sidebar_container .blockrow .meta {
  font-size:11px;
}
#sidebar_container .blocksubhead a.username {
  padding-right:20px;
}

#sidebar_container .formcontrols .blockrow label {
  width:auto;
}

#sidebar_container .advanced.blockfoot {
  padding:6px;
  border-bottom:none;
  font-size:88%;
  font-weight:bold;
  background: transparent;
}
#sidebar_container .searchblock .advanced a {
  line-height:2;
}

#sidebar_container .searchblock .advanced .button {
  float:right;
}


#sidebar_container > ul {
  background:rgb(255, 255, 255) none  ;
  -moz-border-radius:0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow:-2px 2px 2px rgb(255, 255, 255);
  -webkit-box-shadow:-2px 2px 2px rgb(255, 255, 255);
  box-shadow:-2px 2px 2px rgb(255, 255, 255);
  float:left;
  width:100%;
}
#sidebar_container a.collapse {
  position:static;
  float: right;
}

/* HEADER */

.notices LI {
    border-radius: 0 0 0 0;
    border-top: 1px solid #FFE260;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    margin: 0 -13px 3px;
    position: relative;
}
.notices LI:before {
    background: url("http://i.imgur.com/0CU3y.png") repeat scroll 0 0 transparent;
    bottom: 0;
    content: " ";
    display: block;
    height: 10px;
    left: 0;
    margin-bottom: -10px;
    position: absolute;
    width: 10px;
    z-index: -1;
}
.notices LI:after {
    background: url("http://i.imgur.com/lHciY.png") repeat scroll 0 0 transparent;
    bottom: 0;
    content: " ";
    display: block;
    height: 10px;
    margin-bottom: -10px;
    position: absolute;
    right: 0;
    width: 10px;
    z-index: -1;
}
.notices {
  background: rgb(255, 255, 255);
  margin: 5px 0;
}

.notices li {
  background: #ffeb90 none  ;
        list-style: none;
  font-size: 11px;
  color: #3e3e3e;
  padding:5px 10px;
  margin-bottom:5px;
  text-align: left;
  clear:both;
}
.navtabs li {
list-style: none;
}
.above_body {
  background:#325C99 none  ;
  _background-image: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  -moz-border-radius-bottomleft:0px;
  -moz-border-radius-bottomright:0px;
  -webkit-border-bottom-left-radius:0px;
  -webkit-border-bottom-right-radius:0px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
}

.doc_header {
  _background-image:none;
  border:  ;
  color:rgb(255, 255, 255);
  font:normal normal normal 11px Tahoma, Arial, Tahoma, Calibri, Verdana, Geneva, sans-serif;
  position:relative;
  min-height:35px;
  /*padding-bottom:5px;*/
  /*margin-bottom:64px;*/
}
.doc_header a { color:; }
.doc_header a:hover { color:; }
.doc_header hr { display: none; }
.logo-image {
        float: left;
        clear: right;
        min-height: 2em;
        height: auto !important;
        height: 2em;
        padding:    ;
}



.cb_cookieuser_navbar{
  position: relative;
  top: 2px;
 
}




.header hr,
.header h2 {
  display:none;
}

/*************************************************/
/* NAVBAR */

.navbar {
  position:relative;
  height:67px;
  background:#fff none repeat  ;
  margin:0px 0px 0px 0px;
  color:#417394;
  font:  11px Tahoma, Arial, Calibri, Verdana, Geneva, sans-serif;
  border:0px solid rgb(255, 255, 255);
  -moz-border-radius-bottomleft:0px;
  -moz-border-radius-bottomright:0px;
  -webkit-border-bottom-left-radius:0px;
  -webkit-border-bottom-right-radius:0px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
}
.navbar a { color:rgb(51, 51, 51); }
.navbar a:hover { color:#417394; }

.navtabs {
  background:#E5E5E5 url(http://i.imgur.com/mt4yW7E.png)  ;
  padding: 0px 0px 0px 20px;
  height: 32px;
        _background-image:none;
margin-left:20px;
}

.navtabs li:first-child {
  border-left: 0px solid rgb(153, 153, 153);
}

.navtabs ul {
/*  background: #fff; */
  position:absolute;
  top:32px;
  left:0px;
  width:100%;
        border-top:0px solid rgb(153, 153, 153);
  -moz-border-radius-bottomleft:0px;
  -moz-border-radius-bottomright:0px;
  -webkit-border-bottom-left-radius:0px;
  -webkit-border-bottom-right-radius:0px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  margin-right:-90px;
/* This is to fix RTL menu issue under Opera */
  direction:ltr;
}

.navtabs li {
  float:left;
  border-right: 0px solid rgb(153, 153, 153);
}

.navtabs ul li:first-child {
  margin-left: 20px;
  border-left: 0;
}

#navtabs .popupmenu ul li:first-child {
  margin-left: 0px;
}

.navtabs ul li {
  border-right: 0;
  position: relative;
}

.navtabs li a {
  height:32px;
  line-height:32px;
  padding:0 10px;
}

.navtabs li a.navtab {
  border-top: 0px solid #Cedfeb;
  border-left: 0px solid #Cedfeb;
  display:block;
  background:#E5E5E5 url(http://i.imgur.com/BDhn4dj.png)  ;
        _background-image:none;
  min-width:70px;
  width:auto !important;
  width:70px;
  _min-width:85px;
  _width:auto !important;
  _width:85px;
  text-align:center;
  color: rgb(102, 102, 102);
  font:  bold 12px Tahoma, Arial, Calibri, Verdana, Geneva, sans-serif;
  text-decoration:none;
  line-height:32px;
}

.navtabs li a.navtab:hover {
  background:#ccc url(http://i.imgur.com/yaxeptd.png) no-repeat  0 -0px;
        _background-image:none;
  /*color:rgb(0, 0, 255);*/
  color:rgb(51, 51, 51);
    background-size: 100% 100%;
}

.navtabs li.selected {
  height:32px;
  color:rgb(51, 51, 51);
}

.navtabs li.selected a.navtab {
  color:rgb(51, 51, 51);
  background:#ccc url(http://i.imgur.com/yaxeptd.png) no-repeat  ;
        _background-image:none;
  position:relative;
  top:-0px;
  padding-top:0px;
  z-index:10;
}
.navtabs li.selected li a,
.navbar_advanced_search li a {
  text-decoration:none;
  font:  11px Tahoma, Arial, Calibri, Verdana, Geneva, sans-serif;
  line-height: 32px;
}
.navtabs li.selected li a {
  color:rgb(51, 51, 51);
  padding:2px 5px;
}

.navbar_advanced_search li {
  height: 32px;
  display:block;
  clear:both;
}

.navbar_advanced_search li a {
  color:rgb(51, 51, 51);
}

.navbar_advanced_search li a:hover {
  color:#417394;
  text-decoration:none;
}

.navtabs li.selected li a:hover {
color: #fff;
text-decoration: none;
background-color: #383838;
}

.globalsearch {
  position:absolute;
  width:180px;
  right: 20px;
  top: 0px;
  float: right;
  clear: left;
  text-align:right;
  line-height: 1.0em;
  display:block;
}

.navbar_search {
  position:relative;
  width:180px;
  right: -20px;
  top : 6px;
  display:block;
}

.navbar_search input {
  font-size: 10px;
  vertical-align:middle;
  padding: 1px;
  border:1px solid #5a7f97;
}

.globalsearch .textboxcontainer {
  height: 32px;
  border-left:0px solid rgb(153, 153, 153);
  display:inline-block;
  float: left;
  text-align:center;
}

.globalsearch .textboxcontainer span {
  border-top: 0px solid #Cedfeb;
  border-left: 0px solid #Cedfeb;
  display: inline-block;
  height: 28px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 3px;
  margin-bottom: 1px;
  width: 147px;
        _width:140px; /* ie6 hack */
}

.globalsearch input.textbox {
  width: 120px;
}


.globalsearch .buttoncontainer {
  height: 32px;
  border-left:0px solid rgb(153, 153, 153);
  display:inline-block;
  border-right:0px solid rgb(153, 153, 153);
  width: 25px;
  overflow: hidden;
  float: right;
}

.globalsearch .buttoncontainer span{
  border-top: 0px solid #Cedfeb;
  border-left: 0px solid #Cedfeb;
  height: 29px;
  padding-left: 4px;
  padding-top: 5.5px;
  display:inline-block;
}

.globalsearch .searchbutton {
  border: 0;
  padding: 0;
  width: 22px;
  margin-top: -6px;
  margin-left: -2px;
}

.toplinks {
position: absolute;
right: 20px;
top: 0;
color: rgb(255, 255, 255);
font: normal normal normal 11px Tahoma, Arial, Tahoma, Calibri, Verdana, Geneva, sans-serif;
text-align: right;
margin-top: -25px;
}
.toplinks ul.isuser, .toplinks ul.nouser {
display: block;
float: right;
clear: left;
list-style: none;
}
.toplinks ul.nouser li {
display: inline;
}

.devsitePage{margin:0;min-width:970px}
.devsitePage .clearhb{clear:both}
.devsitePage .menuhb{background:#transparent;font-weight:bold;padding-top:0px;font-family:Tahoma,"Lucida Grande",  Verdana, Arial, sans-serif;font-size: 11px;}
.devsitePage .menuhb .contenthb{background:#4396B6 url(http://i.imgur.com/U3FaRyt.png);border:0px solid #1a3c6c;border-bottom:0;margin:0 auto;padding:0;width:970px;height:30px;}
.devsitePage .menuhb,
.devsitePage .menuhb a{color:#fff;cursor:pointer;-moz-outline-style:none;text-decoration:none;}
.devsitePage .menuhb a.logo{border-right:0px solid #1a3c6c;margin-right:10px;padding:7px 20px 9px;line-height:0}
.devsitePage .menuhb a.logo img{width:88px;height:15px}
.devsitePage .menuhb a.logo,
.devsitePage .menuhb a.l{display:block;float:left}
.devsitePage .menuhb a.l{line-height:30px;padding:0px 10px 0px}
.devsitePage .menuhb a.l:hover, .devsitePage .menuhb a.logo:hover{background:#1a3c6c;text-decoration:none}
.devsitePage .menuhb .searchhb{float:right;padding:5px 20px 5px 20px;width:250px}
.devsitePage .menu .inputtext{border:0;padding:5px 4px;}
.devsitePage .menuhb{width:100%;z-index:100}
.devsitePage #contenthb{width:auto;padding:0;margin:0}
/*body{overflow-y:scroll;margin:0}*/
.devsitePage .bodyhb .contenthb{margin:auto;max-width:970px}
.devsitePage .bodyhb > .contenthb{background:#fff;border:0px solid #d9d9d9;border-top:0;border-left: 1px solid #CCC;border-right: 1px solid #CCC;padding:0px 0px 0px
-webkit-box-shadow: 0px 3px 5px #A0CAE2;box-shadow: 0px 3px 5px #B9D2E1;}

.devsitePage {
margin: 0;
min-width: 970px;
}

.pun {
background: #fff;
border: 0px solid #d9d9d9;
border-top: 0;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
padding: 0px 0px 0px -webkit-box-shadow: 0px 3px 5px #A0CAE2;
box-shadow: 0px 3px 5px #B9D2E1;
padding: 2px;
padding-top: 0;
margin: auto;
max-width: 970px;
min-width: 970px;
}
.boxav img { max-width:120px;max-height:98px}
 
 
 
 
 
      #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index: 999;overflow:hidden;}#cboxOverlay{position:fixed;width:100%;height:100%;background:#000;}#cboxMiddleLeft,#cboxBottomLeft{clear:left;}#cboxContent{position:relative;background:#fff;overflow:visible;}#cboxLoadedContent{overflow:auto;margin-bottom:5px;}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:700;color:#7C7C7C;margin:0;}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;position:absolute;bottom:-29px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro26.png) no-repeat 0 0;width:23px;height:23px;text-indent:-9999px;}.cboxPhoto{float:left;border:0;display:block;margin:auto;}.cboxIframe{width:100%;height:100%;display:block;border:0;}#cboxTopLeft{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro27.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/border23.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro28.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro29.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/border24.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) repeat-y -211px 0;}#cboxLoadingOverlay{background:url(http://i20.servimg.com/u/f20/14/50/49/34/loadin10.png) no-repeat center center;}#cboxLoadingGraphic{background:url(http://i20.servimg.com/u/f20/15/90/59/25/loadin12.gif) no-repeat center center;}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:700;color:#7C7C7C;}#cboxPrevious{left:0;background-position:-51px -25px;}#cboxPrevious.hover{background-position:-51px 0;}#cboxNext{left:27px;background-position:-75px -25px;}#cboxNext.hover{background-position:-75px 0;}#cboxClose{right:0;background-position:-100px -25px;}#cboxClose.hover{background-position:-100px 0;}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0;right:27px;}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0;}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px;}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0;}.colorpicker {
      width: 356px;
      height: 176px;
      overflow: hidden;
      position: absolute;
      background: url(http://i27.servimg.com/u/f27/14/67/90/38/bg1010.png);
      font-family: Arial, Helvetica, sans-serif;
      display: none;
    }.colorpicker_color {
      width: 150px;
      height: 150px;
      left: 14px;
      top: 13px;
      position: absolute;
      background: #fff;
      overflow: hidden;
      cursor: crosshair;
    }.colorpicker_color div {
      position: absolute;
      top: 0;
      left: 0;
      width: 150px;
      height: 150px;
      background: url(http://i27.servimg.com/u/f27/14/67/90/38/ovl1010.png);
    }
    .colorpicker_color div div {
      position: absolute;
      top: 0;
      left: 0;
      width: 11px;
      height: 11px;
      overflow: hidden;
      background: url(http://i27.servimg.com/u/f27/14/67/90/38/select10.gif);
      margin: -5px 0 0 -5px;
    }.colorpicker_hue {
      position: absolute;
      top: 13px;

      left: 171px;
      width: 35px;
      height: 150px;
      cursor: n-resize;
    }.colorpicker_hue div {
      position: absolute;
      width: 35px;
      height: 9px;
      overflow: hidden;
      background: url(http://i27.servimg.com/u/f27/14/67/90/38/indic110.gif) left top;
      margin: -4px 0 0 0;
      left: 0px;
    }.colorpicker_new_color {
      position: absolute;
      width: 60px;
      height: 30px;
      left: 213px;
      top: 13px;
      background: #fff;
    }.colorpicker_current_color {
      position: absolute;
      width: 60px;
      height: 30px;
      left: 283px;
      top: 13px;
      background: #fff;
    }
    .colorpicker input {
      background-color: transparent;
      border: 1px solid transparent;
      position: absolute;
      font-size: 10px;
      font-family: Arial, Helvetica, sans-serif;
      color: #898989;
      top: 4px;
      right: 11px;
      text-align: right;
      margin: 0;
      padding: 0;
      height: 11px;
    }
    .colorpicker_hex {
      position: absolute;
      width: 72px;
      height: 22px;
      background: url(http://i27.servimg.com/u/f27/14/67/90/38/hex1010.png) top;
      left: 212px;
      top: 142px;
    }
    .colorpicker_hex input {
      right: 6px;
    }
    .colorpicker_field {
      height: 22px;
      width: 62px;
      background-position: top;
      position: absolute;
    }
    .colorpicker_field span {
      position: absolute;
      width: 12px;
      height: 22px;
      overflow: hidden;
      top: 0;
      right: 0;
      cursor: n-resize;
    }
    .colorpicker_rgb_r, .colorpicker_rgb_g, .colorpicker_rgb_b {
      background-image: url(http://i27.servimg.com/u/f27/14/67/90/38/rgb_r110.png);
    }
    .colorpicker_rgb_r {
      top: 52px;
      left: 212px;
    }
    .colorpicker_rgb_g {
      top: 82px;
      left: 212px;
    }
    .colorpicker_rgb_b {
      top: 112px;
      left: 212px;
    }
    .colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
      background-image: url(http://i27.servimg.com/u/f27/14/67/90/38/h1010.png);
    }
    .colorpicker_hsb_h {
      top: 52px;
      left: 282px;
    }
    .colorpicker_hsb_s {
      top: 82px;
      left: 282px;
    }
    .colorpicker_hsb_b {
      top: 112px;
      left: 282px;
    }
    .colorpicker_submit {
      position: absolute;
      width: 22px;
      height: 22px;
      background: url(http://i27.servimg.com/u/f27/14/67/90/38/submit10.png) top;
      left: 322px;
      top: 142px;
      overflow: hidden;
    }
    .colorpicker_focus {
      background-position: center;
    }
    .colorpicker_hex.colorpicker_focus, .colorpicker_submit.colorpicker_focus, .colorpicker_slider{
      background-position: bottom;
    }

    /*post body image-------------------------------------------------------------------*/
    .postbody img{max-width:600px;}
huyvip83
Bài viết : 236
Points : 384
Like : 66
Punbb
Cẩn thận
huyvip83MEM LV3
8/30/2016, 13:17
#3
viewtopic_body

Code:

<script type="text/javascript">
      document.write('<style>div[href*="?showpost="] span[href*="?showpost="]{display:none} div[href*="?showpost="] span[href*="' + location.search + '"]{display:inline-block;width:100%}</style>')
    </script>
    <script>
    $(function () {
              $(".fmvitab").each(function () {
                  var $fmvitab = $(this);
                  $fmvitab.show().find("li:first, td>strong:first").addClass("active");
                  $fmvitab.find("td>strong").click(function () {
                    var n = $fmvitab.find("td>strong").index(this);
                    $fmvitab.find("li, td>strong").removeClass("active");
                    $fmvitab.find("li:eq(" + n + "), td>strong:eq(" + n + ")").addClass("active");
                  });
              });
            });
    </script>
    <script type="text/javascript">function display_upload_imageshack(button){var container=document.getElementById('servimg_upload_gui');if(!document.getElementById('obj_servimg')){container.innerHTML='
    <table width="100%" cellspacing="0" cellpadding="0" border="0" class="alt1"><tr><td  width="100%"style="padding: 4px">
    <div style="background-color:#F2F2F2;border-style: solid;
    border-top : 2px solid #000000;
    border-right : 2px solid #a8a8ab;
    border-bottom : 2px solid#a8a8ab ;
    border-left : 2px solid #000000;padding: 10px"><iframe src="/h37-page" width="500" height="220" target="_ifrupload" name ="_ifrupload" style="overflow-x: hidden;overflow-y: hidden;" frameborder="0"></iframe></div></td></tr></table>
    '}var div=document.getElementById('servimg_upload_gui');var visible=div.style.visibility;if(visible=='hidden'){var window_w=(document.body)?document.body.clientWidth:window.innerWidth;var cd=FindXY(button);var h=button.offsetHeight;var i=0;while(i<selectId.length){if(document.getElementById(selectId[i])){document.getElementById(selectId[i]).style.visibility='hidden'}i++}var sub=((window_w-cd['x'])<555)?(555-window_w+cd['x']):0;div.style.visibility='visible';div.style.width='auto';div.style.left=(cd['x']-sub)+'px';div.style.top=(cd['y']+h)+'px'}else{div.style.visibility='hidden'}}</script>
    <script>
    $(function(){$('<div id="baxambalap"></div>').insertBefore('#text_editor_textarea');$("img.i_icon_quote").click(function(){$("#text_edit").show();$("#html_edit").hide();$('#text_editor_textarea, #text_editor_iframe').remove();var ttytu=$(this).parent().attr("href");var xhets=ttytu+' '+'#text_editor_textarea';$("#baxambalap").load(xhets);$(this).parent().attr("href","#quickreply");$('#text_editor_textarea:gt(0)').remove()});});
    </script>
    <script type="text/javascript">//<![CDATA[
    var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
    $(function(){
      _atc.cwait = 0;
      $('.addthis_button').mouseup(function(){
          if ($('#at15s').css('display') == 'block') {
            addthis_close();
          }
      });
    });

    var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
    showHiddenMessage = function(id)
    {
        try
        {
            var regId = parseInt(id, 10);
            if( isNaN(regId) ) { regId = 0; }
         
            if( regId > 0)
            {
                $('.post--' + id).toggle(0, function()
            {
                if( $(this).is(":visible") )
                {
                  $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
                }
                else
                {
                  $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
                }
            });
            }
        }
        catch(e) { }
     
      return false;
    };
      function level(Posts,Coins,Thanked){var d=(Posts/100);var e=(d/1500);var j=(Math.floor((d/100)*100)-2);document.write('<div style="margin-left:-4px;background:#FFF;height:9px;border-top:1px solid #a6a6a4;border-bottom:1px solid #d6d6d6;border-right:1px solid #bbbdbd;width:120px;margin-bottom:5px;" title="'+d+'%"><div  style="height:9px;float:left;padding-right:4px;border:1px solid #8c0e00;background:#de5952;border-right:0px;margin-top:-1px;width:'+j+'%;" ><img src="http://i28.servimg.com/u/f28/14/28/30/23/spacer10.gif"></div></div>')};
    http://]]>
    </script>
      <script>
        $(function () {
            $.ajax({
                url: "/feed/?f={FORUM_ID}",
                success: function (a) {
                    $("#bai_viet1 .cungchuyenmuc").after('<ul id="cungchuyenmuc"><a href="/f{FORUM_ID}-forum" style="color:#333;text-decoration:none!important;font:bold 13px Arial">Related Threads :</a><div style="height:1px;background:url(http://i16.servimg.com/u/f16/16/18/15/10/113.png)repeat-x left;margin:10px 0px;width:97%"></div>');
                    22 < $(a).find("title").length ? so = 22 : so = $(a).find("title").length;
                    for (i = 2; i < so; i++) $('<li><span><a href="' + $(a).find("link:eq(" + i + ")").text() + '">' + $(a).find("title:eq(" + i + ")").text() + "</a></span></li>").appendTo("#cungchuyenmuc")
                }
            })
        });
      $(function () {
          $('body').keyup(function (event) {
            if (event.keyCode == 39) {
              window.location.href = document.getElementById('tprev').firstChild.getAttribute('href');
            }
            if (event.keyCode == 37) {
              window.location.href = document.getElementById('tnext').firstChild.getAttribute('href');
            }
          });
        });
        </script>
    <script>$(function() {
      var fixadent1 = $("#fixadent1"), pos = fixadent1.offset();
      $(window).scroll(function() {
          if($(this).scrollTop() > (pos.top + 10) && $(this).scrollTop() < 15000 && fixadent1.css('position') == 'static') { fixadent1.addClass('fixed1');  }
          else if($(this).scrollTop() <= pos.top && fixadent1.hasClass('fixed1')){ fixadent1.removeClass('fixed1'); }
          else if($(this).scrollTop() > 15000 && fixadent1.hasClass('fixed11')){ fixadent1.removeClass('fixed1'); }
      })
    });</script>
    <style>
    .pun span.label img[src="http://i74.servimg.com/u/f74/16/18/15/10/money_10.png"]{float:right;margin-right:-120px;margin-bottom:-5px;margin-top:-2px}
    span.label span{display:inline-block;margin-right:5px}
    .postbody a[href*="yahoo.com"]{
    background:url(http://i48.servimg.com/u/f48/16/18/15/10/yahoo-10.png)no-repeat 0px center;padding-left:20px;
    }

    .postbody a[href*="mediafire.com"]{
    background:url(http://i38.servimg.com/u/f38/16/18/15/10/tieqn10.gif)no-repeat 0px center;padding-left:20px;
    }

    .postbody a{
    background:url(http://i48.servimg.com/u/f48/16/18/15/10/untit361.png)no-repeat 4px center;padding-left:20px;
    }
    .postbody a[href*="upanh.com"],.postbody a[href*=".png"],.postbody a[href*=".gif"],.postbody a[href*=".jpg"]{background:none;padding:0px}
    .postbody a[href*="/register?"]:before {content:"Đăng kí";font: bold 12px Verdana;background: url(http://i48.servimg.com/u/f48/16/18/15/10/untit361.png)no-repeat 4px center;padding-left:20px}
    .postbody a[href*="/register?"],.postbody a[href*="/login?"]{font-size:0px;padding-left:0px}
    .postbody a[href*="/login?"]:before {content:"Đăng nhập";font: bold 12px Verdana;background: url(http://i48.servimg.com/u/f48/16/18/15/10/untit361.png)no-repeat 4px center;padding-left:20px}
    img[src="http://i16.servimg.com/u/f16/16/18/15/10/48f03710.gif"]{float:left;display:inline-block;margin-left:-16px;margin-top:2px;margin-bottom:-4px}
    .pun #text_editor_iframe{width:738px !important;height:190px;background:url(http://i48.servimg.com/u/f48/16/18/15/10/image710.png) no-repeat right;}
    .fmvitab{display:none;margin:0 auto;width:100%;margin-left:-12px;margin-top:-10px;}
    .fmvitab td > strong{color:#8c8c8c;background:#f0f0f0 url(http://i48.servimg.com/u/f48/17/98/19/05/211.png)repeat-x bottom left;margin-bottom:-1px;margin-left:24px;margin-right:-20px;border:1px solid #d4d4d4;border-bottom:0px;cursor:pointer;display:inline-block;padding:4px 10px;margin-bottom:-1px;padding-bottom:5px}
    .fmvitab td > strong.active{border:1px solid #d4d4d4;border-bottom:0px;background:#fafafa url();cursor:default;padding-top:6px;color:#333;padding-bottom:8px;margin-bottom:-4px}
    .fmvitab ul{border-top:1px solid #ccc;list-style:none outside none;width:100%;margin:0!important;padding:0 12px 15px;background:#fafafa url(http://i74.servimg.com/u/f74/16/18/15/10/144.png)repeat-x top left;border-bottom:1px solid #d4d4d4}
    .fmvitab li{display:none}
    .fmvitab li.active{display:block;}
    .fmvitab li img{max-width:800px}
    .postbody .fmvitab embed {
    margin-right:-30px;
    }
    .postbody .fmvitab img {
    max-width:750px;
    margin-right:-30px;
    }

    .pun a.ola_1 {
    display:inline-block;
    margin-top:-2px;
    margin-left:10px;
    font:bold 13px Tahoma;
    color:#333;
    text-decoration:none!important;
    }

    a.ola_1:hover {
    color:red;
    }

    ul#cungchuyenmuc {
    margin-top:10px;
    margin-left:20px;
    height:100%;
    display:inline-block;
    }

    #cungchuyenmuc li {
    list-style:square inside;
    margin-top:4px;
    width:45%;
    float:left;
    }

    #cungchuyenmuc a {
    color:#333;
    font:bold 12px Tahoma;
    }

    #cungchuyenmuc a:hover {
    color:#ba3814;
    }

    #cungchuyenmuc span {
    display:inline-block;
    overflow:hidden;
    height:14px;
    width:90%;
    margin-bottom:-2px;
    }

    .postbody embed {
    width:740px;
    height:370px;
    border:1px solid #333;
    margin-left:5px;
    background:url(http://i38.servimg.com/u/f38/16/18/15/10/loadin11.gif)no-repeat center center;
    }

    .postbody img {
    max-width:750px;
    }

    .postbody ol,.postbody ul {
    margin-left:20px;
    }

    .ava_pt {
    width:135px;
    height:135px;
    border:1px solid #929294;
    background:#FFF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    padding:3px;
    margin:7px;
    }
    .ava_pt span{display:inline-block;width:135px;height:135px;overflow:hidden;}
    .ava_pt img {
    width:135px;
    min-height:135px;
    }

    .pun .icon_1 img {
    float:left;
    }

    .pun .frm {
    margin-top:-21px;
    }

    .pun .username {
    font:bold 16px Tahoma;
    margin-top:10px;
    margin-bottom:4px;
    }

    .profile12 {
    padding-top:2px;
    padding-right:60px;
    width:150px;
    overflow:hidden;
    margin-left:-150px;
    padding-left:2px;
    }

    .profile12:hover {
    width:auto;
    margin-left:0;
    }

    .profile12 img {
    max-height:16px;
    }

    .pun .label {
    display:inline-block;
    margin-bottom:3px;
    margin-right:4px;
    color:#000;
    }

    #proflie_2 {
    background:url(http://i16.servimg.com/u/f16/16/18/15/10/512.png)no-repeat;
    float:left;
    display:block;
    width:100%;
    margin-top:4px;
    height:15px;
    }

    .pun img[src="http://i48.servimg.com/u/f48/16/18/15/10/tra_lo10.png"] {
    border:1px solid #B8B8B8;
    padding:1px;
    }

    .pun .i_icon_quote {
    border:1px solid #B8B8B8;
    width:72px;
    height:14px;
    padding:1px;
    }

    .pun .i_icon_edit {
    border:1px solid #B8B8B8;
    width:60px;
    height:14px;
    padding:1px;
    }

    .pun .i_icon_delete {
    border:1px solid #B8B8B8;
    width:39px;
    height:14px;
    padding:1px;
    }
    img[src="http://i48.servimg.com/u/f48/16/18/15/10/tra_lo10.png"]:hover,.i_icon_quote:hover,.i_icon_edit:hover,.i_icon_delete:hover {
    border:1px solid #417394;
    }
    .pun img[src="http://i48.servimg.com/u/f48/16/18/15/10/khoa110.png"] {
    border:1px solid red;
    padding:1px;
    }

    .pun .dd-textarea {
    width:100%;
    margin-left:-8px;
    margin-bottom:-20px;
    }

    .pun .left-box {
    background:#f2f2f2;
    margin-left:-212px;
    margin-bottom:-40px;
    display:inline-block;
    border:1px solid #b0b0b0;
    width:734px;
    border-bottom:0;
    padding:4px 2px;
    }

    .pun #textarea_content {
    margin-top:-7px;
    display:inline-block;
    }

    .pun .quick_reply_textarea {
    border:1px solid #b0b0b0;
    border-top:1px solid #d4d4d4;
    min-width:718px;
    max-width:718px;
    background:url(http://i48.servimg.com/u/f48/16/18/15/10/image710.png) no-repeat right;
    padding:10px;
    }

    #textarea_content label {
    display:none;
    }

    blockquote {
    border:1px solid #437194;
    background:#f7f7ff;
    margin:10px;
    padding:5px 10px 10px;
    }

    blockquote div {
    margin-left:-18px;
    background:url(http://i74.servimg.com/u/f74/16/18/15/10/quote-10.png)no-repeat left top;
    padding-left:20px;
    padding-top:5px;
    }

    .postbody blockquote embed {
    width:700px;
    height:340px;
    }

    blockquote cite {
    width:100%;
    display:inline-block;
    margin-top:-5px;
    font:bold 12px Tahoma;
    }

    .postbody blockquote img {
    max-width:705px;
    }

    .pun .reply .main-head {
    height:40px;
    }

    .pun .right-box {
    margin-right:19px;
    margin-top:3px;
    margin-bottom:-3px;
    }

    .pun #text_editor_controls {
    margin-top:-10px;
    }

    .frm-buttons {
    border-top:0;
    margin-top:10px;
    }

    div#fixadent1 {
    width:760px;
    border:1px solid #d4d4d4;
    margin-top:4px;
    height:20px;
    overflow:hidden;
    background-color:#f7f7f7;
    margin-bottom:-10px;
    padding:8px 6px;
    }

    .fixed1 {
    position:fixed;
    top:-5px;
    margin-right:0;
    z-index:999;
    }
    .sig-content {
    overflow-y:auto;
    overflow-x:hidden;
    max-height:180px;
    width:730px;
    margin-bottom:4px;
    align-text:center
    }

    .sig-content img {
    max-width:700px;
    max-height:250px;
    }
    img[src="http://i48.servimg.com/u/f48/16/18/15/10/untit210.png"]{display:inline-block;margin-bottom:4px;margin-top:-5px}
    .pun .view_topic a[href*="topic?watch=topic"]{font-size:0px;display:inline-block;width:16px;height:16px;background: url(http://i74.servimg.com/u/f74/16/18/15/10/accept10.png)no-repeat;margin-left:5px}
    .pun .view_topic a[href*="unwatch"]{font-size:0px;display:inline-block;width:16px;height:16px;background: url(http://i74.servimg.com/u/f74/16/18/15/10/delete11.png)no-repeat;margin-left:5px}
    .pun #pun-qpost .main-head{padding:5px 10px;background: #FFF url(http://www.servimg.com/u/f74/16/18/15/10/imuzik10.png)repeat-x left top;border:1px solid #ccc;border-bottom:0px;color:#333}
    .pun #pun-qpost .main-head p.h2{height:11px;padding:14px;margin:-15px 0px -15px 0px;background-color:#FFF;border:1px solid #ccc;border-bottom:0px;display:inline-block;font:bold 12px Arial;float:left;}
    .pun .profile_pt{float:right;width:210px;margin-top:7px;font-size:12px;color:#4f4f4f}
    .pun .profile_pt img{float:left;margin-right:2px}
    .pun .topic1 {height:125px;border-left:1px solid #b0b0b0;border-bottom:1px solid #b0b0b0;border-right:1px solid #b0b0b0;background:#f7f7f7}
      .nen_pt+a[href*="/u"] {
    display:none;
    }

    a[href="/u2451"]+.topic2 .topic1 {
    background:#e8f0f7 url(http://i48.servimg.com/u/f48/16/18/15/10/hjo81512.png)repeat-y left top;
    }

    a[href="/u116"]+.topic2 .topic1 {
    background:#e8f0f7 url(http://i48.servimg.com/u/f48/16/18/15/10/hjo81514.png)repeat-y left top;
    }

    a[href="/u2626"]+.topic2 .topic1 {
    background:#e8f0f7 url(http://i48.servimg.com/u/f48/16/18/15/10/hjo81514.png)repeat-y left top;
    }

    a[href="/u10007"]+.topic2 .topic1 {
    background:#f4e8f7;
    }

    a[href="/u2313"]+.post_bai .bai_viet1{
    background:#f7e8e8;
    }

    a[href="/u13972"]+.post_bai .bai_viet1{
    background:#fff5fd;
    }
    </style>
    <div id=fixadent1><span style="float:left;font:bold 13px Tahoma;color:red;margin-right:4px;margin-top:1px">Thích bài này? </span>
    <span class="fb-like" data-href="http://www.phutu.org{TOPIC_URL}" data-send="false" data-layout="button_count" data-width="85" data-show-faces="false" style="display:inline-block;float:left;width:85px;overflow: hidden;height:20px"></span><span style="float:left">{S_TOPIC_ADMIN} <a href="/search?add_favourite={TOPIC_ID}&search_id=favouritesearch" title="Lưu bài vào mục yêu thích"><img src="http://i74.servimg.com/u/f74/16/18/15/10/add11.png"></a> </span><span class="view_topic" style="float:left" title="Theo dõi chủ đề">{S_WATCH_TOPIC}</span>
    <span class="gensmall bold" style="float:right;margin-top:4px;margin-right:4px"><span id="tnext">
    <a class="ola_1" href="{U_VIEW_OLDER_TOPIC}" style="background: url(http://i16.servimg.com/u/f16/16/18/15/10/116.png) no-repeat left top;padding-left:14px">Bài trước</a></span><span id="tprev"><a class="ola_1" href="{U_VIEW_NEWER_TOPIC}" style="background: url(http://i16.servimg.com/u/f16/16/18/15/10/214.png) no-repeat right top;padding-right:14px">Bài sau</a></span></span>
    </div>

      {POLL_DISPLAY}
    <div class="main paged">
      <div class="paged-head clearfix">
          <!-- BEGIN topicpagination -->
          <p class="paging">{PAGINATION}</p>
          <!-- END topicpagination -->
          <p class="posting">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>
            <!-- END switch_user_authpost -->

            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="http://i48.servimg.com/u/f48/16/18/15/10/reply10.png" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
            <!-- END switch_user_authreply -->
          </p>
      </div>

    <script type="text/javascript">
      document.write('<div href="' + location.search + '">')
    </script>
          <!-- BEGIN postrow --><!-- BEGIN displayed -->
    <a name="{postrow.displayed.U_POST_ID}" class="nen_pt"></a>{postrow.displayed.POSTER_NAME}
    <span href="?showpost={postrow.displayed.U_POST_ID}" class="topic2">
      <div class="main-head clearfix" style="padding:6px 15px;font:12px Arial;">
          <p class="h2"><img src="http://i74.servimg.com/u/f74/16/18/15/10/190.png" style="float:left;margin-right:4px;margin-bottom:-4px"> {postrow.displayed.POST_DATE_NEW}
                  </p>
    <strong style="float:right"><a href="?showpost={postrow.displayed.U_POST_ID}" style="color:#FFF">#{postrow.displayed.COUNT_POSTS}</a></strong>
      </div>

    <div class="main-content topic topic1">
    <div class="ava_pt" style="float:left"><span>{postrow.displayed.POSTER_AVATAR}</span></div><div style="width:200px;float:left;font:bold 12px Tahoma"><h4 class="username">{postrow.displayed.POSTER_NAME} {postrow.displayed.ONLINE_IMG}</h4>  {postrow.displayed.POSTER_RANK_NEW}
                          <div class="thanhlv1" style="height:15px;display:inline-block;width:100%;margin:5px 5px 2px 5px">

                                                      <script>level(<!-- BEGIN profile_field -->'{postrow.displayed.profile_field.CONTENT}',<!-- END profile_field -->1);</script>
                                                </div>
    <div style="width:auto;overflow: hidden;margin-left:-9px;display:inline-block;height:20px;border: 1px solid #d4d4d4;margin-bottom:4px;background:#FFF url(http://i48.servimg.com/u/f48/16/18/15/10/untit213.png) no-repeat right;float:left;margin-right:10px;margin-top:5px">
    <div class="profile12">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} <!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT} <!-- END contact_field --></div></div>
    <div id="proflie_2">{postrow.displayed.RANK_IMAGE}</div></div>
    <div class="profile_pt"><!-- BEGIN profile_field -->
                            {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                            <!-- END profile_field -->
    </div>
            </div>

    <br/><br/>

      <div class="main-content topic" style="padding:10px;border:1px solid #b0b0b0;border-top:1px solid #d4d4d4;border-bottom:0px;background: url(http://i48.servimg.com/u/f48/16/18/15/10/untit355.png)repeat-x left 30px;padding-top:4px;" id="bai_viet{postrow.displayed.COUNT_POSTS}">
    <span style="color:#333;font:bold 11px Tahoma" class="icon_1">{postrow.displayed.ICON} <span style="display:inline-block;margin-top:5px;margin-left:10px">{postrow.displayed.POST_SUBJECT}</span></span><span style="float:right;">{postrow.displayed.REPORT_IMG}  {postrow.displayed.IP_IMG} {postrow.displayed.THANK_IMG}</span>
    <br><br>
    <span class="postbody">{postrow.displayed.MESSAGE}</span>
    <!-- BEGIN switch_attachments --><br/><br/>
    <div style="background:#EBEBEB;color:#000;border:1px solid #646663;-moz-border-radius: 4px;
    -webkit-border-radius: 4px;-khtml-border-radius: 4px;padding: 0.4em 2em;margin: 3px 1px;">
    <!-- BEGIN switch_post_attachments --><br/><img src="http://forum.gamevn.com/images/misc/paperclip.png" /> Attached Files <!-- BEGIN switch_dl_att --> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL} <br/>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}<!-- BEGIN switch_no_dl_att -->
                                    <br/>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT}
                                    <!-- END switch_no_dl_att -->

                                 
                                    <img src="http://i48.servimg.com/u/f48/16/18/15/10/downlo10.gif"> <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> ({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE} , {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL})<br/><br/>
                                    <!-- END switch_dl_att --></dt>
                                  <!-- BEGIN switch_no_comment -->
                                  <dd>                                .<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                  </dd>
                                  <!-- END switch_no_comment -->
                                  <!-- BEGIN switch_no_dl_att --><br/>
                                  <img src="http://i48.servimg.com/u/f48/16/18/15/10/downlo10.gif"> <em><a href="/login">Bạn cần đăng nhập để tải file này</a> </em> ({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE} , {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL})<br/><br/>
                                  <!-- END switch_no_dl_att --><dd>
                              <!-- END switch_post_attachments --></div><br/>
                        <!-- END switch_attachments -->
    <div style="color:#333;font:italic 12px Arial;">{postrow.displayed.EDITED_MESSAGE}</div>
    <!-- BEGIN switch_signature -->
                  <div class="sig-content" align="center">
                      {postrow.displayed.SIGNATURE_NEW}
                  </div>
                  <!-- END switch_signature -->
    <div class="cungchuyenmuc"></div>
            </div>
      <div class="main-content topic" style="height:20px;background:#f7f7f7 url(http://i48.servimg.com/u/f48/14/28/30/23/1271011.png) no-repeat 4px 3px;padding:5px;border:1px solid #b0b0b0;border-top:1px solid #d4d4d4;margin-bottom:10px" align="right">
    <span style="display:inline-block;width:93px;height:18px;float:left;">
    <div style="width:63px;height:16px;float:left"><!-- BEGIN switch_vote_active --><!-- BEGIN switch_vote --> <span id="zt{postrow.displayed.U_POST_ID}"> <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" target="vzt{postrow.displayed.U_POST_ID}v" onClick="document.getElementById('zt{postrow.displayed.U_POST_ID}').innerHTML='<img src=http://i28.servimg.com/u/f28/14/28/30/23/spacer10.gif>';document.getElementById('z{postrow.displayed.U_POST_ID}').innerHTML='<img src=http://i28.servimg.com/u/f28/14/28/30/23/spacer10.gif>';var str ='{postrow.displayed.switch_vote_active.L_VOTE_TITLE}';if (str=='Message not voted'){str='0';}else {str=str=str.replace('Message','Bài ziet');str=str.replace('s','');str=str.replace('(','');str=str.replace('(','');str=str.replace(')','');str=str.replace('reputation','dc che');k=str.search('%');y=str.search('vote');z=str.search(':');a=str.slice(z+1,k);b=str.slice(k+1,y);lulu=Math.round(Number(b) - (((100-Number(a))*Number(b))/100));str=lulu;} if(str=='0'){str='1';}else{lulu=Math.round(Number(b) - (((100-Number(a))*Number(b))/100) +1);str=lulu;}document.getElementById('oot{postrow.displayed.U_POST_ID}').innerHTML='<span class=gensmall>'+ str+'</span>';"><img src="http://i48.servimg.com/u/f48/14/28/30/23/untit190.png" width="63" height="16" id="zt{postrow.displayed.U_POST_ID}" border="0" alt="Bạn chưa cảm ơn người này" vspace="1" /></a> </span><iframe name="vzt{postrow.displayed.U_POST_ID}v" height="0" frameborder="0"width="0"></iframe><!-- END switch_vote --><!-- END switch_vote_active --> </div>
    <!-- BEGIN switch_vote_active --><div id="oot{postrow.displayed.U_POST_ID}" align="center" style="margin-top:2px;width:20px;padding-left:5px;float:left"><span style="font:11px Arial;"><script type="text/javascript">var str ='{postrow.displayed.switch_vote_active.L_VOTE_TITLE}'; if (str=="Message not voted"){str="0";document.write(str);}else {str=str=str.replace("s","");str=str.replace("(","");str=str.replace("(","");str=str.replace(")","");str=str.replace("reputation","dc che");k=str.search("%");z=str.search(":");y=str.search("vote");a=str.slice(z+1,k);b=str.slice(k+1,y);lulu=Math.round((((Number(a))*Number(b))/100));document.write(lulu);}</script></span></div><span id="z{postrow.displayed.U_POST_ID}"> </span><!-- END switch_vote_active -->
    </span>
    </span>      {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG}  {postrow.displayed.EDIT_IMG}  {postrow.displayed.DELETE_IMG} <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}"></a>
            </div></span>
            <!-- END displayed -->
          <!-- END postrow --></div>

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

      <div class="paged-foot clearfix">
          <!-- BEGIN topicpagination -->
          <p class="paging">{PAGINATION}</p> http://huyenthoai9.forumvi.com/admin/index.forum?mode=main&part=themes&sub=templates&tid=3beeb973db91069abf90f1b0f4f57424
          <!-- END topicpagination -->
          <p class="posting">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>
            <!-- END switch_user_authpost -->

            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="http://i48.servimg.com/u/f48/16/18/15/10/reply10.png" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
            <!-- END switch_user_authreply -->
          </p>
      </div>

    </div>
    <div class="reply">
    <!-- BEGIN switch_user_logged_in -->
    <a name="quickreply"></a>
    {QUICK_REPLY_FORM}
    <!-- END switch_user_logged_in --></div>
    <div style="height:30px;padding:0px 10px;background: url(http://i74.servimg.com/u/f74/16/18/15/10/imuzik10.png)repeat-x left bottom;border:1px solid #ccc;border-bottom:0px"><span style="height:11px;padding:14px;margin:-10px 0px -20px 0px;background-color:#FFF;border:1px solid #ccc;border-bottom:0px;display:inline-block;font:bold 12px Arial;float:left;">Reply Facebook</span> <span class="fb-like" data-href="https://www.facebook.com/4phutuorg" data-send="false" data-width="620" data-show-faces="false" style="display:inline-block;margin-top:3px;"></span></div>
    <iframe src="http://www.facebook.com/plugins/comments.php?href=http://thainguyennews.forumvi.com{TOPIC_URL}" scrolling="no" frameborder="0" data-num-posts="20" style="border:none; overflow:hidden; width:730px; height:190px; " allowTransparency="true"></iframe>
    <div class="fb-comments" data-href="http://www.phutu.org{TOPIC_URL}" data-num-posts="10" data-width="752" style="border:1px solid #ccc;padding:10px;border-top:0px"></div>
    <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
    <script type="text/javascript">if(document.location.protocol=='http:'){var Tynt=Tynt||[];Tynt.push('b-YHwq12Wr3784adbi-bnq');Tynt.i={"ap":"Xem Thêm Tại : ","as":"Nguồn : wWw.PhuTu.Org"};(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>
huyvip83
Bài viết : 236
Points : 384
Like : 66
Punbb
Cẩn thận
huyvip83MEM LV3
8/30/2016, 13:41
#4
cột phải:cho vào bên phải widgets

code

Code:

<div id="right">
          
   <div id="forum-widget" style="cursor: pointer; height: 32px; width: 28px; position: absolute;
margin-left: 967px;margin-top: 50px;background: transparent url(http://i.imgur.com/D15jroZ.png) no-repeat 0 0px;" onclick="jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','230px');} else { my_setcookie('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 -35px'); jQuery('#content-container div#content').css('margin-right','0px'); }">
             
   </div>
          
   <div style="height:4px">
             
   </div>
          
   <div id="sidebar_container">
             
      <ul id="sidebar">
                
         <li>
                   
            <div class="block smaller">
                      
               <div class="block-head">
                      <a class="collapse" id="collapse_block_html_11" href="forum.php#top"><img alt="" src="http://i.imgur.com/D7HHWON.png" id="collapseimg_html_11" /></a> <span class="blocktitle">♥</span>   
               </div>
                      
               <div class="widget_content blockbody floatcontainer">
                         
                  <div id="block_html_11" class="blockrow">
                         <style type="text/css">
.form-searchid, .form-searchid *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.form-searchid{background:#f7f7f7;border:1px solid #d1cece;width:198px;margin:2px;padding:3px}
.form-searchid .searchid{background:url(http://i.imgur.com/od4Zs4z.png) no-repeat;width:187px;height:36px;margin-left:1px;margin-top:5px;margin-bottom:5px}
.form-searchid .searchid .inputid input{font-size:13px!important;font-family:Arial, Helvetica, sans-serif!important;color:#5e5e5e!important;width:100px;border:1px solid #0e93ad;float:left;height:22px!important;margin:7px 0 0 36px !important;padding:2px 5px!important}
.form-searchid .searchid .submitid input{font-size:14px!important;font-family:Arial, Helvetica, sans-serif!important;color:#fff!important;font-weight:700;border:0 none!important;background:none!important;float:left;text-transform:uppercase;text-shadow:0 1px 2px #007891;margin-top:5px!important;display:block;cursor:pointer}
</style>   
                     <div class="form-searchid">
                               
                        <form class="searchid" target="_top" action="/viewtopic.forum" method="get">
                                  
                           <div class="inputid">
                                  <input size="20" name="t" placeholder="Nhập ID topic" type="text" />   
                           </div>
                                  
                           <div class="submitid">
                                  <input value="Tìm" style="height:25px; font-size:13px" type="submit" />   
                           </div>
                                  
                        </form>
                               
                     </div>
                            
                  </div>
                         
               </div>
                      
            </div>
                   
            <div class="underblock">
                      
            </div>
                   
         </li>
                
         <li>
                   
            <div class="block smaller">
                      
               <div class="block-head">
                      <a class="collapse" id="collapse_block_html_11" href="forum.php#top"><img alt="" src="http://i.imgur.com/D7HHWON.png" id="collapseimg_html_11" /></a> <span class="blocktitle">♥</span>   
               </div>
                      
               <div class="widget_content blockbody floatcontainer">
                         
                  <div id="block_html_11" class="blockrow">
                         <img style="width: 205px; height: 260px;" class="img" src="http://1.bp.blogspot.com/-UQZ5AJ_Wxzs/TeoUWAVpxDI/AAAAAAAAAhY/9f4DtadQv2c/s1600/Hoang+sa+truong+sa+la+cua+Viet+Nam___.jpg" alt="THPT Số II Phù Mỹ" title="THPT Số II Phù Mỹ" />   
                  </div>
                         
               </div>
                      
            </div>
                   
            <div class="underblock">
                      
            </div>
                   
         </li>
                
         <li>
                   
            <div class="block smaller">
                      
               <div class="block-head">
                      <a class="collapse" id="collapse_block_html_8" href="forum.php#top"><img alt="" src="http://i.imgur.com/D7HHWON.png" id="collapseimg_html_8" /></a> <span class="blocktitle">Updating</span>   
               </div>
                      
               <div class="widget_content blockbody floatcontainer">
                         
                  <div id="block_html_8" class="blockrow">
                            
                     <center>
                            <embed flashvars="bannerWidth=200&bannerHeight=150&bannerSID=http://img.uu1001.cn/x3/2012-06-07/13-58/2012-06-07_f1fc305d0ae50d98e1c37285a84bc9a8_4.xml&bannerXML=&bannerLink=http://&dataSource=&bid=30680505&appSource=default" wmode="transparent" allowscriptaccess="always" quality="high" name="30680505" id="30680505" style="width: 200px; height: 150px;" src="http://img.uu1001.cn/bcv3.swf?v=20120313" type="application/x-shockwave-flash" __idm_id__="488005635" />   
                     </center>
                            
                  </div>
                         
               </div>
                      
            </div>
                   
            <div class="underblock">
                      
            </div>
                   
         </li>
                
         <li>
                   
            <div class="block smaller">
                      
               <div class="block-head">
                      <a class="collapse" id="collapse_block_html_4" href="forum.php#top"><img alt="" src="http://i.imgur.com/D7HHWON.png" id="collapseimg_html_4" /></a> <span class="blocktitle">Time</span>   
               </div>
                      
               <div class="widget_content blockbody floatcontainer">
                         
                  <div id="block_html_4" class="blockrow">
                            
                     <center>
                            <embed style="width: 151px; height: 50px;" src="http://www.clocklink.com/clocks/5012-orange.swf?TimeZone=VietNam_HoChiMinhCity&" wmode="transparent" type="application/x-shockwave-flash" __idm_id__="488005634" />   
                     </center>
                            
                     <p>
                            <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Di%E1%BB%85n-%C4%91%C3%A0n-Th%C3%A1i-Nguy%C3%AAn-News/668263339869282?ref=ts&fref=ts;width=200&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=426" style="border: medium none; overflow: hidden; height: 300px; width: 205px;background:#fff;" scrolling="no" frameborder="0"> </iframe>   
                     </p>
                                      
                     <p>
                             
                     </p>
                         <strong>Tin tức mới nhất</strong>   
                     <p>
                               
                     </p>
                            
                     <!--        Tin tức mới nhất        --> <script type="text/javascript">document.write('<script type="text/javascript" src="' + ('https:' == document.location.protocol ? 'https://' : 'http://') + 'feed.mikle.com/js/rssmikle.js"><\/script>');</script><script type="text/javascript">(function() {var params = {rssmikle_url: "http://chothai247.forumvi.com/feed",rssmikle_frame_width: "205",rssmikle_frame_height: "400",rssmikle_target: "_top",rssmikle_font: "Arial, Helvetica, sans-serif",rssmikle_font_size: "12",rssmikle_border: "off",responsive: "off",rssmikle_css_url: "",text_align: "left",text_align2: "left",corner: "off",scrollbar: "on",autoscroll: "on",scrolldirection: "down",scrollstep: "5",mcspeed: "30",sort: "Off",rssmikle_title: "off",rssmikle_title_sentence: "",rssmikle_title_link: "",rssmikle_title_bgcolor: "#0066FF",rssmikle_title_color: "#FFFFFF",rssmikle_title_bgimage: "",rssmikle_item_bgcolor: "#FFFFFF",rssmikle_item_bgimage: "",rssmikle_item_title_length: "55",rssmikle_item_title_color: "#0066FF",rssmikle_item_border_bottom: "on",rssmikle_item_description: "off",rssmikle_item_description_length: "100",rssmikle_item_description_color: "#666666",rssmikle_item_date: "gl1",rssmikle_timezone: "Etc/GMT",datetime_format: "%b %e, %Y %l:%M:%S %p",rssmikle_item_description_tag: "off",rssmikle_item_description_image_scaling: "on",article_num: "20",rssmikle_item_podcast: "off",keyword_inc: "",keyword_exc: "",};feedwind_show_widget_iframe(params);})();</script>   
                     <!--        Tin tức mới nhất        -->   
                     <p>
                               
                     </p>
                            
                     <p>
                               
                        <!--            Tìm kiếm google tuỳ chỉnh            --> <script>
  (function() {
    var cx = '009054393994660446192:it7sv4ycfe8';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script><gcse:search></gcse:search>   
                        <!--            Tìm kiếm google tuỳ chỉnh            -->   
                     </p>
                            
                  </div>
                         
               </div>
                      
            </div>
                   
            <div class="underblock">
                      
            </div>
                   
         </li>
                
      </ul>
             
   </div>
          
   <div style="height:4px">
             
   </div><script type="text/javascript">jQuery('#forum-widget').insertBefore('#right'); if(my_getcookie('forum-widget')=='0') {jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 -35px'); jQuery('#content-container div#content').css('margin-right','0px');}</script>   
   <div style="height:4px">
             
   </div>
</div>
Giựt
Bài viết : 272
Points : 440
Like : 89
Punbb
Cẩn thận
Status : Giựt đẹp trai
GiựtMOD
8/30/2016, 14:00
#5
Up demo nhé Very Happy
hoilamgi
Bài viết : 19
Points : 29
Like : 4
Punbb
An toàn
hoilamgiMEM LV1
8/30/2016, 14:22
#6
em nhớ skin này idex_box no đẹp lắm mà, sao idex_box chothai247 là mặc định vậy,http://huyenthoai9.forumvi.com/
Kiwi
Bài viết : 289
Points : 601
Like : 160
Punbb
An toàn
Status : Đành vậy thế thôi
KiwiS-MOD
8/30/2016, 14:34
#7
Thêm demo ảnh đi bạn, để nhắc quài
Hoài An
Bài viết : 116
Points : 220
Like : 42
PhpBB3
An toàn
Status : Cu To
Hoài AnMOD
9/26/2016, 11:43
#8
vãi ! skin này là skin phumy2 , mà nó lấy về dùng cái nó nói skin nó Very Happy
huyvip83
Bài viết : 236
Points : 384
Like : 66
Punbb
Cẩn thận
huyvip83MEM LV3
4/27/2017, 15:31
#9
Hỏi làm gì
tonyhoaivu
Bài viết : 124
Points : 280
Like : 8
Punbb
Cẩn thận
tonyhoaivuMEM LV3
9/13/2018, 09:39
#10
body mà in dex hay box còn wiget and vào đâu phải nói rõ ra người ta mới hiểu ông viết bài kiểu này sao được
Sponsored content
#11