Thông tin:

Skin dc edit by: Dang0123
người sử dụng vui lòng không xóa dòng chữ này

Index body:

Code:

 
{JAVASCRIPT}

 
      <!-- BEGIN giefmod_index1 -->{giefmod_index1.MODVAR}
      <!-- BEGIN saut -->
      <!-- END saut -->
      <!-- END giefmod_index1 -->
 
                        
    <!-- BEGIN switch_user_logged_in -->
    <div id="pun-visit" class="clearfix">
      <ul>
            <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
            <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
          <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
          <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
      </ul>
      <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
    </div>
    <!-- END switch_user_logged_in -->
    <!-- BEGIN switch_user_logged_out -->
    <div id="pun-visit">
      <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
    </div>
    <!-- END switch_user_logged_out -->

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

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

    <!-- BEGIN switch_user_login_form_header -->
    <div class="main">
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form main-box center">
          <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> 
          <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> 
          <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
          {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
          <!-- BEGIN switch_fb_connect -->
          <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
          <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
          <!-- END switch_fb_connect -->
      </div>
    </form>
    </div>
    <!-- END switch_user_login_form_header -->
  <script type="text/javascript">
    jQuery(document).ready(function(){my_setcookie('mytid',jQuery("#logout").attr("href"),1,0);});
    </script>
    <iframe src="/h10-page-chatbox" scrolling="no" width="100%" height="340" style="border-width:0" marginwidth="0" marginheight="0"></iframe>
                   
    {CHATBOX_TOP}<br><br>
    <div class="main paged" style="float: left; width: 612px; padding-right: 5px;">
    {BOARD_INDEX}

   



    <!-- BEGIN disable_viewonline -->
      <div class="main-head"><div class="page-title"><h2>Diễn Đàn</h2></div></div>
    <div id="pun-info" class="main">
      <div class="main-content">
          <div id="stats">
            <p class="right">{TOTAL_POSTS}</p>
            <p>{TOTAL_USERS}</p>
            <p>{NEWEST_USER}</p>
          </div>
          <div id="onlinelist">
            <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
            <p class="right">
                <!-- BEGIN switch_viewonline_link -->
                <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
                <!-- END switch_viewonline_link -->
                <!-- BEGIN switch_viewonline_nolink -->
                {L_WHO_IS_ONLINE}
                <!-- END switch_viewonline_nolink -->
            </p>
            <p>{TOTAL_USERS_ONLINE}<br />
            {RECORD_USERS}

            <br />
            {LOGGED_IN_USER_LIST}

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

           

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

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

    {CHATBOX_BOTTOM}

    <!-- BEGIN switch_legend -->
    <ul id="pun-legend">
      <li>
          <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
          <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
          <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 -->
    </div>
          <div style="float: left; width: 300px;">
         
      <style>
        .hotro {
    border: 1px solid #CCCCCC;
    color: #2B282B !important;
    margin: 5px auto;
    padding: 10px 5px;
    text-align: center;
        }
        .hotro legend {
    color: #0F86D6;
    font-weight: bold;
    padding: 0 1px;
}
     
.pun fieldset, .pun img {
}
        .hotro p {
    background: url("img/phone.png") no-repeat scroll 25px center transparent;
    color: red;
    margin: 5px 0;
    text-indent: 20px;
    width: 229px;
}
.hotro .hotro_name {
    background-image: url("img/user.png");
    color: #0080FF;
    font-size: 15px;
    font-weight: bold;
}
            </style>
           
                <div id="sidebar_container">
          <a id="sidebar_button_link" href="#">
           
                         
          </a>
          <ul id="sidebar">
            <li>
     
      <div class="block smaller">
          <div class="blocksubhead">
           
            <span class="blocktitle">ĐỂ FORUM NHIỀU NGƯỜI BIẾT ĐẾN</span>
          </div>
          <div class="widget_content blockbody floatcontainer">
          <div id="block_html_10" class="blockrow">
            <div style="float:left; margin: 3px;padding-left:67px;background:url(2012win7/img/likearrow.jpg) no-repeat 0 center; "><div style="height: 60px; width: 50px; display: inline-block; text-indent: 0px; margin: 0px; padding: 0px; background-color: transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; background-position: initial initial; background-repeat: initial initial; " id="___plusone_0"><iframe allowtransparency="true" frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 50px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 60px; " tabindex="0" vspace="0" width="100%" id="I0_1350829318395" name="I0_1350829318395" src="https://plusone.google.com/_/+1/fastbutton?bsv=m&abtk=AEIZW7Re%2BbgbsclgWgBwRXBxYOm08%2B4OfER6aDnRfM4ahMouUDO3X2CtPvOc3YKcYIJBzeJHhWJUwrQUvnO7LkBrwR5A4CvtnPzvhqu4eMtt0su6BbbQfkY%3D&size=tall&lang=vi&count=false&hl=en-US&origin=http%3A%2F%2Fsvphuyen.com&url=http%3A%2F%2Fsvphuyen.com%2Fforum.php&ic=1&jsh=m%3B%2F_%2Fapps-static%2F_%2Fjs%2Fgapi%2F__features__%2Frt%3Dj%2Fver%3DeWNJQihwWMQ.vi.%2Fsv%3D1%2Fam%3D!vjVqvImSc8CICbuUGw%2Fd%3D1%2Frs%3DAItRSTOSR6iSbDIdwPz2oSENdZahrLxxdQ#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled&id=I0_1350829318395&parent=http%3A%2F%2Fsvphuyen.com" title="+1"></iframe></div></div>
    <div class="fb-like fb_edge_widget_with_comment fb_iframe_widget" data-href="http://svphuyen.com/forum.php" data-send="false" data-layout="box_count" data-width="105" data-show-faces="true" data-font="arial" fb-xfbml-state="rendered"><span style="height: 61px; width: 52px; "><iframe id="f2a23a94b8" name="f23c648a7c" scrolling="no" style="border: none; overflow: hidden; height: 61px; width: 52px; " title="Like this content on Facebook." class="fb_ltr" src="http://www.facebook.com/plugins/like.php?api_key=269521649808109&channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D11%23cb%3Df2d2693e88%26origin%3Dhttp%253A%252F%252Fsvphuyen.com%252Ff2731451a%26domain%3Dsvphuyen.com%26relation%3Dparent.parent&colorscheme=light&extended_social_context=false&font=arial&href=http%3A%2F%2Fsvphuyen.com%2Fforum.php&layout=box_count&locale=vi_VN&node_type=link&sdk=joey&send=false&show_faces=false&width=105"></iframe></span></div>
          </div>
          </div>
      </div>
      <div class="underblock"></div>
    </li> <li>
     
      <div class="block smaller">
          <div class="blocksubhead">
           
            <span class="blocktitle">GameMaster on FB</span>
          </div>
          <div class="widget_content blockbody floatcontainer">
          <div id="block_html_16" class="blockrow">
            <div class="fb-like-box fb_iframe_widget" data-href="https://www.facebook.com/atpx4869aspx" data-width="240" data-show-faces="true" data-stream="false" data-header="false" fb-xfbml-state="rendered"><span style="height: 258px; width: 240px; "><iframe id="f203f0737" name="f3c8a93328" scrolling="no" style="border: none; overflow: hidden; height: 258px; width: 240px; " class="fb_ltr" src="http://www.facebook.com/plugins/likebox.php?api_key=269521649808109&channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D11%23cb%3Df1af63cf4c%26origin%3Dhttp%253A%252F%252Fatpx4869aspx%252Ff2731451a%26domain%3Datpx4869aspx%26relation%3Dparent.parent&colorscheme=light&header=false&height=258&href=https%3A%2F%2Fwww.facebook.com%2Fatpx4869aspx&locale=vi_VN&sdk=joey&show_faces=true&stream=false&width=240"></iframe></span></div>
          </div>
          </div>
      </div>
      <div class="underblock"></div>
    </li> <li>
     
      <div class="block smaller">
          <div class="blocksubhead">
           
            <span class="blocktitle">HỔ TRỢ ONLINE</span>
          </div>
          <div class="widget_content blockbody floatcontainer">
          <div id="block_html_1" class="blockrow">
           
    <fieldset class="hotro">
        <legend>Administrator</legend>
        <a href="ymsgr:sendIM?cute_cut3159&m=Chào Admin"><img border="0" src="http://opi.yahoo.com/online?u=cute_cut3159&m=g&t=9"></a>
        <p class="hotro_name">Dương Hải Đăng</p>
        <p>(+84)1629 725 913</p>
    </fieldset>
   
          </div>
          </div>
      </div>
      <div class="underblock"></div>
    </li><li>
              <div class="block smaller">
          <div class="blocksubhead">
            <a class="collapse" id="collapse_block_html_1" href="forum.php#top"><img alt="" src="images/buttons/collapse_40b.png" id="collapseimg_html_1"></a>
            <span class="blocktitle">Hot girl </span>
          </div>
          <div class="widget_content blockbody floatcontainer">
          <div id="block_html_1" class="blockrow">
    <div class="main-content stat-board po-rel"><div style="padding:0px;"><center><object width="100%" height="230px" type="text/html" scrolling="yes" data="http://trasua.ace.st/h23-anh"></object></center></div></div>
     
       
       
            </div>
              </div>  </div>  </div> 

Index box

Code:

    <div class="main">
    <!-- BEGIN catrow -->
      <!-- BEGIN tablehead -->
            <div class="main-head">
            <div class="page-title"><h2>{catrow.tablehead.L_FORUM}</h2></div>
          </div>
          <div class="main-content stat-board po-rel"><span class="natata"></span><span class="netete"></span><span class="nototo"></span><span class="nututu"></span>
        <table cellspacing="0" class="table">
           
           
                <thead>
                  <tr>
                      <th class="tcl">{L_FORUM}</th>
                     
                      <th class="tcr">{L_LASTPOST}</th>
                  </tr>
                </thead>
                <tbody class="statused">
      <!-- END tablehead -->

      <!-- BEGIN forumrow -->
                  <tr>
                      <td class="tcl" style="padding-right: 0px; padding-left: 79px;"><span class="status" style="margin-right: -32px; margin-left: -70px;">
                            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                       
                        </span>
                        <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                        <br />
                        {catrow.forumrow.FORUM_DESC}
                        <!-- BEGIN switch_moderators_links -->
                        <br />
                        {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                        <div id="smallrum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                      </td>
                     
                      <td class="tcr">
                        <span>
                        <!-- BEGIN switch_topic_title -->
                        <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                        <!-- END switch_topic_title -->
                        {catrow.forumrow.USER_LAST_POST}
                        </span>
                      </td>
                  </tr>
      <!-- END forumrow -->

      <!-- BEGIN tablefoot -->
                </tbody>
            </table>
          </div>
      <!-- END tablefoot -->
    <!-- END catrow -->
    </div>

    <!-- BEGIN switch_on_index -->
    <div class="main-box clearfix">
      <ul>
          <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
          <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
          <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
      </ul>
      <!-- BEGIN switch_delete_cookies -->
      <p class="right">
          <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
      </p>
      <!-- END switch_delete_cookies -->
    </div>
    <!-- END switch_on_index -->
<style>
#smallrum {
    font-size: 0;
    margin: 3px 1px;
    padding: 0.4em 1em;
    width: 370px;
}
#smallrum a img {
    display: inline-block;
    margin-right: 6px;
    margin-top: -10px;
    vertical-align: middle;
}
#smallrum a.gensmall {
    display: inline-block;
    font: 13px Tahoma;
    margin: 2px 0;
    text-align: left;
    width: 162px;
}
#smallrum a.gensmall:hover {
    color: #879E2B;
}
.pun .phutu2 {
    font: 12px Arial;
    padding-right: 10px;
}
  .pun .phutu2 a[href*="u"] {
    float: left;
}
 .pun .main-content .natata {
-moz-transition:all 1s ease;
-webkit-transition:all 1s ease;
background:#2e2e2e;
border-radius:2px;
content:"";
height:3px;
left:0;
position:absolute;
top:0;
width:0;
}

.pun .main-content .netete {
-moz-transition:all 1s ease;
-webkit-transition:all 1s ease;
background:#2e2e2e;
border-radius:2px;
bottom:0;
content:"";
height:3px;
position:absolute;
right:0;
width:0;
}

.fixedhead {
background:#09f;
height:94px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:-1;
}

.pun .main-content .nototo {
-moz-transition:all 1s ease;
-webkit-transition:all 1s ease;
background:#2e2e2e;
border-radius:2px;
bottom:0;
content:"";
height:0;
left:0;
position:absolute;
width:3px;
}

.pun .main-content .nututu {
-moz-transition:all 1s ease;
-webkit-transition:all 1s ease;
background:#2e2e2e;
border-radius:2px;
content:"";
height:0;
position:absolute;
right:0;
top:0;
width:3px;
}
 
</style>
   

Fooder_begin

Code:

    <!-- BEGIN html_validation -->
    <div>
      <div>
          <div>
            <div>
                <div>
                  <div>
                      <div>
                        <div>
    <!-- END html_validation -->
                        </div>
                      </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="pun-foot">
      <div id="pun-about" class="clearfix">
          <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" id="qjump">
            <fieldset>
                <p><label>{L_JUMP_TO}: </label></p>
                {S_JUMPBOX_SELECT} <input type="submit" value="{L_GO}" />
            </fieldset>
          </form>
          <ul>
            <li>
    <!-- BEGIN html_validation -->
            </li>
          </ul>
      </div>
    </div>
    <!-- END html_validation -->



    <script type="text/javascript">
    var partname = location.pathname.slice(1, 5);
      $("div.page-title h2").prepend('<span class="collapse" style="float:right"><a href="javascript:void(0);" alt="fmClose"><img src="http://svphuyen.com/forum/images/buttons/collapse_40b.png"></a><a href="javascript:void(0);" style="display:none" alt="fmOpen"><img src="http://svphuyen.com/forum/images/buttons/collapse_40b_collapsed.png"></a></span>');
    $(".collapse").each(function (index) {
      $(this).attr("id", "fmvicollapse" + partname + index);
      if (my_getcookie("fmvicollapse" + partname + index) == "1") {
          $(this).children("a[alt='fmClose']").hide();
          $(this).children("a[alt='fmOpen']").show();
          $(this).parent().parent().parent().next().hide()
      }
    });
    $(".collapse a[alt='fmClose']").click(function () {
      my_setcookie($(this).parent().attr("id"), 1, 1, 0);
      $(this).hide().next().show();
      $(this).parent().parent().parent().parent().next().slideUp()
    });
    $(".collapse a[alt='fmOpen']").click(function () {
      my_setcookie($(this).parent().attr("id"), 0, 1, 0);
      $(this).hide().prev().show();
      $(this).parent().parent().parent().parent().next().slideDown()
    });
    if (partname != 'priv') {
      $("form.frm-form .main .clearfix, .fmviToggle .main .clearfix").prepend('<span class="collapsePost" style="float:right"><a href="javascript:void(0);" alt="fmClose"></a><a href="javascript:void(0);" style="display:none" alt="fmOpen"></a></span>');
      $(".collapsePost").each(function (index) {
          $(this).attr("id", "fmvicollapsePost" + partname + index);
          if (my_getcookie("fmvicollapsePost" + partname + index) == "1") {
            $(this).children("a[alt='fmClose']").hide();
            $(this).children("a[alt='fmOpen']").show();
            $(this).parent().next().hide()
          }
      });
      $(".collapsePost a[alt='fmClose']").click(function () {
          my_setcookie($(this).parent().attr("id"), 1, 1, 0);
          $(this).hide().next().show();
          $(this).parent().parent().next().slideToggle("slow")
      });
      $(".collapsePost a[alt='fmOpen']").click(function () {
          my_setcookie($(this).parent().attr("id"), 0, 1, 0);
          $(this).hide().prev().show();
          $(this).parent().parent().next().slideToggle("slow")
      })
    }
   
    </script>
      <div align="center" style="display:none"></div>

Fooder_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>
                      <ul>
                        <li>
    <!-- END html_validation -->
                        </li>
                      <ul>
                           
      <li>
        <a title="Gamemaster.5forum.net" target="_blank" rel="nofollow" href="http://v-zones.forumvi.com" class="copyright" name="bottom"> <font color="green">Fix</font> by <font color="red">Dang0123</font></a>
                                                    </li>
                      </ul>
                                              </ul>
                     
                  </div>
                  <br />
                  <p class="center">
                      <strong>{ADMIN_LINK}</strong>
                  </p>
                </div>
                {PROTECT_FOOTER}
            </div>
          </div>
      </div>
    </div>
</div>

      <style>
       
    .smallwindows a{color:#FFF;display:block;padding:10px;}
.smallwindows{min-width:160px;width:auto;min-height:26px;text-align:center;color:#EEE;-moz-border-radius:3px;border:1px solid rgba(255,255,255,0.1);background-color:#74A6C0;background:rgba(255,255,255,0.15);margin:3px 3px 3px 0;}
.pun .postfoot .user-contact{float:left;text-align:left;width:13em;}
a,a img{text-decoration:none;border:0;cursor:default;}
div{cursor:default;}
*html a{cursor:hand;}
#bg img{position:fixed;left:0;top:0;width:100%;height:100%;min-width:300px;min-height:400px;}
#leftsbar{position:absolute;left:5px;top:5px;float:left;}
#rightsbar{position:absolute;right:5px;top:5px;width:270px;float:right;}
.unemright{position:absolute;border:#969696 1px solid;z-index:2000;visibility:hidden;background:url(http://i61.servimg.com/u/f61/13/31/29/17/horin10.png) repeat-y #f0f0f0;-moz-box-shadow:3px 3px 10px #111;}
.unemright .lines{border-top:1px solid #DFDFE0;border-bottom:1px solid #FEFEFF;border-left:0;border-right:0;margin:0 3px 0 30px;padding:0;}
*html .unemright a{border:1px solid #f0f0f0;}
.unemright a{font-size:12px;border:1px solid transparent;color:#000;display:block;text-decoration:none;width:150px;background:transparent;margin:2px;padding:1px 1px 1px 30px;}
.unemright a:hover{border:solid 1px #7da2ce;font-weight:400;cursor:default;-moz-border-radius:3px;box-shadow:inset 0 0 1px #fff;-moz-box-shadow:inset 0 0 1px #fff;background-color:#e9eef5;background:0 rgba(194,220,253,0.7));}
.icon{position:absolute;width:60px;border:1px solid transparent;color:#fff;text-align:center;text-shadow:#000 0 0 4px #000 0 0 4px #000 0 0 4px;margin:0;padding:2px;}
.icon img{width:50px;height:50px;}
.icon:hover{border:1px solid rgba(0,153,255,0.3);text-align:center;background-color:#619ab9;background:rgba(238,238,238,0.3);-moz-border-radius:3px;box-shadow:inset 0 0 2px #fff;-moz-box-shadow:inset 0 0 2px #fff;}
.gadgets{position:absolute;border:solid 1px #102a3e;box-shadow:inset 0 0 1px #fff;-moz-box-shadow:inset 0 0 1px #fff;background-color:#000;background:rgba(0,0,0,0.7);-moz-border-radius:3px;padding:18px 3px 3px;}
#gadgetss{background-color:#619ab9;background:rgba(50,123,165,0.75);}
.gdgts{float:left;border:1px solid transparent;width:100px;height:100px;color:#fff;text-align:center;text-shadow:#000 0 0 4px #000 0 0 4px #000 0 0 4px;margin:5px;padding:10px;}
.gdgts img{width:80px;height:80px;}
.gdgts:hover{border:1px solid rgba(0,153,255,0.3);text-align:center;background-color:#cfe3fd;background:rgba(238,238,238,0.3);-moz-border-radius:3px;box-shadow:inset 0 0 2px #fff;-moz-box-shadow:inset 0 0 2px #fff;}
.gadgetbtn{position:absolute;height:100px;top:-1px;right:-20px;display:none;}
.gadgetmove{position:absolute;height:18px;top:0;width:100%;display:block;background-color:transparent;tsext-shadow:0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff;color:#dcdcdc;}
.windows7c{background:#f0f0f0;border:solid 1px #365167;overflow:hidden;box-shadow:0 0 1px #fff;-moz-box-shadow:0 0 1px #fff;padding:0;}
.stickynote{position:absolute;background:#FDFDCA;border:1px;-moz-box-shadow:0 0 5px #111, 0 5px 5px #111;z-index:1995;}
.stickynote:hover{-moz-box-shadow:0 0 5px #111, 0 5px 5px #111;}
.stickytitle{background:#F8F7B6;border:0;height:25px;margin:0;padding:2px;}
.stickywrite{background:none;border:0;min-width:200px;height:190px;min-height:190px;font-family:"Segoe Print";font-size:12px;padding:5px;}
#startbutton{position:absolute;display:block;left:0;bottom:-1px;color:#f0f0f0;z-index:2000;}
#startbutton:hover{width:46px;}
#taskbartime{position:absolute;display:block;right:18px;bottom:7px;color:#f0f0f0;z-index:1600;cursor:default;}
#startmenu{position:absolute;border:solid 1px #102a3e;width:411px;overflow:visible;display:none;bottom:30px;left:0;cursor:default;z-index:1590;-moz-border-radius:5px 5px 0 0;box-shadow:inset 0 0 1px #fff;-moz-box-shadow:inset 0 0 1px #fff;background-color:#5c5c5c;background:0 rgba(44,44,44,1) 30% rgba(0,0,0,1));margin:0;background:url(http://svphuyen.com/forum/2012win7/w7/start/main.png) no-repeat 0 bottom}
#proicons,#prolinks{float:left;display:block;list-style:none;cursor:default;padding:0;}
#proicons{cursor:default;box-shadow:0 0 1px #fff;margin:7px 0 7px 7px;}
#proicons .lines{border-top-color:#000;border-top:0 solid rgba(0,0,0,1);border-bottom-color:#4e4e4e;border-bottom:0 solid rgba(78,78,78,1);border-left:0 solid #102A3E;border-right:0 solid #102A3E;margin:0 15px;padding:0;}
#proicons a{border:solid 1px transparent;display:block;color:#4b4b4b;text-decoration:none;width:237px;cursor:default;margin:3px;padding:3px;}
#proicons a:hover{border:solid 1px #7da2ce;-moz-border-radius:3px;box-shadow:inset 0 0 1px #fff;-moz-box-shadow:inset 0 0 1px #fff;background:0;}
#proicons a img{border:0;vertical-align:middle;width:30px;height:30px;margin:0 5px 0 0;}
#proicons .all a img{border:0;vertical-align:middle;width:20px;height:10px;margin:0 5px 0 0;}
*html #prolinks{width:128px;}
#prolinks{width:138px;margin:-30px 6px 6px;}
#prolinks li.iconlogo{text-align:center;}
#prolinks li.gohome a{position:absolute;bottom:10px;right:11px;display:inline;font-weight:700;border:solid 1px #323232;box-shadow:0 0 4px #fff;-moz-box-shadow:inset 0 0 4px #fff;-moz-border-radius:2px;background-color:#619ab9;background:0 50% rgba(63,111,135,0.5));cursor:default;margin:0;padding:3px;}
#prolinks li.gohome a:hover{border:solid 1px #000;box-shadow:0 0 8px #fff;-moz-box-shadow:inset 0 0 8px #fff;-moz-border-radius:2px;background-color:#658da0;background:0 50% rgba(63,111,135,0.5));cursor:default;}
#prolinks .lines{border-top-color:#000;border-top:1px solid rgba(0,0,0,1);border-bottom-color:#4e4e4e;border-bottom:1px solid rgba(78,78,78,1);border-left:0 solid #102A3E;border-right:0 solid #102A3E;margin:0 3px;padding:0;}
*html #prolinks a{border:0;width:120px;}
#prolinks a{border:solid 1px transparent;display:block;position:relative;color:#fff;text-decoration:none;min-width:120px;margin:1px 0;}
#prolinks a:hover{border:solid 1px #000;-moz-border-radius:3px;box-shadow:0 0 1px #fff;-moz-box-shadow:inset 0 0 1px #fff;background-color:#658da0;background:0 rgba(121,163,184,0.55) 50% rgba(81,115,132,0.55));}
*html #prolinks a span{display:block;margin:0;padding:3px;}
#prolinks a span{display:block;padding:5px;}
#prolinks a:hover span{background:0 50% rgba(63,111,135,0.5));}
#taskbar{margin:auto;}
#taskbarlist{border-top:solid 0;overflow:visible;display:inline-block;height:40px;width:100%;position:fixed;bottom:0;left:0;right:0;z-index:1500;background:url(http://svphuyen.com/forum/2012win7/w7/taskbar/bg.png);padding:0;}
#taskbarlist ul{margin:0 0 0 120px;padding:0;}
#taskbarlist ul li{position:relative;float:left;list-style:none;margin-left:2px;border:1px #305F77 solid;box-shadow:inset 0 0 1px #fff;-moz-box-shadow:inset 0 0 1px #fff;background:0 rgba(92,176,220,0.5));-moz-border-radius:3px;padding:6px 10px;}
#taskbarlist ul li:hover{cursor:default;box-shadow:inset 0 0 10px #fff;-moz-box-shadow:inset 0 0 10px #fff;background:url(http://svphuyen.com/forum/2012win7/w7/taskbar/taskH.png)}

       
        #taskbarlist ul ul{position:absolute;z-index:2000;display:none;left:-160px;bottom:25px;background-color:none;border:0 solid #000;padding:0 0 10px;}
#taskbarlist li:hover ul li ul{display:none;}
#taskbarlist ul ul li{position:relative;list-style:none;float:left;display:block;color:#f9f9f9;text-align:center;border:1px solid rgba(255,255,255,0.4);box-shadow:0 0 15px #000;-moz-box-shadow:0 0 15px #000;background-color:#619ab9;background:rgba(50,123,165,0.75);-moz-border-radius:5px;margin:0;padding:0 0 0 3px;}
#taskbarlist ul ul li:hover{border:1px solid rgba(255,255,255,0.4);box-shadow:0 0 15px #000;-moz-box-shadow:0 0 15px #000;background-color:#619ab9;background:rgba(50,123,165,0.75);-moz-border-radius:5px;}
.titlepro{float:left;background:url(http://i61.servimg.com/u/f61/13/31/29/17/24410.png) no-repeat left center;font-size:12px;color:#000;text-shadow:0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff;margin:0;padding:5px 20px;}
.smallwindows:hover{border:1px solid rgba(255,255,255,0.25);color:#EEE;background-color:#98BDD1;background:rgba(255,255,255,0.3);}
.windows7{position:absolute;border:solid 1px #102a3e;background:url(http://i61.servimg.com/u/f61/13/31/29/17/resize10.gif) no-repeat right bottom #619bb9;padding:0 5px;}
.drag-handle{background:url(http://i61.servimg.com/u/f61/13/31/29/17/24410.png) no-repeat left 3px transparent;font-size:12px;color:#000;text-shadow:0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff;overflow:hidden;height:15px;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity:1;opacity:1;padding:5px 0;}
.drag-handle .drag-controls{position:absolute;right:5px;top:0;}
* html .drag-handle{width:100%;}
.drag-contentarea{border:solid 1px #365167;background:url(http://hicheel.googlecode.com/files/indicator.gif) no-repeat center center #f0f0f0;color:#000;height:150px;overflow:auto;padding:0;}
.drag-statusarea{border:0;background:transparent;margin-right:-5px;height:5px;}
.drag-resizearea{background:transparent;float:right;width:20px;height:5px;cursor:nw-resize;font-size:0;}
*html .icon,*html #proicons a,iframe{border:0;}
*html .stickytitle,*html .stickywrite{width:200px;}
#startbutton:hover #startmenu,#taskbarlist ul li:hover ul,#taskbarlist ul ul li a{display:block;} 
     
        #startbutton:hover {
background-position: 0 101px;
}

#startbutton > div {
float: left;
}

#startbutton {
width: 46px;
height: 40px;
background: url(http://svphuyen.com/forum/2012win7/w7/taskbar/iconstart.png) 0 -6.5px;
}
        #taskbar > div {
float: left;
}

#taskbarpoint {
width: 10px;
height: 39px;
margin: 0 15px 0 65px;
background: url(http://svphuyen.com/forum/2012win7/w7/taskbar/taskpoint.png);
}
      </style>
        <script type="text/javascript" src="http://hicheel.googlecode.com/files/snow.js"></script>
      <div id="windows7holder"><span style="display:none">.</span></div>
        <div style="font-size:11px;height:25px;left:0;position:fixed;bottom:0;width:100%;z-index:999 ">
    <div id="startbutton" onmouseover="showdiv('startmenu');" onmouseout="hidediv('startmenu');">
        <div id="taskbarpoint"></div>
        <div id="startmenu">
            <ul id="proicons">
                <li>
                    <a onclick="shicheel=windows7.open('shicheel', 'iframe', '/f1-forum', '      Diễn đàn cntt - Vna ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false">
                        <img src="http://i61.servimg.com/u/f61/13/31/29/17/entert10.png">Thông báo</a>
                </li>
                <li>
                    <a onclick="asuuh=windows7.open('asuu', 'iframe', '/f6-forum', '      Trà Đá RUm ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false">
                        <img src="http://i61.servimg.com/u/f61/13/31/29/17/entert10.png">Kết Bạn</a>
                </li>
                <li>
                    <a onclick="Teachers=windows7.open('teachers', 'iframe', '/f3-forum', '    Diễn đàn cntt - Vna ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false">
                        <img src="http://i61.servimg.com/u/f61/13/31/29/17/entert10.png">Hướng Dẫn</a>
                </li>
                <li>
                    <a class="arrow" onclick="Dzone=windows7.open('dzone', 'iframe', '/f20-forum', '      Diễn đàn cntt - Vna ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false">
                        <img src="http://i61.servimg.com/u/f61/13/31/29/17/entert10.png">Event</a>
                </li>
                <li>
                    <a onclick="Computer=windows7.open('computer', 'iframe', '/f13-forum', '    Diễn đàn cntt - Vna ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false">
                        <img src="http://i61.servimg.com/u/f61/13/31/29/17/entert10.png">Nhạc QuốcTế</a>
                </li>
                <li>
                    <a onclick="Global=windows7.open('global', 'iframe', '/f12-forum', '      Diễn đàn cntt - Vna ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false">
                        <img src="http://i61.servimg.com/u/f61/13/31/29/17/entert10.png">Nhạc ViệtNam</a>
                </li>
                <li>
                    <a onclick="Social=windows7.open('social', 'iframe', '/f16-forum', '      Diễn đàn cntt - Vna ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false">
                        <img src="http://i61.servimg.com/u/f61/13/31/29/17/entert10.png">Ảnh</a>
                </li>
                <li>
                    <a onclick="Institute=windows7.open('institute', 'iframe', '/f18-forum', '  Diễn đàn cntt - Vna ', 'width=1400px,height=800px,resize=1,scrolling=1,left=10px,top=10px'); return false">
                        <img src="http://i61.servimg.com/u/f61/13/31/29/17/entert10.png">Ảnh ThànhViên</a>
                </li>
                <li>
                    <a onclick="EBS=windows7.open('ebs', 'iframe', '/f27-forum', '      Trà ĐáRUm ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false">
                        <img src="http://i61.servimg.com/u/f61/13/31/29/17/entert10.png">Nhóm(banghội)</a>
                </li>
                <li>
                    <a onclick="Hobby=windows7.open('hobby', 'iframe', '/f21-forum', '      Diễn đàn cntt - Vna ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false">
                        <img src="http://i61.servimg.com/u/f61/13/31/29/17/entert10.png">Lễ Đường</a>
                </li>
                <div class="lines"></div>
                <li class="all">
                    <a onclick="Allforum=windows7.open('allforum', 'iframe', '/search', '      Diễn đàn cntt - Vna ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false">
                        <img src="http://i61.servimg.com/u/f61/13/31/29/17/arrow10.png" height="10">Tìm kiếm</a>
                </li>
                <li class="all">
                    <a onclick="Allsearch=windows7.open('allsearch', 'iframe', '/memberlist', '      Diễn đàn cntt - Vna ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false">
                        <img src="http://i61.servimg.com/u/f61/13/31/29/17/arrow10.png" height="10">Thành Viên</a>
                </li>
            </ul>
            <ul id="prolinks">
                <li class="iconlogo">
                    <img src="http://i61.servimg.com/u/f61/13/31/29/17/logo10.png" width="60" alt="">
                </li>
                <li><a onclick="Fmed=windows7.open('fmed', 'iframe', '/f17-forum', '      Trà Đá RUm ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false"><span>Truyện</span></a>
                </li>
                <li><a onclick="F120=windows7.open('f120', 'iframe', '/f23-forum', '      Diễn đàn cntt - Vna ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false"><span>Games</span></a>
                </li>
                <li><a onclick="F91=windows7.open('f91', 'iframe', '/f31-forum', '      Diễn đàn cntt - Vna ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false"><span>Điện Thoại</span></a>
                </li>
                <li><a onclick="F128=windows7.open('f128', 'iframe', '/f15-forum', '      TràĐá RUm ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false"><span>Video Clip</span></a>
                </li>
                <li><a onclick="F186=windows7.open('f86', 'iframe', '/f14-forum', '      Trà Đá RUm ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false"><span>Tin Tức</span></a>
                </li>
                <div class="lines"></div>
                <li><a onclick="F143=windows7.open('f143', 'iframe', '/f5-forum', '      Diễn đàn cntt - Vna ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false"><span>Xử Lí Vi phạm</span></a>
                </li>
                <li><a onclick="F144=windows7.open('f144', 'iframe', '/f7-forum', '      Trà Đá RUm ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false"><span>Chợ Đen</span></a>
                </li>
                <div class="lines"></div>
                <li><a onclick="F122=windows7.open('f122', 'iframe', '/f8-forum', '      Diễn đàn cntt - Vna ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false"><span>Trà Quán</span></a>
                </li>
                <li><a onclick="F131=windows7.open('f131', 'iframe', '/f26-forum', '      Diễn đàn cntt - Vna ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false"><span>Chém Gió</span></a>
                </li>
                <li><a onclick="F10=windows7.open('f10', 'iframe', '/f11-forum', '      Diễn đàn cntt - Vna ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false"><span>Học Tập</span></a>
                </li>
                <li><a onclick="Fnom=windows7.open('fnom', 'iframe','/f9-forum', '      Diễn đàn cntt - Vna ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false"><span>Sức Khỏe</span></a>
                </li>
                <div class="lines"></div>
                <li><a onclick="F34=windows7.open('f34', 'iframe', '/f34-forum', '      Diễn đàn cntt - Vna ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false"><span>Con Dai</span></a>
                </li>
                <li><a onclick="F15=windows7.open('f15', 'iframe', '/f35-forum', '      Diễn đàn cntt - Vna ', 'width=975px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false"><span>Con Gái</span></a>
                </li>
                <li><a onclick="F117=windows7.open('f117', 'iframe', '/h9-page', '      Diễn đàn cntt - Vna ', 'width=375px,height=500px,resize=1,scrolling=1,left=10px,top=10px'); return false"><span>Bói Và Thủ Thuật</span></a>
                </li>
               
                <li class="gohome">
                    <a href="/forum">
                        <center>Diễn Đàn</center>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div id="taskbar">
        <div id="taskbarlist">
            <ul>
                <li>
                    <img src="http://i30.servimg.com/u/f30/17/60/05/62/217.png" width="40px" height="25px">
                    <ul>
                        <li>
                            <table>
                                <tbody>
                                    <tr>
                                        <td>
                                            <div class="smallwindows">chua ghi j</div>
                                        </td>
                                        <td>
                                            <div class="smallwindows"><font color="#002B77"><a href="/f29-forum"> <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">tổng hợp code</a><br><a href="/f30-forum"> <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">hỏi đáp lỗi fm</a><a href="/f107-forum"> <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">skin invision</a><a href="/f111-forum"><img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">skin phpbb2 </a><a href="/f110-forum"> <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">skin phpbb3</a><a href="/f39-forum"> <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">skin punbb</a><a href="/f1-forum"> <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">yêu cầu rip skin </a></font>
                                            </div>
                                           
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </li>
                    </ul>
                </li>
                <li>
                    <img src="http://banbuongiaydepvnxk.com/EStore/Fashion/skins/OsaShop/images/icon-yahoo.png" width="40px" height="25px" title="Chat Box- Hãy Chém Gió Theo Cách Của Bạn!!">
                      <ul>
                        <li>
                            <div style="padding: 3px; padding-left: 0px;width: 830px">hihi</div>
                        <script type="text/javascript">
    jQuery(document).ready(function(){my_setcookie('mytid',jQuery("#logout").attr("href"),1,0);});
    </script>
    <iframe src="/h10-page-chatbox" scrolling="no" width="100%" height="340" style="border-width:0" marginwidth="0" marginheight="0"></iframe>
                   
                      </li>
                    </ul>
                </li>
                 
                 
            </ul>
        </div>
                                      </div></div>
         
                                   

Xem full code: [You must be registered and logged in to see this link.]

Viewtopic_Body

Ẩn nữa rồi

mod_recent_topics

Code:

    <table width="100%">
   
      <tr>  <td width="700" style="line-height:20px;background:#fff;padding:3px;" valign="top">
        <div class="chutop" ><span style="float:left;padding-left:5px"><font  color="#ffffff">Bài Mới</font></span><span style="margin-left:100px">.</span><span style="float:right"><font  color="#ffffff">Người Gửi Cuối</font></span></div>
        <div class="main-content" >
            <div style="padding:10px;">
   
    <!-- BEGIN classical_row -->
   
       
              <ul  class="baixemnhieu" style="overflow: auto !important;max-height: 200px;  padding-right: 10px;" >
     
   
   
   
      <div style="background: transparent url(http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif) repeat;">
     
   
     
          <!-- BEGIN recent_topic_row -->
      <li width="100%" class="newtopic">
            <span id="tieude1" onmouseover="show_tooltip(this,$(this).next().html(),'Thông Tin Bài Viết');"><a href="{classical_row.recent_topic_row.U_TITLE}" oncontextmenu="return xemtopic(this.href,'hehee');"><span  class="lengtht" >{classical_row.recent_topic_row.L_TITLE} </span></a></span>
        <span style="display:none" class="dulieu2">
          <p class="tiplFMvi">Tiêu đề:
            <font color="blue">{classical_row.recent_topic_row.L_TITLE}</font>
                            </p>
       
            <p>Thời gian gửi:
                              <font color="#FF6600">{classical_row.recent_topic_row.S_POSTTIME}</font>
                            </p>
            <p>Người gửi cuối:      <!-- BEGIN switch_poster --> {classical_row.recent_topic_row.switch_poster.S_POSTER}  <!-- END switch_poster -->
      </p>
        </span>
      <!-- BEGIN switch_poster -->
        <span class="username"><a id="tacgia" style="float:right" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a></span>
          <!-- END switch_poster -->
      <span class="thoigian" style="display:none">{classical_row.recent_topic_row.S_POSTTIME}</span>
          <!-- BEGIN switch_poster_guest -->
          {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
          <!-- END switch_poster_guest -->

   
       
      </li>
          <!-- END recent_topic_row -->
    <ul>
    <!-- END classical_row -->

        </div></div></div>
   
   
   
    <script src="http://illiweb.com/rs3/24/frm/admin/admin.js" type="text/javascript"></script>
   
              <script type="text/javascript">
    function gioihanl(a){
    if(a.length > 40){
      return a.substring(0,40)+'...';}else{return a;}
      };

                function shpost(a){
                window.open(a,'','width=800,height=200,top=200,left=200,menubar=no,titlebar=no,location=no');
                };

    </script>
      <script>$("span.lengtht").each(function(){
            if ($(this).text().length > 50) {$(this).text($(this).text().substr(0, 50));$(this).append('...');
            }
        });</script>
   
       
   
   
   
   
   
        <style>
   
      div.title {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    text-align:center;
    }
   
       
     
       
       
    /* Tooltip */
    #tooltip .tiplFMvi{border-bottom:1px dashed;margin-bottom:2px;padding-bottom:2px}
    #tooltip{background-color:#FFF;border:1px solid #DDD;border-radius:3px 3px 3px 3px;box-shadow:2px 2px 3px #746E6E;color:#131313;max-width:550px;padding:15px 20px;position:absolute;z-index:999}
    #active_starters,#most_active,#pun-visit,#users_month,#users_week,#tooltip .header {
    display:none;
    }
     
        .baixemnhieu{list-style:decimal-leading-zero outside none;text-align:left;margin:0!important;padding:0 1px 0 30px}
     
     
    .gietno{overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:120px}
      .chutop{
    background-color: #0A9DFF;
    font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    margin-top:3px;
    margin-bottom:3px;
      padding: 7px 10px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;
      border: 1px solid rgba(13, 58, 236, 0.21);
    -moz-box-shadow: 0px 1px 2px rgba(189,189,189,1),inset 0px 1px 1px rgba(145,230,247,1);
      -webkit-box-shadow: 0px 1px 2px rgba(189,189,189,1),inset 0px 1px 1px rgba(145,230,247,1);
      text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.2),0px 1px 1px rgba(255, 255, 255, 0.4);}

   
      </style>
         
         
        </td><td width="0px" style="border:1px solid #eee"></td>
          <!--</td>
   
   

mod_top_post_users_month

Code:

    -->

    <ul class="baixemnhieu canlay" style="line-height:19px;display:none" id="memmoi">
           
       
              </ul>
    <script>
      function topne() {
        $(function () {
            $(".loading2").remove();
            $(".menuu").html('Topposter <img src="http://i43.servimg.com/u/f43/17/43/09/69/menu_o10.gif"/>');

        });
    }

    $(function () {

        $(".menuu").click(function () {
            $(".chopnhon3").show(300);
        });
        $(".topne").click(function () {

            $(".menuu").html('[Loading....]');
         
            setTimeout('topne();', 1000);
        $(".chopnhon3").hide()
        });
        $(".memmoi").click(function () {
    $(".chopnhon3").hide();
            $(".menuu").html('[Loading....]');
            $(".canlay").load("/memberlist?mode=joined&order=DESC&submit=Ok&username .caicanlay:lt(10)", function () {
                doitab('toppost', 'memmoi');
                $(".menuu").html('Thành viên mới <img src="http://i43.servimg.com/u/f43/17/43/09/69/menu_o10.gif"/>');

            });
        });
    });
    </script>
    </td>

    <!--</td>

mod_top_posters

Code:

    -->
    <td valign="top" style="padding:1px;background:#fff">
      <table width="100%">
        <tr>

      <td height="100%" width="50%" id="topposter" valign="top">
        <div class="chutop"><font  color="#ffffff">Top Viết Bài</font> </div>
     
              <div class="main-content stat-board po-rel">
                <span class="natata"></span><span class="netete"></span><span class="nototo"></span><span class="nututu"></span>

            <div style="padding:13px;">
     
   
                <style>#top-guibai img {margin:3px;height: 35px;width: 35px;background-color: #FCFCFF;
                  padding: 2px;border: 1px solid #CCC;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;}
                  #top-guibai {text-align: left;width: 215px;}#top-guibai a span{display:none;}
                  #top-guibai a:hover span {display: inline;position: absolute;padding: 5px;border: 1px solid white;border-radius: 1px;background: rgba(0, 0, 0, 0.8);box-shadow: 0 0 4px #333;color: white !important;font-size: 10px;}</style>
         
          <div id="top-guibai"></div>
          <script>jQuery("#top-guibai").load("/memberlist?mode=posts&order=DESC&submit=Ok&username td.avatar-mini a:lt(16)");</script></div></div>
       
   
    <script type="text/javascript">
        //<![CDATA[
        $(function () {
    $(".newtopic:contains('»')").hide();
            $(".dulieulast").load('/search?search_keywords=&search_author=*_* .table .statused tr:lt(20)', function () {
                var i;
                for (i = 0; i < 20; i++) {
                    $(".newtopic:eq(" + i + ")").find(".dulieu2").html('<span>  </span><b>' + $(".newtopic:eq(" + i + ")").find("#tieude1").text() + '  </b><hr>Tác giả : <b>' + $(".dulieulast tr:eq(" + i + ")").find(".tcl a[href^='/u']").text() + '</b><br>Trạng Thái : ' + $(".dulieulast tr:eq(" + i + ")").find(".tcl .status img").attr("alt") + '<br>Thuộc Chuyên Mục : ' + $(".dulieulast tr:eq(" + i + ")").find(".tc2").text() + '<br>Trả lời  : ' + $(".dulieulast tr:eq(" + i + ")").find(".tc3:first").text() + '<br>Lượt Xem : ' + $(".dulieulast tr:eq(" + i + ")").find(".tc3:last").text() + '<hr>Người Gửi Cuối : <b>' + $(".newtopic:eq(" + i + ")").find("#tacgia").text() + '</b><br>Vào Lúc : ' + $(".newtopic:eq(" + i + ")").find(".thoigian").text());

                }
                $(".loading").hide().next().fadeIn(1000);
            });

        });

        //]]>
        </script>
      </td>
    </tr>
    </table>
    </td></tr></tbody></table>

Sắp Xếp Forum widgets management
Recent_Topic- mod_top_post_users_month- Top_Poster


Cê Éc Éc

Code:

    body {
    background-image: url();
    background-attachment: fixed;
    background-color: #D7F4FC;
    background-position: 50% 0px;
    background-repeat: repeat no-repeat;
    }
    li {
    list-style: none;
    }
    .pun {
    line-height: 130%;
    margin: 0 auto;
    min-width: 768px;
    padding: 5px;
    width: 99%;
    }
    #pun-head #pun-navlinks {
    background-color: #F4F4F4;
    border-color: #DDD;
    padding: .5em 1.1em .6em;
    }
#pun-navlinks li {
    display: inline;
    font-size: 11px;
}
    .pun table.table td {
    background-color: #FBFBFB;
    border-color: #DDD;
    border-style: solid none none none;
    border-width: 1px;
    line-height: 130%;
    padding: .6em 0 .7em;
    }
    .pun .main-content {
    background-color: #FBFBFB;
    border: 1px solid #DDD;
    margin-top: -5px;
    }
    .pun .main, .pun .main-category {
    margin: 0;
    }
    .pun table.table td {
    background-color: #FBFBFB;
    border-color: #DDD;
    border-style: solid none none none;
    border-width: 1px;
    line-height: 130%;
    padding: .6em 0 .7em;
    background: white url(http://forum.vietvui.vn/images/gradients/grey-up.png) repeat-x left bottom;
    _background-image: none;
   

    }
   
    #onlinelist {
    background-color: #F4F4F4;
    border-top: 1px dashed #CCC;
    padding: .6em 1em;
    background: white url(http://forum.vietvui.vn/images/gradients/grey-up.png) repeat-x left bottom;
    }
    #stats {
    background-color: #F4F4F4;
    line-height: 150%;
    padding: .6em 1em;
    background: white url(http://forum.vietvui.vn/images/gradients/grey-up.png) repeat-x left bottom;
    }
    div.forumhead,div.foruminfo,div.forumrow {
        box-shadow: none!important;
    }
    ul#sidebar{
        border-color: #ccc;
        border-radius: 0;
        box-shadow: none;
    }
    #breadcrumb{
        margin-bottom: -15px;
    }
    #sidebar_button_link{
        display: none;
    }
    /*FIX lỗi 2 cột*/
    li.subforum{
        width: 43%!important;/*mặc định 45%*/
    }
    /*fix forum home*/
    .lastpostby,.lastpostdate,ul.forumstats{
        display: none!important;
    }
    div.forumlastpost {
        width: 36%!important;/*mặc định 22%*/
        padding-left: 8px!important;
    }
    .datacontainer{
        width: 86%!important;
        padding-left: 76px!important;
    }
    p.lastposttitle{
        margin: 8px 0 2px 0;
    }
    p.lastposttitle a img{/* xóa đi đến bài viết cuối*/
        display: none!important;
    }
    p.lastposttitle a:first-child img{
        display: inline!important;
    }
    p.lastposttitle:first-child{
        margin-top: 2px;
    }

    /*WINDOWS7*/
    #top_body{
        position: fixed;width: 948px;
        top:10px;height: 50px;
        z-index: 999;
        background-image: url(http://i75.servimg.com/u/f75/17/89/81/08/64px-h10.png);
        border: 1px solid #ffe;border-bottom-width: 0;
    }
    #top_body.bgtranspan{
        min-height: 64px;top:0;
        background: none!important;
    }
    div.body_wrapper{
        margin-top: 61px;
        border-top: 0;
    }
    #top_body_padding{
   
        position: absolute;
        top: 0px;left: 11px;width: 927px;height: 50px;
    }
    #top_body_padding.border_top_p_body{
        border-bottom: 1px solid #ccc;
    }
    /**/
    #breadcrumb{
        padding:10px 0 15px 0;
        margin: 0 0 5px 60px;
        background: url('http://svphuyen.com/2012win7/w7/lines.png');
        font-size: 15px;
        color: #3E3E3E;
    }
    #breadcrumb a{
        font-size: 15px;
        color: #0D6AA9;
        border: 0;font-weight: bold;
    }
    #breadcrumb ul{
        width: 645px;height: 23px;
        overflow: hidden;padding: 0 1px;
        background-color: white;
    }
    #breadcrumb ul li{
        padding-top: 1px;
    }
    #breadcrumb ul li.lastnavbit{
        width: 205px;overflow: hidden;
        height: 20px;
    }
    #breadcrumb ul li.navbithome{
        padding: 2.5px 0 0 4px;
    }
    /**/
    div.backpre{
        position: absolute;
        top:19px;width: 24px;height: 24px;
        background: url(http://svphuyen.com/forum/2012win7/w7/button/backpre.png);
    }
    div#butback{
        background-position: 0 0;
        left: 8px;
    }
    div#butpre{
        background-position: right 0;
        left: 38px;
    }


    /**/
    #but_refresh{
        position: absolute;
        width: 39px;height: 20px;
        background: url(http://svphuyen.com/forum/2012win7/w7/button/refresh.png) no-repeat 0 center;
        top:21px;right: 181px;overflow: hidden;
    }
    #but_down{
        width: 11px;height: 11px;
        float: left;margin-top: 2px;
    }
    #refresh{
        float: right;margin-right: 1px;
        width: 14px;height: 16px;
    }
    /**/
    #but_search,#start_search{
        position: absolute;
        background:url(http://svphuyen.com/forum/2012win7/w7/button/search.png) no-repeat right center;
        padding:0 13px 0 3px;
        height: 19px;line-height: 22px;
        font-size: 12px;
    background-color: white;
    }
    #but_search{
        top:20px;right: 11px;
        width: 140px;color: white;
        text-shadow:1px 1px 6px red;
        border: 0;
    }
    #but_search.focus{
        border: 1px solid #ccc;
        background-color: #fff;
        color: #000;
    }
    #result_search{
        position: absolute;
        top:41px;left: 80px;
        width: 666px;height: 300px;
        background: #fff;z-index: 99;
        border-radius:0 0 3px 3px;
        display: none;
    }


    /* BASIC PAGE ELEMENTS */

    body {
      width:950px;
      min-width:650px;
      max-width:auto;
      margin: 0px auto 0px auto;
      font-size:13px;
      color:#3e3e3e;
      line-height:1.230;
    }

    body a {
      color:#01910d;
      text-decoration:none;
    }
    body a:hover,
    body a:hover .time,
    body a:hover .shade,
    body a:hover .understate {
      color:#ff3300;
      text-decoration:;
    }

    body a.understate,
    body a .understate {
      color:inherit;
      text-decoration:none;
      *clear:expression(style.color = parentNode.currentStyle.color, style.clear = "none", 0);
    }

    .body_wrapper {
    background: url("http://svphuyen.com/forum/2012win7/w7/mm.png") repeat scroll 0 0 transparent;
    border: 1px solid #FFFFEE;
    margin: 8px 0 47px;
    padding: 10px;
    position: relative;
}




    /* CSS Document */
    h2.blockhead,.forumhead span.forumtitle a{
    text-shadow:0 0 6px red;
    }


    #forums {
    width: 100%;
    }

    #welcomemessage {
      color:#3e3e3e;
      font-size:100%;
    }

    .forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
      background: rgb(255, 255, 255) url(http://svphuyen.com/forum/images/gradients/grey-up.png) repeat-x left bottom;
      _background-image: none;
      border-top: 1px solid rgb(255, 255, 255);
    }

    /* forumbit nopost */
    /* forumbit nopost -> forumhead */
    .forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead h2 span {
      display:block;
      float: left;
      clear: right;
      font:  bold 12px Arial, Tahoma,Calibri,Verdana,Geneva,sans-serif;
      padding: 4px 0;
      color: #ffffff;
    }

    .forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2 {
      margin-left: 3px;
      margin-right: 3px;
    }
    .forumbit_nopost {
      clear:left;
    }
    .forumbit_nopost .forumrowdata {
      clear:both;
      display:block;
      width: 100%;
    }

    .forumbit_nopost .subforumdescription {
      padding: 5px 10px;
      font-weight: normal;
      color: #3e3e3e;
      background: #e9e9e9 none repeat-x  ;
    }
    /* Auto-clearing of floats */
    .floatcontainer:after,
    .formcontrols .blockrow:after,
    dl.stats:after {
      content:".";
      display:block;
      height:0;
      clear:both;
      visibility:hidden;
    }
    .floatcontainer,
    .formcontrols .blockrow,
    dl.stats {
      display:inline-block;
      font-weight:normal;
    }
    /* IE-Mac hide \*/
    * html .floatcontainer,
    .formcontrols .blockrow,
    dl.stats {
      height:1%;
    }
    .floatcontainer,
    .formcontrols .blockrow,
    dl.stats {
      display:block;
    }
    .floatcontainer.hidden {
      display:none;
    }
    /* End IE-Mac hide */
    /* forumbit post */
    .forumbit_post {
      float: left;
      position:relative;
      width: 100%;
      display:block;
    }

    .forumbit_post .forumhead span {
      padding: 0;
    }

    .forumbit_post .forumhead .forumlastpost {
      top: 0;
      margin-top: 0;
    }

    .forumbit_post .foruminfo, .forumbit_post .forumlastpost, .forumbit_post .forumactionlinks, .forumbit_post .forumstats, .forumbit_post .forumstats_2{
      padding: 5px 0;
    }

    .forumbit_post .forumhead .forumtitle {
      width: 76%;
    }

    .forumbit_post .forumhead .forumtitle span {
    padding: 0;
    padding-left: 10px;
    }

    .forumbit_post .foruminfo {
      width: 57%;
      min-width: 30%;
      float: left;
      clear: right;
      min-height: 48px;
    }

    .forumbit_post .foruminfo .forumicon{
      position: absolute;
      left: 10px;
      width: 48px;
    }

    .forumbit_post .foruminfo .forumdata, .forumbit_post .foruminfo .forumtitle, .forumbit_post .foruminfo .viewing {
      float: left;
      clear: right;
      color: #4e4e4e;
    }

    .forumbit_post .foruminfo .viewing {
            white-space:nowrap;
    }

    .forumbit_post .foruminfo .forumdata {
      padding: 0;
      width: 100%;
      _width: 99%;
    }

    .forumbit_post .foruminfo .forumdata .datacontainer {
      float: left;
      width: 88%;
      padding-left: 68px;
    }

    .forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {

    font-size: 13px;
      margin-right: 10px;
    }

    .forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
      font-weight:bold;
    }

    .childsubforum .forumbit_post .foruminfo .forumdata .datacontainer .forumtitle a {
            padding-left:1.8em;
            background:url('http://svphuyen.com/forum/images/misc/child_forum.png') top left no-repeat;
    }

    .forumbit_post .foruminfo .forumdata .viewing {
      font-style: italic;
      margin-right:10px;
      margin-top: 3px;
      font-size: 11px;
    }

    .forumbit_post .forumactionlinks {
      width: 5%;
      display:block;
      float:left;
      clear:right;
    }

    .forumbit_post .forumactionlinks li {
      display: inline;
    }

    .forumbit_post .forumactionlink {
    /* values based on icon size */
      display:block;
      width:18px;
      height:12px;
      overflow:hidden;
      float: right;
      clear: left;
      background:transparent none no-repeat;
      position: relative;
      margin: 3px 10px 0 0;
    }

    .forumactionlink a {
    /* values based on icon size */
      display:block;
      padding-left:18px;
    }

    .forumactionlinks .rsslink {
      background-image:url(http://svphuyen.com/forum/images/misc/rss_40b.png);
    }

    .forumactionlinks .subslink {
      background-image:url(http://svphuyen.com/forum/images/misc/subscribed_40b.png);
    }
    .forumactionlinks .unsubslink {
      background-image:url(http://svphuyen.com/forum/images/misc/unsubscribed_40b.png);
    }
    .forumbit_post .forumdescription {
      display:block;
      clear:both;
      padding-right: 10px;
    }

    .forumbit_post .unsubscribe {
      display:block;
      right: 0;
      top: 2px;
    }

    .forumbit_post .forumstats, .forumbit_post .forumstats_2 {
      display: block;
      float: left;
      clear: right;
      width: 12%;
      margin-right: 2%;
    }

    .forumbit_post .forumstats li, .forumbit_post .forumstats_2 li{
      font-size: 12px;
      text-align: right;
      padding-right: 20px;
      display:block;
    }


    .forumbit_post .forumlastpost {
      display:block;
      float: left;
      clear: right;
    }

    .forumbit_post .forumrow .forumlastpost {
      width: 22%;
      font-size: 12px;
      padding-top: 5px;
    }

    .forumbit_post .forumlastpost .lastpostdate {
      font-size: 11px;
    }

    .lastpostlabel {
      display: none;
    }

    .moderators, .subforums {
      display: block;
      clear:both;
    }

    .moderators h4, .subforums h4 {
      font-weight: bold;
      padding-right: 5px;
    }

    .moderators h4, .moderators .commalist, .subforums h4, .subforums .commalist {
      float:left;
      clear:right;
    }

    .forumhead {
    background: #17A2FF url(http://svphuyen.com/forum/images/buttons/newbtn_middle.png) repeat-x;
    _background-image: none;
    padding: 0;
    font: bold 12px Arial, Tahoma,Calibri,Verdana,Geneva,sans-serif;
    color: white;
    clear: both;
    margin-top: 8px;
    float: left;
    border: 1px solid #CCC;
    width: 100%;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    }


    /*footer*/
    #wgo{
        box-shadow: none!important;
        border-radius: 0!important;
    }
    #wgo_birthdays li a,#wgo_events li a,#wgo_stats p a:last-child{
        text-shadow:0 0 6px #228B22, 0 0 5px #228B22, 0 0 5px #228B22;
        color: white;font-weight: bold;
    }

    /*who online*/
    #wgo_stats dd{
        font-family: georgia;
        color: teal;
    }

    /*forumhome*/
    ul.forumstats li{
        color: #293D4F;
    }
    #wgo>div{
        border-color: #ccc!important;
        border-top: 0!important;
    }

    /*-----------------------------------*/
    /* SIDEBAR */
    /* Don't use left and right stylevar here */
    #sidebar_container {
      float:right;
      width:270px;
     
      margin-bottom:3em;
    }

    #sidebar_container.sidebarleft {
      float:left;
    }

    #sidebar_container a {
    color: #417394;
    }

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

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

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

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

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

    #sidebar_container .blockrow {
      padding:0;
      border-top: 1px solid rgb(255, 255, 255);
      -moz-border-radius:5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      background:rgb(255, 255, 255) url(http://svphuyen.com/forum/images/misc/blog/gradient-black-down.png) repeat-x  ;
      padding:6px;
    }

    #sidebar_container .underblock {
      height:9px;
      background:transparent url(http://svphuyen.com/forum/images/misc/blog/bottom-shadow.png) repeat-x left bottom;
    }

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

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

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

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

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

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

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

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

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


    #sidebar_container > ul {
      background:#f1f1f1 url(http://svphuyen.com/forum/images/misc/blog/top-highlight.png) repeat-x left top;
      border:1px solid #c1c1c1;
      -moz-border-radius:5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      -moz-box-shadow:-2px 2px 2px #c8c8c8;
      -webkit-box-shadow:-2px 2px 2px #c8c8c8;
      box-shadow:-2px 2px 2px #c8c8c8;
      float:left;
      width:99%;
    }
    #sidebar_container a.collapse {
      position:static;
    }

    /* END OF CODE TAKEN FROM forumhome.css */

    #wgo h2, .forumhead, .blockhead, .threadlisthead, .newcontent_textcontrol, .posthead {
    border: 1px solid #CCC!important;
    background: url(http://svphuyen.com/forum/2012win7/w7/mm.png)!important;
    box-shadow: none!important;
    border-radius: 0!important;
    }
.user.online > img {
    border: 3px solid #06B5E6;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 2px 2px 2px #000000;
    width: 145px;
}
.pun .user-ident .username {
    margin-top: -1.6em;
    position: relative;
}
.coin {
    color: blue;
    font-weight: bold;
}
.ost, .share, .c3zvau .qua, .no {
    background-position: 5px 50%;
    background-repeat: no-repeat;
    border: 1px solid #C2D5E3;
    margin: 6px 2px 0;
    padding: 5px 8px 5px 25px;
}
.share {
    background-image: url("http://i43.servimg.com/u/f43/16/03/04/56/fav10.png");
}
.qua {
    background-image: url("http://i43.servimg.com/u/f43/16/03/04/56/no10.gif");
    padding-left: 29px !important;
}
.no {
    padding: 5px 8px;
}
.no .vop {
    background: url("http://i48.servimg.com/u/f48/16/58/89/73/like_b12.png") no-repeat scroll left center transparent;
    padding: 0 0 0 18px;
}
.no .vom {
    background: url("http://i48.servimg.com/u/f48/16/58/89/73/dislik15.png") no-repeat scroll left center transparent;
    padding: 0 0 0 18px;
}
.vote-button {
    float: left;
    width: 60px;
}
.c3zplus:hover {
    background-color: #EBEDF4;
    border-color: #9DACCE;
}
.c3zminus:hover {
    background-color: #EBEDF4;
    border-color: #9DACCE;
}
.c3zplus {
    background: url("http://i48.servimg.com/u/f48/16/58/89/73/like_b12.png") no-repeat scroll 6px 36% #ECEEF5;
    border: 1px solid #CAD4E7;
    border-radius: 3px 3px 3px 3px;
    color: white !important;
    display: block;
    float: left;
    height: 13px;
   
    padding: 4px 4px 5px 24px;
    position: relative;
    text-align: left;
    width: 30px;
}
.c3zminus {
    background: url("http://i75.servimg.com/u/f75/17/89/81/08/gach10.png") no-repeat scroll 6px 36% #ECEEF5;
    border: 1px solid #CAD4E7;
    border-radius: 3px 3px 3px 3px;
    color: white !important;
    display: block;
    float: left;
    height: 13px;
   
    padding: 4px 4px 5px 24px;
    position: relative;
    text-align: left;
    width: 85px;
}
.coin {
    color: blue;
    font-weight: bold;
}
.postnew {
    background: url("http://i1063.photobucket.com/albums/t510/c4vnet1/highlight_faint_zps90540336.png") repeat-x scroll 0 0 #2A2A2A;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    min-width: 70px;
    padding: 0 20px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
}
.posting, .paging {
    margin: 7px 0 0;
}
.hihi {
    background-color: #1F537B;
    color: #DEDFDF;
    font-weight: 400;
    padding: 0.7em 0.1em;
}
.pun .post {
    border: 1px solid #DDDDDD;
    box-shadow: 0 2px 2px #1F6597;
    margin-bottom: 30px;
}
.pun .post {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("http://i36.servimg.com/u/f36/17/76/06/16/bg1010.png") repeat scroll 0 0 transparent;
    border-color: #EEEEEE #FFFFFF #CCCCCC;
    border-image: none;
    border-style: solid none;
    border-width: 2px 0 1px;
    box-shadow: 0 2px 2px #1F6597;
    margin-bottom: 30px;
}
.itemCount.alert {
    background: none repeat scroll 0 0 #E03030;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    color: white;
}
.itemCount {
    background: none repeat scroll 0 0 #24405E;
    border-radius: 2px 2px 2px 2px;
    font-weight: bold;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    text-shadow: none;
}
.rankbyanhduy > img {
    background: none repeat scroll 0 0 transparent !important;
    margin-left: 1px;
    width: 145px;
}
.main-content {
    border-top: 0 none;
    margin-bottom: 10px;
}

.pun table .tcl {
    overflow: hidden;
    text-align: left;
    width: 58%;
}
.pun table .tcr {
    overflow: hidden;
    padding: 0 0 0 0.5em !important;
    text-align: left;
    width: 20%;
}
/* drop menu avatar */
.hide{display:none;}
.pun .user{overflow:visible;margin-top:0!important;width:13em;padding:0}
.cl dt{width:75px}
.cl dt span{color:#000!important}
.cl dd{width:110px}
.cl dd,.cl dt{float:left;height:1.6em;line-height:1.6em}
.useravatar img{width:120px;background-color:#F5F5F5;border-bottom:2px solid;border-radius:3px;border-right:2px solid;padding:5px}
.morelink a{padding-right:13px}
.pun .post .user,.pun .postfoot{margin-left:-13em!important;position:relative}
.pun .postmain{margin-left:13em!important}
.closeWIndowF{background-color:transparent;color:red;font-family:Arial,Helvetica,sans-serif;font-variant:small-caps;letter-spacing:-1px;opacity:1;text-decoration:none;text-transform:capitalize;font-size:20px;text-shadow:0 0 9px #eee 3px 0 1px #131313;font-weight:700;padding:5px}
.user .status{padding-right:20px;overflow:hidden;margin-bottom:-3px;color:green;float:right;width:250px;height:18px}
.user-ident .posthead{background-color:transparent;font-size:9px;height:2.6em;left:-2px;position:absolute;text-align:center;top:-3.7em;width:15.3em;padding:.5em 1.3em .5em 1em}
.user-ident .userInfoF{position:absolute;z-index:301;background:none repeat scroll 0 0 #fff;border:1px solid #cdcdcd;box-shadow:2px 2px 3px #ccc;width:510px;left:-2px;display:none;top:-1px;padding:15px 0 15px 10px}
.user-ident .user-info{float:right;width:370px}
.user-ident .manuUserF{float:left;border-bottom:1px dashed;margin-bottom:5px;width:350px;position:relative}
.user-ident .morelink{text-align: center;float:left;border-top:1px dashed;padding-top:5px;width:350px}
.pun .postfoot .user-contact{float:none;left:-0.3em;position:absolute;text-align:center;width:13em;z-index:99}
.pun .postmain {
    background-color: #FFF;
    border-left: 1px solid #DDDDDD;
    margin-left: 18em;
}
.pun .posthead {
    background: none repeat scroll 0 0 #FFF;
    border-bottom: 1px dashed #CCCCCC;
    padding: 0.5em 1.3em 0.5em 1em;
}
/* Khung soạn thảo */
.editorfmvi{background-color:#B86E00;float:none!important;font-weight:700!important}
#smiley-box iframe{height: 150px;}
#textarea_content dd {margin-left: 0!important}
input[type="submit"],input[type="reset"]{float: none !important}
#smilies_categ{padding: 10px 0}
#smiley-box{border:1px solid #DDD;width:98.5%;margin:10px 0!important;padding:5px}
div.posting-block{border:1px solid #DDD;float:left;width:100%;margin:0;padding:0}
div.posting-block #text_editor_iframe,div.posting-block #text_editor_textarea{height:255px;width:100%!important}
#text_editor_controls {margin:0 !important;width: 100% !important}
#quick_reply .frm-buttons {text-align: center;}
.frm-set button.button2,.frm-set input.button2{background:none repeat scroll 0 0 #D0D0D0!important;border:1px outset #B0B0B0!important;color:#000!important;cursor:pointer!important;float:none!important;font-size:11px!important;height:25px!important;vertical-align:middle!important;width:auto!important;margin:2px 0!important;padding:1px 2px!important}
.main .main-foot, .main .main-head {
    background: url("http://i75.servimg.com/u/f75/17/89/81/08/64px-h10.png") repeat scroll 0 0 transparent;
    color: #DEDFDF;
    font-weight: 400;
    padding: 0.7em 1.3em;
  border: 1px solid #FFFFEE
}
.main .main-foot, .main .main-head {
    color: #FFFFFF;
    font: bold 12px Arial,Tahoma,Calibri,Verdana,Geneva,sans-serif;
    text-shadow: 0 0 6px red;
}
.main .main-head {
    background-image: url("http://i75.servimg.com/u/f75/17/89/81/08/64px-h10.png");
}
#pun-about {
    background-color: #F4F4F4;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px;
    line-height: 150%;
    padding: 0.6em 1em;
    text-align: center;
}
#pun-about #qjump {
    display: none;}
.pun table .tdtopics .status {
    margin-left: -50px;
}
#specificatii {
    background: none repeat scroll 0 0 #029624;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    list-style-type: none;
    margin: 5px 0;
    padding: 5px;
    text-shadow: 1px 1px 0 #000000;
    width: 90%;
}
.large_textbutton {
    background: url("http://i48.servimg.com/u/f48/16/58/89/73/newbtn10.png") repeat-x scroll left top #0B1C30;
    border: 0 none;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 3px 8px #DDDDDD;
    clear: left;
    color: #FFFFFF !important;
    display: block;
    float: right;
    font-family: Arial,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin-left: 10px;
    margin-top: -2px;
    padding: 4px 15px;
    position: relative;
}
.small_textbutton {
    background-color: #0B1C30;
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 1px #DDDDDD;
    clear: left;
    color: #FFFFFF !important;
    display: block;
    float: right;
    font-family: Arial,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin: 2px !important;
    padding: 2px 4px;
    position: relative;
}
.large_textbutton span {
    display: inline;
    font-size: 15px;
    font-weight: 700;
}
.large_textbutton:hover, .small_textbutton:hover {
    background-color: #037730;
    text-shadow: 1px 1px 1px #000000;
}
.large_textbutton:active, .small_textbutton:active {
    background-color: #000000;
}
.useravatar img {
    background-color: #FFFFFF;
    border: 1px solid #A9A9A9;
    box-shadow: 0 0 6px #666666;
    display: inline;
    padding: 4px;
    position: relative;
    transition: all 0.5s ease 0s;
    width: 123px;
}
.pun .sig-content img{max-width:600px}
.pun .sig-content{clear:none;max-height:150px;overflow:hidden}
.pun .sig-content:hover{max-height:100%}


Tạo 1 Html
Title * :Chatbox

Code:

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" id="min-width" lang="vi" xml:lang="vi">
   
    <head>
        <title>ღ ClubTeen9x ღ</title>
        <meta http-equiv="content-style-type" content="text/css">
        <link rel="stylesheet" href="/11-ltr.css" type="text/css" />
        <style type="text/css">
            * {
                margin:0;
                padding:0
            }
            html, body {
                overflow:hidden
            }
            body {
                background-color:#efefef
            }
            #mudimPanel {
                display:none
            }
            div#mudimPanel {
                left:76px!important;
                position:absolute!important;
                width:690px!important;
                top:26px!important;
                border:0!important;
                background:none!important;
                height:26px!important
            }
            span[style="color: rgb(3, 3, 3);"], span[style="color:#030303"] {
                text-decoration:line-through
            }
            span.msg {
                display:inline-block;
                font-family:'Comic Sans MS';
                font-size:13px;
                padding:4px 1px
            }
            #chatbox>p span.user>span strong {
                display:none
            }
            #chatbox>p span.user>span:after {
                content:'  '
            }
            #chatbox_members {
                display:out
            }
            #chatbox {
                bottom:83px;
                left:168;
                line-height:10px;
                overflow:auto;
                position:absolute;
                right:0;
                border:1px solid #DDD
            }
            .date-and-time {
                font-size:9px;
                color:gray
            }

            .chatbox_row_1, .chatbox_row_2 {
                background-color:#fff!important;
                padding:4px
            }
            #chatbox_footer {
                border:0!important
            }
            .chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
                font-size:11px;
                padding:0 5px
            }
            #chatbox_header {
                height:23px!important
            }
            .fontbutton {
                height:16px;
                display:inline-block;
                padding:4px 10px 4px;
                margin-bottom:0;
                font-size:13px;
                line-height:18px;
                color:#333;
                text-align:center;
                text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
                vertical-align:middle;
                background-color:whiteSmoke;
                background-image:-moz-linear-gradient(top, white, #e6e6e6);
                background-image:-ms-linear-gradient(top, white, #e6e6e6);
                background-image:-webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
                background-image:-webkit-linear-gradient(top, white, #e6e6e6);
                background-image:-o-linear-gradient(top, white, #e6e6e6);
                background-image:linear-gradient(top, white, #e6e6e6);
                background-repeat:repeat-x;
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e6e6e6', GradientType=0);
                border-color:#e6e6e6 #e6e6e6 #bfbfbf;
                border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                filter:progid:dximagetransform.microsoft.gradient(enabled=false);
                border:1px solid #CCC;
                border-bottom-color:#b3b3b3;
                -webkit-border-radius:4px;
                -moz-border-radius:4px;
                border-radius:4px;
                -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
                -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
                box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
                cursor:pointer
            }
            .fontbutton_selected {
                color:#333;
                text-decoration:none;
                background-color:#e6e6e6;
                background-position:0 -15px;
                -webkit-transition:background-position .1s linear;
                -moz-transition:background-position .1s linear;
                -ms-transition:background-position .1s linear;
                -o-transition:background-position .1s linear;
                transition:background-position .1s linear
            }
            .fontbutton:hover {
                color:#333;
                text-decoration:none;
                background-color:#e6e6e6;
                background-position:0 -15px;
                -webkit-transition:background-position .1s linear;
                -moz-transition:background-position .1s linear;
                -ms-transition:background-position .1s linear;
                -o-transition:background-position .1s linear;
                transition:background-position .1s linear
            }
            #chatbox_members {
                border:1px solid #DDD;
                bottom:83px;
                overflow:auto;
                position:absolute;
                width:162px
            }
            #chatbox_members .member-title {
                background-color:#f4f9fd;
                background-image:none;
                color:#00569c;
                font-family:Verdana, Arial, Helvetica, sans-serif;
                font-size:12px;
                padding:0!important;
                text-align:center;
                border-bottom:1px solid #DDD
            }
            #chatbox ul {
                list-style-type:none;
                margin:5px 10px 10px 100px;
                border-bottom:2px #3a3a3a dotted;
                border-left:2px #3a3a3a dotted
            }
            #chatbox li {
                line-height:14px;
                padding:3px 3px 3px 7px
            }
            #chatbox_members {
                border: 1px solid #DDD;
                overflow: auto;
                position: absolute;
                width: 162px;
                top: 30px;
            }
            .chatbox_row_1:first-child span[style="font-style:italic"]:before {
                content:" Bạn đã mất kết nối do nhởn nhơ quá lâu nên bị đá . Bấm đăng nhập nếu muốn tiếp tục chém gió!";
                visibility: visible;
            }
            .chatbox_row_1:first-child span[style="font-style:italic"] {
                visibility: hidden;
            }
            #chatbox img {
                max-width: 500px;
                max-height: 250px;
            }
            span[style="color:#FF0000"]:before {
                content: url(http://2img.net/i/fa/empty.gif );
                padding-right:2px;
            }
            /* Icon trước nick */
            span[style="color:#0DA7FA"]:before {
                content: url(http://i75.servimg.com/u/f75/14/65/61/19/chemgi10.gif);
                padding-right:2px;
            }
            span[style="color:#FF0000"] strong {
                color: white;
            }
            span[style="color:#FF0000"] {
                text-shadow: 0 0 0.3em #FF0000, 0 0 0.4em #FF0000, 0 0 0.5em #FF0000;
                color: #FF0000;
            }
            /* Smod */
            span[style="color:#9B05FF"] strong {
                color: white;
            }
            span[style="color:#9B05FF"] {
                text-shadow: 0 0 0.3em #9B05FF, 0 0 0.4em #9B05FF, 0 0 0.5em #9B05FF;
                color: #9B05FF;
            }
            /* chém gió */
            span[style="color:#0DA7FA"] strong {
                color: white;
            }
            span[style="color:#0DA7FA"] {
                text-shadow: 0 0 0.3em #0DA7FA, 0 0 0.4em #0DA7FA, 0 0 0.5em #0DA7FA;
                color: #0DA7FA;
            }
            /* Vip */
            span[style="color:#EA05FF"] strong {
                color: white;
            }
            span[style="color:#EA05FF"] {
                text-shadow: 0 0 0.3em #EA05FF, 0 0 0.4em #EA05FF, 0 0 0.5em #EA05FF;
                color: #EA05FF;
            }
            #triangles {
            }
            .uparrowdiv, .downarrowdiv, .leftarrowdiv, .rightarrowdiv {
                width:95%;
                min-height:100%;
                background: #ffffff;
                background-image: url(http://i75.servimg.com/u/f75/17/89/81/08/untitl10.png);
                background-position: top right;
                background-repeat: no-repeat;
            }
#chatbox_header span {
    margin-left: -165px;
}
        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
        <script src="http://illiweb.com/rs3/34/frm/lang/vi.js" type="text/javascript"></script>
        <script src="http://illiweb.com/rs3/34/frm/chatbox/chatbox6.js" type="text/javascript"></script>
        <script src="http://trasua.ace.st/32368.js" type="text/javascript"></script>
        <script type="text/javascript" src="http://mudim.googlecode.com/files/mudim-0.8-r142.js"></script>
    </head>
   
    <body onload="if(!connected){CB_disconnect();}ajax_refresh_chatbox('?archives=100', 1);" class="chatbox" id="captcha">
        <div id="chatbox_header" class="buzza1" style=" border: 1px solid #CCC; background-color: #f4f4f4;">
<b>
<div style="float:left ;padding-right: 5px;margin-top: 2px;">
<font size=2>
Đánh Lệnh: <font color="red" size=3>/help</font> để  xem lệnh dùng trong chatbox
</font>
</b>

        </div>
        <div style="float:right ;padding-right: 5px;margin-top: 2px;">
            <a href="javascript:void(0)" onclick="CB_disconnect();">
<span id="chatbox_option_co" style="display: ;" onclick="zoo();"><strong>Đăng_Nhập</strong></span><span id="chatbox_option_disco" style="display: none;" onclick="raa();">Thoát</span>
            </a>
        </div>
        </div>
        <div id="chatbox_members" class="buzza1" curpos="0" maxpos="460" pageincrement="144" increment="10"></div>
        </strong>
        <div class="buzza1" id="chatbox"></div>
        <div class="uparrowdiv" style="padding: 10px;">
            <div id="chatbox_footer" class="buzza1" style="display: none; ">
                <div id="chatbox_messenger">
                    <div class="he" id="xong" style="margin-top: 0px; border: 1px solid #DDD; height: 93px; overflow: auto; display: block; margin-bottom: 5px; display: none; "></div>
                </div>
                <form name="post" action="/chatbox/chatbox.forum" method="post" onsubmit="submitmsg('?archives=1');refresh_chatbox('?archives=1');return false;">
                    <table width="100%" cellspacing="0" cellpadding="0">
                        <tbody>
                            <tr>
                                <td class="row3" style="border: 1px solid #DDD;background-color: #FBFBFB;">
                                    <div id="chatbox_messenger_form" style="display: none; " class="row1">
                                        <table cellspacing="0" cellpadding="0" height="24" width="100%" class="chatfootertable">
                                            <tbody>
                                                <tr>
                                                    <td width="100%" align="left" style="padding-left: 4px;">
                                                        <p id="chatboxt" style="display: none;"></p>
                                                        <label>
                                                            <input type="text" id="message" name="message" size="35" maxlength="1024" class="post" autocomplete="off" placeholder="Vui lòng gõ Tiếng Việt có dấu - Không đưa yêu cầu tại đây. Cảm ơn!" style="width: 82%;">
                                                        </label>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td width="100%" align="left">
                                                        <table cellspacing="7" cellpadding="0" border="0" style="line-height: 0px;" class="text-styles">
                                                            <tbody>
                                                                <tr>
                                                                    <td>
                                                                        <input type="hidden" name="sbold" value="0">
                                                                        <input type="hidden" name="sitalic" value="0">
                                                                        <input type="hidden" name="sunderline" value="0">
                                                                        <input type="hidden" name="sstrike" value="0">
                                                                        <input type="hidden" name="scolor" id="scolor" value="#000000"><span class="gen" onclick="document.post.message.focus();"><input type="hidden" name="sent" value="" onclick="submittb();"><input type="submit" name="submit_button" class="btn btn-primary" value="SEND" id="submit_button" style="font-weight: bold;height:22px;" onclick="submittb();"></span>
                                                                        <td>
                                                                            <div id="divbold" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className=( document.post.sbold.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onclick="do_style('bold');"
                                                                            onmousedown="this.className='fontbutton fontbutton_clicked';" onmouseup="this.className=( document.post.sbold.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'">
                                                                                <img src="http://2img.net/i/fa/subsilver/wysiwyg/bold.gif" width="21" height="20" alt="Bold" title="Bold">
                                                                            </div>
                                                                            <div id="divitalic" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className=( document.post.sitalic.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'"
                                                                            onclick="do_style('italic');" onmousedown="this.className='fontbutton fontbutton_clicked';" onmouseup="this.className=( document.post.sitalic.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'">
                                                                                <img src="http://2img.net/i/fa/subsilver/wysiwyg/italic.gif" width="21" height="20" alt="Ital." title="Ital.">
                                                                            </div>
                                                                            <div id="divunderline" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className=( document.post.sunderline.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'"
                                                                            onclick="do_style('underline');" onmousedown="this.className='fontbutton fontbutton_clicked';" onmouseup="this.className=( document.post.sunderline.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'">
                                                                                <img src="http://2img.net/i/fa/subsilver/wysiwyg/underline.gif" width="21" height="20" alt="Underl." title="Underl.">
                                                                            </div>
                                                                            <div id="divstrike" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className=( document.post.sstrike.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'"
                                                                            onclick="do_style('strike');" onmousedown="this.className='fontbutton fontbutton_clicked';" onmouseup="this.className=( document.post.sstrike.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'">
                                                                                <img src="http://2img.net/i/fa/subsilver/wysiwyg/strike.gif" width="21" height="20" alt="Strike" title="Strike">
                                                                            </div>
                                                                            <div id="divcolor" class="fontbutton" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className='fontbutton fontbutton_normal'" onclick="do_selectcolor(event);">
                                                                                <img src="http://2img.net/i/fa/subsilver/wysiwyg/color.gif" width="21" height="16" alt="Màu font" title="Màu font" />
                                                                                <img src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif" width="11" height="16" alt="Màu font" title="Màu font" />
                                                                                <img src="http://2img.net/i/fa/subsilver/wysiwyg/clear.gif" id="show_color" alt="Màu font" title="Màu font" width="21" height="4" style="display: none">
                                                                            </div>
                                                                            <div id="emoclik" class="fontbutton fontbutton_normal">
                                                                                <img src="http://2img.net/i/fa/subsilver/wysiwyg/smilie.gif" width="21" height="20" alt="Biểu tượng" title="Biểu tượng">
                                                                                <img src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif" width="11" height="20" alt="Biểu tượng" title="Biểu tượng">
                                                                            </div>
                                                                            <div style="display: none" id="emoclik2" class="fontbutton fontbutton_normal">
                                                                                <img src="http://2img.net/i/fa/subsilver/wysiwyg/smilie.gif" width="21" height="20" alt="Biểu tượng" title="Biểu tượng">
                                                                                <img src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif" width="11" height="20" alt="Biểu tượng" title="Biểu tượng">
                                                                            </div>
                                                                            <input onclick="buzz();" type="button" class="btn" value="BUZZ!!!" title="buzz" style="font-weight: bold;color:red;height:22px;" id="submit_butt">
                                                                            <td>
                                                                                <input onclick="javascript:window.location.reload()" class="btn" type="button" value="Refresh" title="Refresh" style="font-weight: bold;height:22px;">
                                                                            </td>
                                                                            <td>
                                                                                <a href="http://www.teenlythuongkiet.net/h30-" onclick="window.open(this.href, 'HuongdansudungShoubox', 'resizable=yes,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=1000,height=400'); return false;">
    </body>
    <input onclick="buzz();" type="button" class="btn" value="HD Chatbox" title="Hướng dẫn sử dụng Chatbox" style="font-weight: bold;color:blue;height:22px;" id="submit_butt">
    </strong>
    </a>
    </td>
    <td>
        <div class="gen" id="chatbox_main_options"><span id="chatbox_option_autorefresh" onclick="refresh_chatbox('?archives=1');" style="display: none; "><label for="refresh_auto">Auto refresh </label><input type="checkbox" name="refresh_auto" id="refresh_auto" checked="checked" style="background: transparent;"></span>
        </div>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    </div>
    </td>
    </tr>
    </tbody>
    </table>
    </form>
    </div>
    </div>
    <script>
        $("input#message").keyup(function () {
            var valuet = $(this).val();
            $("p#chatboxt").text(valuet);
        });
        $("#submit_butt").click(function () {
            var conf = {
                frequency: 10000,
                duration: 1000
            };
            $("div.buzza1").vibrate(conf);
        });
    </script>
    <script>
        jQuery.fn.vibrate = function (conf) {
            var config = jQuery.extend({
                speed: 40,
                duration: 3000,
                frequency: 20000,
                spread: 100
            }, conf);
            return this.each(function () {
                var t = jQuery(this);
                var vibrate = function () {
                    var rotate = Math.floor(Math.random() * config.spread - (config.spread - 1) / 2);
                    t.css({
                        '-webkit-transform': 'rotate(' + rotate + 'deg)',
                        '-moz-transform': 'rotate(' + rotate + 'deg)',
                        '-ms-transform': 'rotate(' + rotate + 'deg)',
                        '-o-transform': 'rotate(' + rotate + 'deg)'
                    })
                };
                var doVibration = function () {
                    var vibrationInterval = setInterval(vibrate, config.speed);
                    var stopVibration = function () {
                        clearInterval(vibrationInterval);
                        t.css({
                            '-webkit-transform': 'rotate(0deg)',
                            '-moz-transform': 'rotate(0deg)',
                            '-ms-transform': 'rotate(0deg)',
                            '-o-transform': 'rotate(0deg)'
                        })
                    };
                    setTimeout(stopVibration, config.duration)
                };
                doVibration()
            })
        };
    </script>
    <script type="text/javascript">
        //<![CDATA[

        function buzz() {
            document.post.sent.value = ":buzz:";
            document.post.message.value = '';
            document.post.message.focus();
            ajax_submit_chatbox(params);
            return false;
        }

        function zoo() {
            document.post.sent.value = "Chúc Mọi Người Onl Vui Vẻ";
            document.post.message.value = '';
            document.post.message.focus();
            ajax_submit_chatbox(params);
            return false;
        }

        function ajax_connect(params, mode) {
            if (params == '' || params == undefined) {
                params = '?achives=1';
            }
            if (window.XMLHttpRequest) {
                var http_request = new XMLHttpRequest();
            } else if (window.ActiveXObject) {
                var http_request = new ActiveXObject("Microsoft.XMLHTTP");
            }
            http_request.onreadystatechange = function () {
                if (http_request.readyState == 4 && http_request.status == 200) {
                    var parsed_text = http_request.responseText;
                    if (parsed_text) {
                        if (mode == 'connect') {
                            document.getElementById('chatbox_option_co').style.display = 'none';
                            document.getElementById('chatbox_option_disco').style.display = '';
                            document.getElementById('refresh_auto').checked = true;
                            document.getElementById('chatbox_option_autorefresh').style.display = '';
                            document.getElementById('chatbox_messenger_form').style.display = '';
                            document.getElementById('chatbox_footer').style.display = 'block';
                            connected = 1;
                            number_of_refresh = 0;
                        } else if (mode == 'disconnect') {
                            document.getElementById('chatbox_option_co').style.display = '';
                            document.getElementById('chatbox_option_disco').style.display = 'none';
                            document.getElementById('chatbox_option_autorefresh').style.display = 'none';
                            document.getElementById('chatbox_messenger_form').style.display = 'none';
                            document.getElementById('chatbox_footer').style.display = 'none';
                            connected = 0;
                        }
                        refresh_chatbox(params);
                    }
                }
            };
            http_request.open('GET', '/chatbox/chatbox_actions.forum' + params + '&mode=' + mode + my_getcookie('mytid').substr(my_getcookie('mytid').indexOf('&tid='), 37), true);
            http_request.send(null);
        }
        function CB_disconnect() {
            if (connected) {
                ajax_connect('?archives=1', 'disconnect');
                clearInterval(refresh_interval);
            } else {
                ajax_connect('?archives=1', 'connect');
                try {
                    refresh_interval = setInterval("refresh_chatbox('?archives=1');", 5000);
                } catch (err) {}
            }
        }
        if (document.location.href.indexOf('chatbox', 1) == -1) {
            $('#divcolor').css('display', '');
            $('#divsmilies').css('display', '');
        }
        var connected = false;
        var chatbox_updated = 1311622505;
        var chatbox_last_update = 1311622505;
        var template_color = '#000000';
        var refresh_interval;
        window.setTimeout("document.getElementById('chatbox').scrollTop = 999999; Init_pref();", 200);
        window.setTimeout("document.getElementById('chatbox').scrollTop = 999999;", 1000);
        if (connected) {
            try {
                refresh_interval = setInterval("refresh_chatbox('?archives=1');", 5000);
            } catch (err) {}
        } else {
            try {
                refresh_chatbox('?archives=1');
            } catch (err) {}
        }
        var params = '?archives=1';
        var smilies_sid = ''; //]]>
    </script>
    <script>
        jQuery("#emoclik").click(function () {
            jQuery(this).hide();
            jQuery("#emoclik2").show();
            jQuery("#chatbox,#chatbox_members").animate({
                height: "-=100"
            }, 1000);
            jQuery.ajax({
                type: "POST",
                url: "/h6-",
                success: function (emo) {
                    jQuery("#xong").html(emo).slideDown(1000)
                }
            })
        });
        jQuery("#emoclik2").click(function () {
            jQuery(this).hide();
            jQuery("#emoclik").show();
            jQuery("#chatbox,#chatbox_members").animate({
                height: "+=100"
            }, 1000);
            jQuery.ajax({
                type: "POST",
                url: "/h6-",
                success: function (emo) {
                    jQuery("#xong").html(emo).slideUp(1000)
                }
            })
        });
    </script>
    </body>

</html>

Rồi lấy Link Html chatbox thay vào /h10-page-chatbox trong index_body và fooder_end

xem

xem