Demo Live : Zone-FM

Bảng Màu Chuẩn .


Css

Code:


#main-content > .module.main[style="overflow:visible"] {display: none !important;}

.post_body img {max-width:700px;}
body{
  background:#ebebeb;
  font-family:tahoma,helvetica,arial,sans-serif;
  font-size:12px;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  padding:0px;
}
a:link,a:active,a:visited {
    text-decoration: none;
    }
a:hover{
  text-decoration: none !important;
    }

#pun-intro {
background: #454545;
height: 125px;
border-bottom: 0px solid #52B6F0;
margin-top: 30px;
}

#pun-intro1 {
width: 1100px;
margin: 0 auto;
}

#pun-logo img {
    width1: 970px;
    height:50px;
    margin-top: 25px;
}


.main-content  {
background: #ffffff;
border: 1px solid #dddddd;
}


.main .main-head {
font-weight: bold;
font-size: 12px;
color: #FFF;
background:#454545 url(http://i34.servimg.com/u/f34/17/84/20/51/bg-hea10.png) center top repeat-x;
padding: 10px;
border: 0px solid #DDD;
}
.last-cat {background: #ffffff;
border-bottom: 1px solid #dddddd;padding:9px;
}

.last-cat2 {background: #454545;
border-bottom: 0px solid #dddddd;padding:9px;color:#fff;
}
.leftrecent,.rightrecent,.viewfmvi,.repfmvi,.lastcate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute}

#last li {font-weight: bold;background: none;color: #adadad;text-decoration: none;padding: 0 8px;margin-right: -1px;margin-bottom: -1px;display: inline-block;line-height: 30px;cursor: pointer;outline: 0 none;white-space: nowrap;word-wrap: normal;height: 24px;pacity: 1;margin-right: 5px;}#last {list-style: none;}#last li.selected {padding-bottom: 11px;margin-bottom: -2px;z-index: 11;position: relative;border-bottom: 0;background: none;color:#FFF;}

h2 {
color: #4d4d4d;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.5em;
font-weight: 400;
margin: .8em 0 .2em;
}
.mainbox {
background: #ffffff;
border: 1px solid #dddddd;
padding:10px;
}

.menunav1{background: #333;margin-top: -35px!important;width: 1120px;
margin: 0 auto;
}

.menunav{
    height: 35px;
    z-index: 12 !important;
    color: #fff !important;
    margin:0 auto;
    padding-left:0px;
}
.menunav ul{display:block;height:30px;margin:0 auto;padding:0px 0 0;position:relative;z-index:14}
.menunav ul li{display:inline;height:30px;margin:0;text-align:left;}
.navhome a{background: #141414;color:#fff!important;left:0px;height: 25px!important;}
.menunav ul li a{color: #fff!important;display:block;float:left;font-weight:bold;height:30px;padding:10px 10px 0;z-index:10}
.menunav ul li a:hover,.menunav ul li .active{margin-top:0px;background:none repeat scroll 0 0 #141414;color:#000;display:block;height:25px;padding-top:10px;z-index:10}
.menunav ul a.ico_home,.menunav ul a.ico_home:hover{background-position:left -3183px;border-right:0px solid #fff;color:#EFEFEF;display:block;height:18px;margin:5px 3px 0 0;padding:5px 0 0!important;width:32px}
.menunav span{display:block;height:23px!important;position:absolute;right:0;top:4px;width:95px}
.menunav span a,.menunav span a:hover{height:23px!important;padding:0!important}
.icon, .menunav ul a.ico_home, .menunav ul a.ico_home:hover {margin-top:0px;background:#258023 url("http://i35.servimg.com/u/f35/16/95/03/19/home12.png") no-repeat scroll 4 5 ;height:30px;}

#page-body {
line-height: 130%;
margin: 0 auto;
min-width: 768px;
padding: 10px;
width: 1100px;
color: #141414;
border-left: 0px solid #ddd;
border-right: 0px solid #ddd;
border-bottom: 0px solid #ddd;
background: #fff;
}



/*box 2cot*/
.box{background-color: #FFF;width:323px;float:left;height: 110px;margin:10px;margin-left:20px;padding:5px;border:1px solid #ddd}
.box1 img{width:50px;height:50px;margin-top:-10px;margin-left:15px;float:left}
.box2{margin-left:10px;}
.nguoiguicuoi{margin-left:75px;margin-top:20px;}
.thoigiancuoi{margin-left:85px;margin-top:-30px;}
.box-name {background: #fff;padding:10px;margin:-6px -6px 0px -6px;text-align:left;color:#454545;border:1px solid #ddd;
border-bottom:2px solid #454545 ;
}
.box-name .hierarchy a{color:#454545;}
.box-name .hierarchy a:hover{color:#454545;}

.forumbg {
background-color: #ffffff;
background-position: 0 0;
background-image: none!important;
background-repeat: repeat-x;
border: 1px solid #dddddd;
clear: both;
margin-bottom: 4px;
padding: 0px!important;
}

li.header dd, li.header dt {
border-left-width: 0;
color: #333;
font-family: Arial,Helvetica,sans-serif,Verdana,Arial,Helvetica,sans-serif;
}
li.header dl.icon dt {
padding-left: 15px;
}
li.row {
border-bottom: 1px solid #fff;
border-top: 1px solid #dddddd;
}
a.topictitle {
color: #4d4d4d;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: 700;
text-decoration: none;
}
p.nomargin {
font-size: 1.1em;
line-height: 1.3em;
margin-top: 3px;
background-color: #ffffff;
border: 1px solid #dddddd;
padding:10px;
}
p.path {
clear: left;
margin-left: 0px;
}
h1.page-title {
color: #fff;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.5em;
font-weight: 400;
margin: .8em 0 .2em;
background-color: #333;
border-bottom: 1px solid #333;
padding:10px;
}
h1.page-title a:visited{color:#fff;
  
}

.h3 {
background-color: #333;
border-bottom: 1px solid #333;
color: #ffffff;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.05em;
margin-bottom: 0px;
/* margin-top: 20px; */
padding-bottom: 10px;
text-transform: uppercase;
padding:10px;
}


.h3 a:link{color: #ffffff;}

.lastpost-avatar img {
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
height: 30px;
width: 30px;
}

.navbar {
background-color: #fff;
clear: both;
padding: 0 10px;
margin: 0 auto;
padding: 10px;
width: 1090px;
}

.postprofile {
border-color: #f7f7f7;
border-right-style: solid;
border-right-width: 1px;
color: #6b6b6b;
display: inline;
float: left;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
word-wrap: break-word;
border: 1px solid #dddddd;
}

.nickpost {
  background-color: #454545;color: #ffffff!important;padding:8px;
}

.nickpost a{
  color: #ffffff!important;
}

dl.codebox {
background-color: #FFF;
border: 1px solid #C9D2D8;
font-size: 1em;
padding: 3px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
margin: 5px;
}
dl.codebox dt {
border-bottom: 2px solid #454545;
display: block;
font-size: .8em;
font-weight: 700;
margin-bottom: 3px;
text-transform: uppercase;
padding:5px;
}

#cp-main h1 {
border-bottom: none;
color: #fff;
margin-left: 10px;
padding: 8px;
font-size: 12px;
}

/* Top */
#top-thanhkent {
color: #999999;
background: #171717;
border-bottom: 1px solid #181818;
font-size: 12px;
z-index: 999;
width: 100%;
height: 33px;
padding-top:3px;
line-height: 30px;
text-align: center;
font-weight: bold;
top: 0px;
position: fixed!important;
}



.topWelcome a {
color: #999999;
margin-top: -10px;
font-size: 12px;
}



#menutop {
margin: 10px;
margin-top: 0px;
float:left;
}

#menutop a:hover{
color: #ffffff;
}


#lfc-logo {
float:left;
margin-top: 3px;
}


.top-thanhkent {
margin: 0px auto 0px auto;
width: 1110px;
position: relative;
padding: 0;
background:  none;
height: 32px;
}

.topWelcome {
float: left;
}
.topWelcome h1 {
font-size: 1em;
font-weight: bold;
}
.Login-Box {
float: right;
}

.Login-Box ul {
list-style: none;
padding: 0;
margin: 0;
}

.Login-Box li {
float: left;
margin: 0;
padding: 0 3px;
}

.Login-Box a:link, .Login-Box a:visited {
color: #999999;
}
.Login-Box a:hover {
color: #ffffff;
}


.loginLeft {
float: right!important;
}
.notreg {
border-left: 0px solid #dddddd;
padding-left: 10px;
font-weight: 700;
}

.input-login-thanhkent {
background:#FFF;
border: 0;
color: #333333;
padding: 0 5px;
font-size: 9pt;
width: 90px;
height: 20px;
line-height: 20px;
border: 1px solid #181818;
margin: 4px 3px 3px 3px;
border-radius: 1px;
}

.oklogin-thanhkent {
background:#131313;
border: 0;
color: #999999;
font-size: 9pt!important;
width: 80px!important;
height: 22px!important;
line-height: 20px;
border: 1px solid #181818;
margin: 3px!important;
border-radius: 1px;
font-weight:bold;
padding-top:1px!important;
}




index_body

Code:


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



{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" 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>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
   <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
   <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
      <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
   <!-- END message_admin_txt -->
      <span class="corners-bottom"><span></span></span></div>
   </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->

   <!-- BEGIN switch_viewonline_link -->
   <div class="h3">Truy Cập</div>
   <!-- END switch_viewonline_link -->

   <!-- BEGIN switch_viewonline_nolink -->
   <div class="h3">Truy Cập</div>
   <!-- END switch_viewonline_nolink -->

<div class="mainbox">
  
  <p style="float:left;width:60px;height:180px;">
    <img src="http://i37.servimg.com/u/f37/17/47/85/23/th/packag10.png" id="i_whosonline" alt="Who is online?" class="img-whois" />
  </p>
  
  
  <p style="float:left;">
<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}

<br />
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

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


<div class="clear"></div>

   <!-- BEGIN switch_statistics_link -->
   <div class="h3"><a href="{U_STATISTICS}" rel="nofollow">Thống Kê Diễn Đàn</a></div>
   <!-- END switch_statistics_link -->

   <!-- BEGIN switch_statistics_nolink -->
   <div class="h3">{L_STATISTICS}</div>
   <!-- END switch_statistics_nolink -->
<div class="mainbox">
  <p style="float:left;width:60px;">
<img src="http://i37.servimg.com/u/f37/17/47/85/23/th/stock_10.png" alt="Statistics" />
  </p>
  
  
  <p style="float:left;">
    
<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
</p>
</div>

   <!-- BEGIN switch_chatbox_activate -->
   <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
<div class="mainbox">
  <p style="float:left;width:60px;">
<img src="http://i37.servimg.com/u/f37/17/47/85/23/th/forum_10.png" alt="Chatbox" />
  </p>
  
  
  <p style="float:left;">
    
   <div class="page-bottom">
   {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
   {CHATTERS_LIST}<br />
   </div>

      <!-- BEGIN switch_chatbox_popup -->
      <div id="chatbox_popup"></div>
       </p>
</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 -->
   <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="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>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
   <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
   <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
   <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->

{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 -->


index_box

Code:

<style>

  .catbox  {  
font-family: arial !important;
float: left;
font-size: 15px;
background: #f26522;
padding: 10px;
margin-left:-4px;
position: relative;
z-index: 2;
text-transform: uppercase;
font-weight: bold!important;

  }
  
.catbox h2 {  
font-family: arial !important;
float: left;
font-size: 15px;
color: #fff;
position: relative;
z-index: 2;
text-transform: uppercase;
font-weight: bold!important;
  }
  
  
  
  .cat-t h2 {
  font-weight: bold!important;pading:10px;font-size: 13px!important;
  }
  
    .cat-t  {
 float:left;border-bottom: 0px solid #333;padding:5px;margin-left:2px;width:100%;
  }
  
  
  
</style>

<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->

<div class="cat-t">
 <span style="color:#ffffff;font-weight: bold!important;">{catrow.tablehead.L_FORUM}</span>
      </div>
  
 

  
         <table cellspacing="0" class="table" style="border-top: 1px solid #ffffff!important;">
            <tbody class="statused">
               <tr>
                  <td style="border-left: none;background: none !important;">
   <!-- END tablehead -->
 
   <!-- BEGIN forumrow -->
                     <div class="box">

                      
        <div class="box-name"><h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">
                      
                       {catrow.forumrow.FORUM_NAME}

                       </a></h{catrow.forumrow.LEVEL}></div>
                      
                      
                      
                       <br/>

                      
        <left><div style="margin-top:-5px;margin-left:90px">Chủ đề: {catrow.forumrow.TOPICS} , Số bài: {catrow.forumrow.POSTS}</div></left>
                        <div class="box1">{catrow.forumrow.FORUM_DESC}</div>

                      

                    <div class="" style="margin-left:90px;margin-top:-15px">
                        <!-- BEGIN switch_topic_title -->
   <span><a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a></span>
                        <!-- END switch_topic_title -->
                      <br/>                      
     {catrow.forumrow.USER_LAST_POST}
  </div>



                     </div>
   <!-- END forumrow -->
 
   <!-- BEGIN tablefoot -->
                  </td>
               </tr>
            </tbody>
         </table>


                          <br />
  
   <!-- END tablefoot -->

<!-- END catrow -->


<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
   <ul>
      <li><a href="{U_TODAY_ACTIVE}">Chủ đề hôm nay</a></li>
      <li><a href="{U_TODAY_POSTERS}">Tích cực hôm nay</a></li>
      <li><a href="{U_OVERALL_POSTERS}">Thành viên tích cực</a></li>
   </ul>
   <!-- BEGIN switch_delete_cookies -->
   <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">Xóa Cookies</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->


overall_footer_begin

Code:


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

<div id="page-footer">
   <div class="navbar">
      <div class="inner">
         <span class="corners-top"><span></span></span>
         <ul class="linklist clearfix">
            <li class="footer-home">
               <a class="icon-home" href="{U_INDEX}" accesskey="h">{L_HOME}</a>
            </li>
            <li class="rightside">
<!-- BEGIN html_validation -->
            </li>
         </ul>
      </div>
   </div>
</div>
<!-- END html_validation -->


overall_footer_end

Code:

<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
 <div>
 <div>
 <div>
 <div>
 <div>
 <div>
 <ul>
 <li>
<!-- END html_validation -->
 </li>
 </ul>
 <!-- BEGIN switch_footer_links -->
 <ul class="linklist clearfix">
 <li class="rightside">
 <!-- BEGIN footer_link -->
 <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator -->
 {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
 <!-- END footer_link -->
 </li>
 </ul>
 <!-- END switch_footer_links -->
 <span class="corners-bottom"><span></span></span>
 </div>
 </div>
 <p class="copyright">
 <strong>{ADMIN_LINK}</strong>
 </p>
 </div>
 {PROTECT_FOOTER}
 </div>
 </div>
 </div>
</div>
  
  
          <div class="footer">
                                          
                                          
                                          
                                          
                       <div class="footerlfc">    
                                  
                                  
                                          
                            <div style="float:left">      
                                  
                              <b>Copyright @ 2014 Zone-FM . All Rights Reserved</b>



                              
                                  </div>                          
                                  
                                  
                                  
                                  
                                  
                                          </div>                          
                                          
                                          
                                          
                                          
                                          
                </div>                
          
          <style>
            .footer {background: #333;border-top: 2px solid #258023;}
                        .footer a{color:f4f4f4!important}
         .footerlfc {width: 1100px;margin: 0 auto;padding-top:30px;padding-bottom:30px;color: #f4f4f4;font-size: 12px;}
            

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

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
 if ($('a#logout'))
 {
 var lien_redir = $('a#logout').attr('href');

 if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
 {
 document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
 }
 }
});

$(document).ready( function() {
 $('a#logout').click( function() {
 FB.logout();
 } );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
 fa_endpage();
//]]>
</script>
</body>
</html>

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 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() {

 $('#fa_ticker_content').css('display','block');

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

 if (width_max > 0)
 {
 $('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 -->
 $(document).ready(function() {
 Ticker.start({
 height : {switch_ticker.HEIGHT},
 spacing : {switch_ticker.SPACING},
 speed : {switch_ticker.SPEED},
 direction : '{switch_ticker.DIRECTION}',
 pause : {switch_ticker.STOP_TIME}
 });
 });
 <!-- END switch_ticker -->
 });

 <!-- BEGIN switch_login_popup -->
 var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, 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}
 <style type="text/css">
 #page-footer, div.navbar, div.navbar ul.linklist {
 display: block !important;
 }
 ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
 display: inline !important;
 }

 <!-- BEGIN switch_ticker_new -->
 .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;
 }
 <!-- END switch_ticker_new -->
 </style>
 {HOSTING_JS}
 <!-- BEGIN google_analytics_code -->
 <script type="text/javascript">
 //<![CDATA[
 var _gaq = _gaq || [];
 _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
 _gaq.push(["_trackPageview"]);
 _gaq.push(['_trackPageLoadTime']);

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

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

<body id="phpbb">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
 <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.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">
 <div class="h3">{SITENAME}</div>
 {LOGIN_POPUP_MSG}
 <div id="login_popup_buttons">
 <form action="{S_LOGIN_ACTION}" method="get">
 <input type="submit" class="button1" value="{L_LOGIN}" />
 <input type="button" class="button1" 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>
<!-- END switch_login_popup -->

<div class="conteneur_minwidth_IE">
<div class="conteneur_layout_IE">
<div class="conteneur_container_IE">
                          <div>
 <a id="top" name="top" accesskey="t"></a>
 {JAVASCRIPT}

                            
  
  
  <div id="top-thanhkent"><div class="top-thanhkent">
   <div class="topWelcome">
    
<span><a href="/" id="lfc-logo"><img src="http://i35.servimg.com/u/f35/16/95/03/19/home12.png" alt="Zone-FM"></a></span>      
    
  <span>
    
<form style="float:left;" action="/search?mode=results" method="get" name="searchform" class="frm-form"><input id="timkiem" type="text" name="search_keywords" style="border: 1px solid #dddddd;margin-top: 3px;margin-left: 5px;font: 13px Tahoma, Calibri, Verdana, Geneva, sans-serif;background:#fff url(http://i35.servimg.com/u/f35/17/75/86/58/search10.png) no-repeat right;width:200px;color:gray;padding-right:25px !important;padding: 3px;position:relative;padding-left: 10px;" id="query" name="submit" placeholder="Nhập từ khoá tìm kiếm..." value="" lang="en"></form>
    
    </span>      
  
   </div>
            
            
              
              
   <div class="Login-Box">
  
            
      <div class="loginLeft">
                  


              
      <ul>
                          <form action="/login" method="post" name="form_login">
                

        
<!-- BEGIN switch_user_logged_out -->

         <li><a href="register" rel="nofollow" class="notreg">Đăng Ký</a></li>
      

         <li class="inputPad"><div class="loginBoxInput">
        <input type="text" class="input-login-thanhkent" id="loginUsername"  name="username" alt="Tài Khoản" value="Tài Khoản" onblur="if (this.value == '') {this.value = 'Tài Khoản';}" onfocus="if (this.value == 'Tài Khoản') {this.value = '';}" />
                          </div></li>
         <li class="inputPad"><div class="loginBoxInput">

        <input type="password" class="input-login-thanhkent" size="10" name="password" alt="Mật khẩu" value="Mật khẩu" onblur="if (this.value == '') {this.value = 'Mật khẩu';}" onfocus="if (this.value == 'Mật khẩu') {this.value = '';}"/>
                          </div></li>
         <li class="rememberMe"><label for="cb_cookieuser_navbar"><input type="checkbox" class="radio" name="autologin" checked="checked" /> Lưu?</label></li>
         <li class="searchButton"><input type="submit" class="oklogin-thanhkent" name="login" value="Đăng nhập" /></li>

                    <!-- END switch_user_logged_out -->
          
                          <!-- BEGIN switch_user_logged_in -->
                            <li><a href="/profile?mode=editprofile" rel="nofollow" class="notreg" style="padding-left:10px;">Profile</a></li>
      <li><a href="{U_PRIVATEMSGS}" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()" rel="nofollow" class="notreg">{PRIVATE_MESSAGE_INFO}</a></li>
        <li><a href="/profile?mode=editprofile&page_profil=avatars" rel="nofollow" class="notreg">Đổi Avatar</a></li>
                  <li><a href="/login?logout" rel="nofollow" class="notreg">Thoát</a></li>
                      <!-- END switch_user_logged_in -->
                            
                                         </form>
  
  </ul>


      

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

    
    
  
  
  
 <div id="pun-intro" class="clearfix">
                                          

 <div id="pun-intro1" class="">
                          
                          <div>
 <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>

 
                          </div>
                                      
                          
                          </div>

                               </div>
                                    
                                                             <div class="menunav1">  
                          <div class="menunav">
<ul>

  <li class="navhome">
    <a rel="bookmark" href="/" title="Home">Trang Chủ</a>
  </li>
  
  
   <li>
    <a rel="bookmark" href="/memberlist" title="Forum">Thành Viên</a>
  </li>

  
   <li>
    <a rel="bookmark" href="/groups" title="Forum">Nhóm</a>
  </li>
  
  
   <li>
    <a rel="bookmark" href="/f1-forum" title="Forum">Menu 1</a>
  </li>
  
  <li>
    <a rel="bookmark" href="/f2-forum" title="Forum">Menu 2</a>
  </li>
  
  <li>
    <a rel="bookmark" href="/f3-forum" title="Forum">Menu 3</a>
  </li>
  
  
  
  
<li><div class="clr"></div></li>
</ul>
</div></div>

                          
  
 <!-- BEGIN switch_ticker_new -->
 <div id="fa_ticker_blockD" style="margin-top:4px;">
 <div class="module">
 <div class="inner">
 <span class="corners-top"><span></span></span>
 <div id="fa_ticker_container">
 <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
 <!-- BEGIN ticker_row -->
 <li>{switch_ticker.ticker_row.ELEMENT}</li>
 <!-- END ticker_row -->
 </ul>
 </div>
 <span class="corners-bottom"><span></span></span>
 </div>
 </div>
 </div>
 <!-- END switch_ticker_new -->

 <!-- BEGIN switch_ticker -->
 <div id="fa_ticker_block" style="margin-top:4px;">
 <div class="module">
 <div class="inner">
 <span class="corners-top"><span></span></span>
 <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>
 <span class="corners-bottom"><span></span></span>
 </div>
 </div>
 </div>
 <!-- END switch_ticker -->
 </div>

 <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="{ID_LEFT}">
 
 <!-- BEGIN saut -->
 <div style="height:{SPACE_ROW}px"></div>
 <!-- END saut -->

 </div>
                                          
                                          
 <div id="main">
 <div id="main-content">

viewtopic_body

Code:

<style>
  
    .size-avatar img{
      width:50px;
      height:50px;
  border-radius: 25px;
  border: 1px solid #dddddd;
  }
  #textarea_content {
margin-top: 2px;width:99%!important;
margin: 0 auto;
}
  
  
  
    
</style>


<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };


$(function(){

    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }

    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }

        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
 {
 if( $(this).is(":visible") )
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
 }
 else
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
 }
 });
        }
    }
    catch(e) { }

 return false;
};

//]]>
</script>

<h1 class="page-title">
 <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
</h1>
<div class="topic-actions">
 <div class="buttons">

 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;&nbsp;
 <!-- END switch_user_authpost -->

 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
 <!-- END switch_user_authreply -->
 </div>

 <div class="pathname-box">
 <p itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
            <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
            <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
            {NAV_CAT_DESC}
        </p>
 </div>

 <p class="right">
 <!-- BEGIN switch_fb_likebtn -->
 <script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));</script>
 <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
 <!-- END switch_fb_likebtn -->
 </p>

 <div class="pagination">
 {PAGE_NUMBER}
 &nbsp;•&nbsp;
 <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
 <!-- BEGIN switch_plus_menu -->
 &nbsp;•&nbsp;
 <script type="text/javascript">//<![CDATA[
 var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
 var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
 var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
 var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
 var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
 var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
 insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
 //]]>
 </script>
 <!-- END switch_plus_menu -->
 </div>
 <div class="clear"></div>
</div>

<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->
<p class="left-box"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a></p>
<div class="clear"></div>
{POLL_DISPLAY}



      
  
  
  
 <!-- BEGIN postrow -->
  <!-- BEGIN displayed -->




  <br/>
  

<table align="center" cellpadding="0" cellspacing="0" style="width:100%;padding:5px;padding-left:10px;padding-right:10px;border : 1px solid #cccccc;border-bottom: 2px solid #454545;">
 
  <tbody>

      
          
      <tr>
      <td>
      <div style="float:right">
                            <strong><a href="{postrow.displayed.POST_URL}"># {postrow.displayed.COUNT_POSTS}</a></strong>
                    </div>
                    <div style="float:left">
  <img src="http://i10.servimg.com/u/f10/16/81/06/32/subfor10.gif"/> {postrow.displayed.POST_DATE_NEW}
                    </div>
        </td>
    </tr>
        </tbody>
          
  
    </table>

  <table align="center" cellpadding="0" cellspacing="0" style="width:100%;background: #FFFFFF;border : 1px solid #cccccc;border-top : 0px solid #cccccc;">
  
  
  
        
      
    <tbody>

      
          
      <tr>
        

      
      <td style="width:90px;float:left">
                    <div class="user-ident" style="float:left;padding:10px;">

                        <div class="size-avatar">
                                                                  {postrow.displayed.POSTER_AVATAR}<br/>

                        </div>
                                                          </div></td>
                <td style="float:left">
                  <br/>
        <strong>{postrow.displayed.POSTER_NAME}                   {postrow.displayed.ONLINE_IMG}</strong>
                  <br/>
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}
                  
                
        </td>
        <td style="width:500px;">
                                <div class="user-info" style="float:right;padding:10px;padding-right:30px;">
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                    </div></td>
        
        
      
      
        
      </tr>
  </tbody>
</table>

  
<div style="background: #FFFFFF;border : 1px solid #cccccc;border-top: 0px solid #cccccc;padding-left:20px;padding-right:10px;">
  

      
  
<div class="">
  
  
  <div style="padding-top:10px;padding-bottom:15px;">
          <span class="post_body">{postrow.displayed.MESSAGE}</span>
  </div>
  
  <br/>
  
  
  
  <div style="margin-top:5px!important;">
    <center> <img src="http://i75.servimg.com/u/f75/16/99/09/80/siglin10.gif" alt="" /></center>
      </div>
  
  
  <!-- BEGIN switch_signature -->
               <div class="sig-content">
                  {postrow.displayed.SIGNATURE_NEW}
               </div>
               <!-- END switch_signature -->
  
  
  <br/>
  

  
  
              
  


  
  
  
  <iframe name="v{postrow.displayed.U_POST_ID}v" height="0" frameborder="0"width="0"></iframe>



  
  
  
  
      
 <div class="options-button">
  
  <style>
      .baiviet-button a {
font-family: Arial, sans-serif;
font-size: 12px!important;
color: #2c2c2c!important;
font-weight: bold!important;
margin-right: 5px;margin-bottom: 5px;
  }
  </style>
  
  
  <span class="baiviet-button" style="float:right">
    
    {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG}
                                                    
                    
                                                    </span>
  
  </div>
  <br/>
  
  
  
  
  
  
  
  
  
</div>



</div>






 <!-- END displayed -->
  <!-- END postrow -->  
  
  
  
  
  
  
  
        
        
<a name="bottomtitle"></a>

<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->

<p class="left-box"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a></p>

<div class="clear"></div>

<div class="noprint">
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
<p class="right">{S_WATCH_TOPIC}</p>
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
</div>

<!-- BEGIN promot_trafic -->
<div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em">
 <span class="corners-top"><span></span></span>
 <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span>
 <span class="ptrafic">&nbsp;{PROMOT_TRAFIC_TITLE}</span>
 <span class="corners-bottom"><span></span></span>
</div>
<div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em">
 <span class="corners-top"><span></span></span>
 <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span>
 <span class="ptrafic">&nbsp;{PROMOT_TRAFIC_TITLE}</span>
 <div class="clear"></div>
 <div>
 <!-- BEGIN link -->
 »&nbsp;<a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
 <!-- END link -->
 </div>
 <span class="corners-bottom"><span></span></span>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="post row1" id="forum_rules">
 <span class="corners-top"><span></span></span>
 <div class="h3">&nbsp;{L_FORUM_RULES}</div>
 <div class="clear"></div>
 <table class="postbody">
 <tr>
 <!-- BEGIN switch_forum_rule_image -->
 <td class="logo">
 <img src="{RULE_IMG_URL}" alt="" />
 </td>
 <!-- END switch_forum_rule_image -->
 <td class="rules content">
 {RULE_MSG}
 </td>
 </tr>
 </table>
 <span class="corners-bottom"><span></span></span>
</div>
<!-- END switch_forum_rules -->
<div class="khungreply">
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->
</div>
<hr />

<div class="topic-actions">
 <div class="buttons">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;&nbsp;
 <!-- END switch_user_authpost -->

 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
 <!-- END switch_user_authreply -->
 </div>

 <div class="pathname-box">
 <p><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</p>
 </div>

 <div class="pagination">
 {PAGE_NUMBER}
 </div>
</div>
<div class="clear"></div>

<!-- BEGIN viewtopic_bottom -->
<form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<fieldset class="jumpbox">
 <label>{L_JUMP_TO}:&nbsp;</label>
 {S_JUMPBOX_SELECT}&nbsp;
 <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<!-- END viewtopic_bottom -->

<!-- BEGIN viewtopic_bottom -->
<form method="get" action="{S_FORM_MOD_ACTION}">
<fieldset class="quickmod">
 <input type="hidden" name="t" value="{TOPIC_ID}" />

 <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
 <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
 <label>{L_MOD_TOOLS}:&nbsp;</label>
 {S_SELECT_MOD}&nbsp;
 <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<div class="clear"></div>
<p class="right">{S_TOPIC_ADMIN}</p>
<!-- END viewtopic_bottom -->

<!-- BEGIN show_permissions -->
 <div class="h3">{L_TABS_PERMISSIONS}</div>
 {S_AUTH_LIST}
<!-- END show_permissions -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

  
  <script type="text/javascript">
  function hehe(){
  $(".options-button a").addClass("small_textbutton");
  $(".options-button a[href*='?thank=']").text("Cảm ơn");
  $(".options-button a[href^='/post?p='][href*='&mode=quote']").text("Trích dẫn");
  $(".options-button a[href^='/post?p='][href*='&mode=editpost']").text("Sửa");
  $(".options-button a[href^='/post?p='][href*='&mode=delete']").text("Xóa");
  $(".options-button a[href^='/modcp?mode=ip']").text("Xem Ip");
  $(".options-button a[href^='/report?mode=report']").text("Báo cáo");
  $(".options-button a[href^='/report?mode=unlock']").text("Mở báo cáo");
  $(".options-button a[href^='/report?mode=lock']").text("Chặn báo cáo");
  }
  hehe();
</script>


mod_most_active_starters

Code:

  <div style="float:right;width:25%;margin-top:2px;">
    
<div class="last-cat2">

Top Mở Chủ Đề

   </div>  

  <div style="border-left:1px solid #cccccc;">
    <div class="khungtop" style="padding-top:10px;background: url(http://i74.servimg.com/u/f74/17/52/69/11/sortnu10.png) no-repeat 8px 11px transparent;padding-left:27px">
<ul>
         <!-- BEGIN POSTER -->
         <li style="height:23px;">
            <span>
              <div class="avatar-toppost">{POSTER.NAME}</div>
            </span>  
  </li>
         <!-- END POSTER -->
                      </ul>
                      </div>
     </div>
    
    
   </div>








mod_most_active_topics

Code:

  <div style="float:right;width:25%;margin-top:4px;">
    
<div class="last-cat2" style="border-right:1px solid #cccccc;">
Top Hót Forum

   </div>  

  <div style="border-left:1px solid #cccccc;">
    <div class="khungtop" style="padding-top:10px;background: url(http://i74.servimg.com/u/f74/17/52/69/11/sortnu10.png) no-repeat 8px 11px transparent;padding-left:27px">
<ul>
         <!-- BEGIN TOPIC -->
         <li style="height:23px;">
            <span class="leftrecent" style="width:245px!important">
 <a href="{TOPIC.LINK}" title="{TOPIC.NAME}">{TOPIC.NAME}</a>
 </span>  
  </li>
         <!-- END TOPIC -->
                      </ul>
                      </div>
     </div>
    
    
   </div>


mod_most_viewed_topics

Code:

  <div style="float:right;width:25%;margin-top:3px;">
    
<div class="last-cat2">

Bài Xem Nhiều Nhất

   </div>  

  <div style="border-left:1px solid #cccccc;">
    <div class="khungtop" style="padding-top:10px;background: url(http://i74.servimg.com/u/f74/17/52/69/11/sortnu10.png) no-repeat 8px 11px transparent;padding-left:27px">
<ul>
         <!-- BEGIN TOPIC -->
         <li style="height:23px;">
            <span class="leftrecent" style="width:245px!important">
 <a href="{TOPIC.LINK}" title="{TOPIC.NAME}">{TOPIC.NAME}</a>
 </span>  
  </li>
         <!-- END TOPIC -->
                      </ul>
                      </div>
     </div>
    
    
   </div>


mod_recent_topics

Code:

<div class="main"><div class="main-head"><div class="page-title">
  Thông Tin Mới
  </div></div>
  
  
  <div class="main-content" style="">
    
    
<div style="background: none;overflow:hidden;width:100%;height:275px;">
  
  
<div style="width:69%;float:left;">
  
  <div style="background: none;color: #000000;margin-right:-10px;">
<div class="last-cat">
      
     Bài Viết Mới
      
        </div>
    
  </div>
  
 

  <!-- BEGIN classical_row -->
    <div style="padding-left:22px;background: url(http://i74.servimg.com/u/f74/17/52/69/11/sortnu10.png) no-repeat 8px 12px transparent;">
<div style="overflow: hidden !important;height:338px;padding:7px;margin-left: -1px;">
<!-- BEGIN recent_topic_row -->
<table class="antdyt" width="100%" border="0" cellspacing="0" cellpadding="0" style="height:23px"><tr>
<td width="75%" nowrap="none">
<a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a>
</td><td width="23%" align="right" nowrap="none">
<!-- BEGIN switch_poster -->
<a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
<!-- END switch_poster -->
  
<!-- BEGIN switch_poster_guest -->
{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
<!-- END switch_poster_guest -->
</td></tr></table>
<!-- END recent_topic_row -->
  </div>
       </div>
<!-- END classical_row -->
  
  
    
  
  <script type="text/javascript">
jQuery(".antdyt:contains('»')").remove();
</script>
  
  
   </div>

  
  <div style="width:30%;float:right;border-left: 1px solid #dddddd;">
    
    <div class="last-cat">
      
      Side Ảnh
      
        </div>
    
    <div style="padding:5px;">
      
    <embed src="http://dl.dropbox.com/u/10126397/focus.swf" wmode="opaque" flashvars="config=5|0xffffff|0x0099ff|50|0xffffff|0x0099ff|0x000000&bcastr_flie=
http://i14.servimg.com/u/f14/16/99/09/80/raphue12.png
|http://i14.servimg.com/u/f14/16/99/09/80/raphue11.png
|http://i14.servimg.com/u/f14/16/99/09/80/raphue11.png
|http://i14.servimg.com/u/f14/16/99/09/80/raphue11.png
|http://i14.servimg.com/u/f14/16/99/09/80/raphue11.png


&bcastr_link=http://www.raphue.com/
|http://www.raphue.com/
|http://www.raphue.com/
|http://www.raphue.com/
|http://www.raphue.com/


&bcastr_title=Rap Huế
|Rap Huế
|Rap Huế
|Rap Huế
|Rap Huế
      
      
      
      

& menu="" false="" quality="high" width="100%" height="230" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>
  

</div>
    




    </div>
  
  
 </div>

</div></div>

<br/>
<script type="text/javascript">$(function () {$('#changeFMvi').html($('#pun-about select[name=selected_id]').html());$("#last li").click(function(){$("#last li").removeClass('selected');    $(this).addClass('selected');    });}); </script>


mod_top_posters

Code:

  <div class="main-content" style="height:272px">
    
<div class="last-cat2">

Thành viên tích cực

   </div>  


                    <div class="khungtop" style="padding-top:10px;background: url(http://i74.servimg.com/u/f74/17/52/69/11/sortnu10.png) no-repeat 8px 11px transparent;padding-left:27px">
<ul>
         <!-- BEGIN POSTER -->
         <li style="height:23px;">
            <span>
              <div class="avatar-toppost">{POSTER.NAME}</div>
            </span>  
  </li>
         <!-- END POSTER -->
                      </ul>
                      </div>
   </div>

<style>
    










Xắp xếp Widgets

 
Recent topics

Most active topics

Most Viewed Topics

Most active topic starters

Top posters