[Đóng góp] Share skin Zone-FM phpbb3 Ver 1.0

  Bài viết hay nhất1
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 -->
  Bài viết hay nhất2

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://illiweb.com/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&amp;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}&amp;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>
  Bài viết hay nhất3
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


  Bài viết hay nhất4

Cám ơn chủ thớt, mọi thứ đều ổn riêng

mod_recent_topics phần bài viết mới không chạy bạn ơi.



Link check: http://yeucotuong.123.st
  Bài viết hay nhất5

tonetone wrote:
Cám ơn chủ thớt, mọi thứ đều ổn riêng

mod_recent_topics phần bài viết mới không chạy bạn ơi.



Link check: http://yeucotuong.123.st

ACP -> Modules -> Forum widgets management -> Recent topics click vào :
Activate the topics scrolling : chọn không
  Bài viết hay nhất6
anhdausai wrote:
ACP -> Modules -> Forum widgets management -> Recent topics click vào :
Activate the topics scrolling : chọn không

Cám ơn bạn, đã fix ok!
You cannot reply to topics in this forum