vì code dài nên sẽ đăng theo nhiều bài biết trong topisc này
Demo: http://chothai247.forumvi.com/forum
VÀO ĐỀ LUÔN
overall_header
Body
Demo: http://chothai247.forumvi.com/forum
VÀO ĐỀ LUÔN
overall_header
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<script type="text/javascript" src="http://thainguyen24h.forumvi.com/h1-page"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_fb_login -->
<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new -->
<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;
case 'left':
break;
case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;
case 'right':
auto_dir = 'prev';
break;
default:
slid_vert = true;
}
$(document).ready(function() {
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
if (width_max > 0)
{
$('#fa_ticker_content').css('display','block');
$('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
if (slid_vert)
{
var height_max = h_perso;
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
$('ul#fa_ticker_content li').height(height_max);
}
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
if(pm != null) { pm.focus(); }
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
if(report != null) { report.focus(); }
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
<!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup -->
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<!-- BEGIN switch_ticker_new -->
<style>
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
</style>
<!-- END switch_ticker_new -->
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
_gaq.push(["_trackPageview"]);
_gaq.push(['_trackPageLoadTime']);
<!-- BEGIN google_analytics_code_bis -->
_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
_gaq.push(['b._trackPageview']);
<!-- END google_analytics_code_bis -->
(function() {
var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</script>
<!-- END google_analytics_code -->
</head>
<body>
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup" class="module main">
<div id="login_popup_title" class="main-head">
<div class="h3">{SITENAME}</div>
</div>
<div class="main-content">
{LOGIN_POPUP_MSG}
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="button2" value="{L_LOGIN}" />
<input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
</div>
</div>
<!-- END switch_login_popup -->
<script type="text/javascript"> jQuery(document).ready(function() {jQuery(".loginlink").toggle(function(){jQuery(".user-dropdown-box").slideToggle('fast');}, function(){jQuery(".user-dropdown-box").slideUp('fast');});});</script>
<body>
<a id="top" name="top" accesskey="t"></a>
<div class="devsitePage">
<div class="menuhb">
<div class="contenthb">
<a class="logo" href="https://www.facebook.com/pages/Di%E1%BB%85n-%C4%91%C3%A0n-Th%C3%A1i-Nguy%C3%AAn-News/668263339869282?ref=ts&fref=ts">
<img class="img" src="http://upanh.biz/images/2013/10/22/CXhIs.png" alt="Diễn Đàn Thái Nguyên 24h" width="105" height="20" title="FaceBook Thái Nguyên 24h">
</a>
<a class="l" href="http://chothai247.forumvi.com">Trang chủ</a>
<a class="l" href="http://chothai247.forumvi.com/forum">Diễn đàn</a><a class="l" href="/f69-">Girl xinh</a>
<a class="l" href="/f130-">Vui Hài</a><a class="l" href="/f71-">Hình Ảnh</a>
<a class="l" href="/chatbox/index.forum?page=front&">Chat chit</a>
<div class="clearhb"></div></div></div>
<div class="minwidth_IE">
<div class="layout_IE">
<div class="container_IE"><div class="pun">
<div class="above_body">
<!--
closing tag is in template navbar -->
<div id="Layer1" style="Z-INDEX: 1; RIGHT: 200px; WIDTH: 450; POSITION: absolute; TOP: 30px; HEIGHT: 200">
<embed height="200" width="450" flashvars="bannerWidth=450&bannerHeight=200&bannerSID=http://img.uu1001.cn/x3/2012-06-07/15-46/2012-06-07_e362c871463e3ece0d1882f8427cbea6_0.xml&bannerXML=&bannerLink=http://&dataSource=&bid=30683525&appSource=default" wmode="transparent" allowscriptaccess="always" quality="high" name="30683525" id="30683525" style="" src="http://img.uu1001.cn/bcv3.swf?v=20120313" type="application/x-shockwave-flash" __idm_id__="488005633">
</div>
<div id="header" class="floatcontainer doc_header">
<img src="http://i.imgur.com/hWnaRHM.png" style="border: medium none; position: absolute; z-index: 0; left: -25px; top: -30px;">
<img src="http://i.imgur.com/wGdXoyR.png" style="border: medium none; position: absolute; z-index: 0; right: -25px; top: -30px;">
<div><a name="top" href="/" class="logo-image">
<img src="http://i55.servimg.com/u/f55/17/57/29/64/logoch10.gif" alt="Diễn Đàn Chợ Thái 247" title="Diễn Đàn Chợ Thái 247">
</a></div>
<div id="toplinks" class="toplinks">
<!-- BEGIN switch_user_logged_out -->
<span id="quick_login" class="relative">
<a class="loginlink" href="/login">
<i class="icon-user"></i> Đăng Nhập</a>
<div class="user-dropdown-box" style="display: none;">
<div class="user-dropdown-box-inner">
<form action="/login" method="post" name="form_login">
<div class="userloginbox">
<div class="username">
<input class="namusipb" placeholder="Tài Khoản" type="text" size="10" name="username"></div>
<div class="pass">
<input class="passipbnwa" placeholder="Mật Khẩu" type="password" size="10" name="password"></div>
<div class="saipb">
<span class="gensmall">
<input class="radio" type="checkbox" name="autologin" checked="checked">
<strong>Ghi nhớ mật khẩu</strong></span>
</div><div class="buttonipblog">
<input class="mainoption" type="submit" name="login" value="Đăng Nhập"></div>
<div class="sendpass"><a href="/profile?mode=sendpassword" data-tooltip="Register now!"><b>Quên mật khẩu</b>
</a></div></div></form></div></div>
<a class="registerlink" href="/register"><i class="icon-plus-sign"></i> Đăng Ký</a>
</span>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<span id="quick_login" class="relative"><a class="loginlink" href="/profile" style=" background: black; color: white; "><i class="icon-user"></i>Lý Lịch
<strong style="padding-left:2px">
<script type="text/javascript">
var nlog="{LOGGED_AS}";
document.write(nlog.substring(13));
</script>
</strong>
</a><div class="user-dropdown-box" style="display: none;width: 180px;margin-left: -65px;"><div class="user-dropdown-box-inner"><form action="/profile" method="post" name="form_login"><div class="userloginbox"><div class="username" style=" text-align: left; "><li><a href="/profile?mode=editprofile">Lý Lịch Của Bạn</a></li>
<li><a href="/profile?mode=editprofile&page_profil=signature">Sửa Chữ Ký</a></li>
<li><a href="/profile?mode=editprofile&page_profil=avatars">Sửa Avatar</a></li>
<li><a href="/profile?change_password=Change+your+password&mode=editprofile&page_profil=informations#">Đổi Mật Khẩu</a></li><li><a href="/sta/<strongLogged in as <strong>tuyệt vọng</strong></strong>">Chủ Đề Của Bạn</a></li><li><a href="/spa/ <strongLogged in as <strong>tuyệt vọng</strong></strong>">Bài Viết Của Bạn</a></li></div></div></form></div></div><a class="registerlink" href="/login?logout=1" style=" background: #FFFF00; color: red; ">Thoát</a></span>
<!-- END switch_user_logged_in -->
</div><style>.username li {background: white;border-top: 1px solid #ddd;padding-left: 15px;text-align: left;list-style-image: url(http://i64.servimg.com/u/f64/15/44/78/93/mini_p10.png);}.username li:hover {background: #f5f5f5;}</style>
<div class="ad_global_header"></div>
<hr></div>
<div id="navbar" class="navbar"><img src="http://i.imgur.com/KOSOJdz.png" style="border: medium none; position: absolute; z-index: 0; left: 0px; top: 0px;"><ul id="navtabs" class="navtabs floatcontainer"><li><a class="navtab" href="http://chothai247.forumvi.com/forum">Diễn đàn</a><ul class="floatcontainer"><li><a class="mainmenu" href="/calendar"><img id="i_icon_mini_calendar" src="http://2img.net/i/fa/empty.gif" border="0" hspace="2" alt="Calendar" title="Calendar">Lịch</a> </li><li><a class="mainmenu" href="/faq"><img id="i_icon_mini_faq" src="http://2img.net/i/fa/empty.gif" border="0" hspace="2" alt="FAQ" title="FAQ">Trợ Giúp</a> </li><li><a class="mainmenu" href="/register" ><img id="i_icon_mini_register" src="http://2img.net/i/fa/empty.gif" border="0" hspace="2" alt="Register" title="Register">Đăng Ký</a> </li><li><a class="mainmenu" href="/h1-login"><img id="i_icon_mini_login" src="http://2img.net/i/fa/empty.gif" border="0" hspace="2" alt="Log in" title="Log in">Đăng Nhập</a> </li></ul></li><li><a class="navtab" href="/search?search_id=newposts" accesskey="2">Có gì mới?</a></li><li><a class="navtab" href="/memberlist" title="Thành Viên">Thành viên</a></li><li><a class="navtab" href="/f" title="Vườn Ước Nguyện">Vườn Ước Nguyện</a></li></ul><script type="text/javascript">$("a.navtab[href='" + location.pathname + location.search + "']").parent("li").addClass("selected");$("a.mainmenu[href='" + location.pathname + location.search + "']").parent("li").addClass("selectF");$("a.mainmenu[href='/?tt=1'],a.mainmenu[href='/'],a.mainmenu[href^='/forum'],a.mainmenu[href^='/privmsg?folder=inbox'],a.mainmenu[href^='/search']").parent().hide();</script><div id="globalsearch" class="globalsearch"><form action="search.php?do=process" method="post" id="navbar_search" class="navbar_search"><input type="hidden" name="securitytoken" value="guest"><input type="hidden" name="do" value="process"><span class="textboxcontainer"><span><input type="text" value="" name="query" class="textbox" tabindex="99"></span></span><span class="buttoncontainer"><span><input type="image" class="searchbutton" src="http://i.imgur.com/cFACGIb.png" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"></span></span></form><ul class="navbar_advanced_search"><li><a href="search.php" accesskey="4">Tìm kiếm nâng cao</a></li></ul></div></div></div>
<div class="pun-crumbs noprint"><p class="crumbs"><a href="http://chothai247.forumvi.com/forum">Chợ Thái 247</a> » <strong><a href=""></a></strong></p></div> <form action="profile.php?do=dismissnotice" method="post" id="notices" class="notices"><input type="hidden" name="do" value="dismissnotice"><input type="hidden" name="s" value=""><input type="hidden" name="securitytoken" value="guest"><input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value=""><input type="hidden" name="url" value=""><ol><li class="restore" id="navbar_notice_1"><div>» Nếu đây là lần đầu tiên bạn tham gia diễn đàn, xin mời bạn xem phần <a href="faq" target="_blank"><b>Hỏi/Đáp</b></a> để biết cách dùng diễn đàn.</div><div>» Bạn có thể <a href="register" target="_blank"><b>Đăng ký</b></a>để có thể viết bài. </div></li> </ol></form><div class="body_wrapper">
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="padding-top:4px;">
<div class="module main">
<div class="main-content clearfix">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</div>
</div>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="padding-top:4px;">
<div class="module main">
<div class="main-content clearfix">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END switch_ticker -->
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<div id="outer-wrapper">
<div id="wrapper">
<div id="container">
<div id="content">
<div id="main">
<div id="main-content">
<!-- BEGIN html_validation -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!-- END html_validation -->
Body
Code:
<div class="main" style="margin-bottom: 0"><div class="main-head"><div class="page-title"><h2>Thống kê Chợ Thái 247</h2></div></div></div>
{JAVASCRIPT}
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table class="thongke" cellpadding="0" cellspacing="0" border="0" width="100%" align="center" >
<tbody>
<tr>
<td valign="top" width="100%">
<div class="test">
<table class="thongke" cellpadding="4" cellspacing="0" style="border: 1px #c0c0c0 solid;" border="0" width="100%" align="center">
<tr>
<td width="100%">
<table class="thongke" cellpadding="0" cellspacing="4" border="0" width="100%" align="center">
<thead>
<tr valign="top">
<td width="23%"></td><td width="100%" colspan="2"></td>
</tr>
<tr>
<td><table class="thongke" cellpadding="0" cellspacing="0" border="0" width="110%" align="center" >
<tr><td valign="top" style="border: 1px solid #9DB3C5;">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR} <!-- END giefmod_index1 --></tr></thead></table>
</td></tr></table>
</div>
</td>
</tr><tr>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->
<!-- BEGIN message_admin_index -->
<div class="main">
<!-- BEGIN message_admin_titre -->
<div class="main-head">
<h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div id="pun-announcement">
<p>{message_admin_index.message_admin_txt.MES_TXT}</p>
</div>
<!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form main-box center">
<label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
</div>
<!-- END switch_user_login_form_header -->
<iframe src="http://chothai247.forumvi.com/h5-page" height="250" width="100%" frameborder="0"></iframe>
{CHATBOX_TOP}
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<div class="tcat_c L1 collapse">
<img src="http://i.imgur.com/ESd3wad.png" style="border: medium none; position: absolute; z-index: 0; margin-left: -32px;">
<div class="tcat_l"><div class="tieudetcat">
<span class="tieude">
<a style="color:white" class="res">
<h2>TÌNH HÌNH DIỄN ĐÀN</h2></a></span></div></div>
</div><div class="main-content" style="background: #FFFFFF;">
<div id="stats" style="background: #FFFFFF;">
<p class="right">{TOTAL_POSTS}</p>
<p>{TOTAL_USERS}</p>
<p>{NEWEST_USER}</p>
</div>
<div id="onlinelist" style="background: #FFFFFF;">
<img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
<p class="right" style="background: #FFFFFF;">
<!-- BEGIN switch_viewonline_link -->
<a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
{L_WHO_IS_ONLINE}
<!-- END switch_viewonline_nolink -->
</p>
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}
<br />
{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
<div class="clear"></div>
</div>
<!-- BEGIN switch_chatbox_activate -->
<div id="onlinechat" style="background: #FFFFFF;">
<p class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}<br />
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
</script>
<!-- END switch_chatbox_popup -->
</p>
</div>
<!-- END switch_chatbox_activate -->
</div>
<!-- END disable_viewonline -->
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form main-box center">
<label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
<!-- END switch_user_login_form_footer -->
{CHATBOX_BOTTOM}
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true,
oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->