cho vào index body
- Code:
<script type="text/javascript" src="http://www.hotrofm.com/31415.js"></script>
<script type="text/javascript" src="http://www.hotrofm.com/28373.js"></script>
<script type="text/javascript">
function searchuser(nguonU, soU, dichU) {
$("#loaUser").show();
$.ajax({
url: nguonU,
success: function (data) {
$("#loaUser").hide();
$("#top_posters .latest_topics").empty();
$(data).find(".dataUserFmvi:lt(" + soU + ")").appendTo(dichU);
$(dichU + ' .dataUserFmvi').wrap("<li></li>");
var g;
for (g = 0; g < 20; g++) {
var ggg = $(dichU + " .dataUserFmvi:eq(" + g + ")>span:first");
ggg.replaceWith("<span onmouseover=\"show_tooltip(this, $(this).next().html(), 'FMvi.Org')\" style=\"position: absolute; left: 0pt;\">" + ggg.html() + "</span>")
}
},
error: function (jqXHR, textStatus, errorThrown) {
$(dichU).html('<p><font face="Courier New"><font color="red">Có lỗi xảy ra trong quá trình tải dữ liệu.</font></font></p>');
}
});
}
searchuser('/memberlist?mode=overall_posters', '20', '#top_posters ul');
searchtopic('/search?search_keywords=&search_author=*', '20', '#recentnew ul');
$("#left").fadeIn(1000);
$(function(){
$("#changeFMvi").html($("#jumboxFMvi select").html());
});
</script>
<div id="left" class="boxfmvi main" style="display: block; ">
<div class="main-head"><div class="page-title">
<a style="margin-right: 10px;" href="javascript:vol(0)" onclick="javascript:searchtopic('/search?search_keywords=&search_author=*_*', '20', '#recentnew ul')" original-title="Reload">
<img src="http://i44.servimg.com/u/f44/17/54/81/09/playba10.png"></a>
<span style="color:#FFF;font-family:Trebuchet MS;font-size:17px!important;font-variant:small-caps;font-weight:600!important;text-shadow:1px 1px 1px #000">Tình hình diễn đàn</span><select style="float:right;clear:right" id="changeFMvi" onchange="searchtopic('/search?search_keywords=&search_author=*_*&search_where='+this.options[this.selectedIndex].value, '20', '#recentnew ul')"></select></span></div>
</div>
</div>
<div class="main-content" style="height:31em; border-radius:0;margin-top: -15px; ">
<div class="module main toppost_width" style="border: 0 none; border-radius: 0">
<div class="starsTitle"><img id="loaUser" style="display: none; float: right; margin-top: 3px;" src="http://i43.servimg.com/u/f43/16/03/04/56/13x13p10.gif" />
<fieldset style="margin-top: -0.1em">
<select style="width: 167px" onchange="searchuser(this.options[this.selectedIndex].value, '20', '#top_posters ul')">
<option value="/memberlist?mode=overall_posters">Thành viên tích cực</option>
<option value="/memberlist?mode=today_posters">Gửi bài hôm nay</option>
<option value="/memberlist?mode=joined&order=DESC">Thành viên mới</option>
<option value="/memberlist?mode=lastvisit&order=DESC">Truy cập gần đây</option>
<option value="/memberlist?mode=groups&order&submit=Ok&username"> nhóm Truy cập gần đây</option>
</select>
</fieldset>
</div>
<div id="top_posters" class="main-content" style=" border-radius: 0pt 0pt 0pt 0pt ! important; background-color: rgb(251, 251, 251) ! important;">
<ul class="latest_topics" style="border:0 none">
<div class="loaddinng"></div>
</ul>
</div>
</div>
<div class="module main recentWidth1" style="border-color: ##DDD; border-radius: 0">
<div class="starsTitle">
Thống kê bài viết mới
Gửi Bởi Xem Trả lời Mục Gửi
<div id="proLastLoad" class="loaddingLike"></div>
</div>
<div id="recentnew" class="main-content" >
<ul class="latest_topics" style="padding-left: 20px ! important;"><div class="loaddinng"></div></ul></div>
</div>
- Code:
<div class="main paged; boxContent" style="float: left; width: 722px; ">
<div class="main paged">
<form action="{S_ACTION}" method="post" name="post" onsubmit="return verify_select();" class="frm-form">
<div class="main-head">
<h1 class="page-title">{L_SEARCH_MATCHES}</h1>
</div>
<div class="main-content">
<table class="table" cellspacing="0">
<thead>
<tr>
<th class="tcl">{L_TOPICS}</th>
<th class="tc2">{L_FORUM}</th>
<th class="tc3">{L_REPLIES}</th>
<th class="tc3">{L_VIEWS}</th>
<th class="tcr">{L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- BEGIN searchresults -->
<tr>
<td class="tcl tdtopics search">
<span class="status">
<img src="{searchresults.TOPIC_FOLDER_IMG}" alt="{searchresults.L_TOPIC_FOLDER_ALT}" title="{searchresults.L_TOPIC_FOLDER_ALT}" />
</span>
{searchresults.NEWEST_POST_IMG}
{searchresults.PARTICIPATE_POST_IMG}
{searchresults.TOPIC_TYPE}
<h2 class="topic-title">
<a class="topictitle" href="{searchresults.U_VIEW_TOPIC}">{searchresults.TOPIC_TITLE}</a>
<div class="tooltipFMvi" style="display:none"><div style="padding:10px">
<p class="tiplFMvi">Tiêu đề:
<font color="blue">{searchresults.TOPIC_TITLE}</font>
</p>
<p>Tạo chủ đề: {searchresults.TOPIC_AUTHOR}</p>
<p>Chuyên mục:
<font color="#0099FF"><a href="{searchresults.U_VIEW_FORUM}">{searchresults.FORUM_NAME}</a></font>
</p>
<p>Trạng thái:
<font color="#CC0000">{searchresults.L_TOPIC_FOLDER_ALT}</font>
</p>
<p>Lần xem:
<font color="#FF66CC">{searchresults.VIEWS}</font>
</p>
<p class="tiplFMvi">Lượt trả lời:
<font color="#009933">{searchresults.REPLIES}</font>
</p>
<p>Người gửi cuối: {searchresults.LAST_POST_AUTHOR}</p>
<p>Thời gian gửi:
<font color="#FF6600">{searchresults.LAST_POST_TIME}</font>
</p>
<span style="display:none" class="lastlink-FMvi">{searchresults.LAST_POST_IMG}</span>
</div></div>
</h2>
{searchresults.GOTO_PAGE}
{searchresults.L_BY} {searchresults.TOPIC_AUTHOR}
</td>
<td class="tc2"><a href="{searchresults.U_VIEW_FORUM}">{searchresults.FORUM_NAME}</a></td>
<td class="tc3">{searchresults.REPLIES}</td>
<td class="tc3">{searchresults.VIEWS}</td>
<td class="tcr">{searchresults.LAST_POST_TIME} {searchresults.L_BY} {searchresults.LAST_POST_AUTHOR}{searchresults.LAST_POST_IMG}</td>
</tr>
<!-- END searchresults -->
</tbody>
</table>
</div>
<div class="main-foot">
</div>
<div class="paged-foot clearfix">
<p class="paging">{PAGINATION}</p>
<p class="posting">{L_BACK_TO_TOP}</p>
</div>
</form>
</div>
</div>
- Code:
<!-- 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>
</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 -->
<div class="pun-crumbs">
<p class="crumbs">
<a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} » <strong>{PAGE_TITLE}</strong>
</p>
</div>
<div class="main frm">
<!-- BEGIN switch_pagination -->
<div class="paged-head clearfix">
<p class="paging">{PAGINATION}</p>
</div>
<!-- END switch_pagination -->
<div class="main-head">
<h1 class="page-title">{L_ORDER_OR_SELECT}</h1>
</div>
<div class="main-content">
<form action="{S_MODE_ACTION}" method="get" class="form-frm">
<fieldset class="frm-set multi">
<dl>
<dt>{L_USER_SELECT}</dt>
<dd><input type="text" class="inputbox" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}" /></dd>
</dl>
<dl>
<dt>{L_SELECT_SORT_METHOD}</dt>
<dd>{S_MODE_SELECT}</dd>
</dl>
<dl>
<dt>{L_ORDER}</dt>
<dd>{S_ORDER_SELECT}</dd>
</dl>
<div class="frm-buttons">
{S_HIDDEN_SID}
<input type="submit" name="submit" value="{L_SUBMIT}" />
</div>
</fieldset>
</form>
<fieldset class="frm-set clearfix">
<div class="frm-form">
<table class="table" cellspacing="0">
<thead>
<tr>
<th class="tcl memberlist">{L_AVATAR} - {L_USERNAME}</th>
<!-- BEGIN switch_th_group -->
<th class="tc2">{L_GROUPS}</th>
<!-- END switch_th_group -->
<th class="tc3">{L_INTERESTS}</th>
<th class="tc2">{L_JOINED}</th>
<th class="tc2">{L_VISITED}</th>
<th class="tc3">{L_POSTS}</th>
<th class="tc3">{L_PM}</th>
<th class="tc3">{L_WEBSITE}</th>
</tr>
</thead>
<tbody>
<!-- BEGIN memberrow -->
<tr>
<td class="tcl avatar-mini">
<a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG} </a>
<span class="dataUserFmvi">
<span>
<a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a>
</span>
<div style="display:none"><div style="padding:10px">
<table border="0">
<tbody>
<tr>
<td class="avatarthum" align="left">{memberrow.AVATAR_IMG}</td>
<td align="left">{memberrow.USERNAME}
<hr />
<span class="thamtop"><font color="black">Tham gia</font></span>:
<font color="violet">{memberrow.JOINED}</font>
<br />
<span class="truytop"><font color="black">Truy cập cuối</font></span>:
<font color="orange">{memberrow.LASTVISIT}</font>
<br />
<span class="baiBtop"><font color="black">Bài viết</font></span>:
<font color="cyan">{memberrow.POSTS}</font>
</td>
</tr>
</tbody>
</table>
</div></div>
<span class="left20" style="position: absolute; right: 0pt; display: none!important;">
<span class="sobaiTop">{memberrow.POSTS} </span>
<span class="baiBtop">Bài viết</span>
</span>
</span>
</td>
<!-- BEGIN switch_td_group -->
<td class="tc2">{memberrow.GROUPS}</td>
<!-- END switch_td_group -->
<td class="tc3">{memberrow.INTERESTS}</td>
<td class="tc2">{memberrow.JOINED}</td>
<td class="tc2">{memberrow.LASTVISIT}</td>
<td class="tc3">{memberrow.POSTS}</td>
<td class="tc3">{memberrow.PM_IMG}</td>
<td class="tc4">{memberrow.WWW_IMG}</td>
</tr>
<!-- END memberrow -->
<!-- BEGIN switch_no_user -->
<tr>
<td colspan="{switch_no_user.COLSPAN_NUMBER}" class="tcr">{switch_no_user.L_NO_USER}</td>
</tr>
<!-- END switch_no_user -->
</tbody>
</table>
</div>
</fieldset>
</div>
<div class="main-foot">
</div>
<!-- BEGIN switch_pagination -->
<div class="paged-foot clearfix">
<p class="paging">{PAGINATION}</p>
</div>
<!-- END switch_pagination -->
</div>
- Code:
.top-vi,.viewrep{padding:10px!important}#active_starters,#most_active,#pun-visit,#users_month,#users_week{display:none}.lastcate,.leftrecent,.repfmvi,.rightrecent,
.viewfmvi{overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap}
.leftrecent{width:34%}.left{margin-left:-3px;width:81%}
.imgstatus{background-color:#FFF;left:-32px;padding:2px 7px;position:absolute}.rightrecent{right:250px;text-align:right;width:115px}.showpost{font-size:9px;left:-12px;line-height:18px;position:absolute}
.viewfmvi{right:185px;text-align:right;width:50px}.repfmvi{right: 129px;text-align:right;width:50px}.lastcate{margin-right:-11px;right:0;text-align:right;width:157px}#content-container div#left,#content-container div#right{border:0 none;float:none;margin:0;width:100%}*+ html #content-container div#main{margin-left:0;margin-right:0}* html #content-container #main-content{margin-left:0;margin-right:0;overflow:visible}* html #content-container div#main{float:none;margin-left:-99%;margin-right:-99%;width:100%}.latest_topics{list-style:decimal-leading-zero outside none;margin:0!important;padding:0 5px 0 27px;text-align:left}.latest_topics li{line-height:16.1px;position:relative}.toppost_width{float:left;width:200px}.recentWidth{float:left;width:595px}.recentWidth .main-head{height:1.3em;overflow:hidden;position:relative}.recentWidth h3{marign-left:10px}.loaddinng{background-image:url(http://i43.servimg.com/u/f43/16/03/04/56/black-10.gif);background-position:center center;background-repeat:no-repeat;height:350px;width:440px}#checktip{position:absolute;right:10px;top:3px;z-index:300}#numRecent{display:none;position:absolute;right:12px;top:7px}
.latest_topics li {
line-height: 16.1px;
}
/* Thống kê */
.leftStats{float:left;margin-left:-71px;position:absolute;vertical-align:middle;width:60px}
.rightStats{border-left:2px solid #CFC9C9;min-height:50px;padding-left:10px;margin:5px 10px 5px 70px}
.starsTitle{background-color:#E3E3E3;border:1px solid #D6D2D2;color: white;font-family:Comic Sans MS;font-variant:small-caps;font-weight:700;height:18px;padding:5px;background: url(http://i46.servimg.com/u/f46/15/26/55/24/tcat10.png) repeat scroll 0 0 rgb(8, 137, 238);}
.loaddingLike {
background: url(http://i48.servimg.com/u/f48/16/58/89/73/loadin11.gif) no-repeat scroll center center transparent;
display: none;
height: 1.4em;
margin: -1.4em 0 -3px 200px;
width: 126px;
}
#checktip{position:absolute;right:10px;top:3px;z-index:300}
#numRecent{display:none;position:absolute;right:12px;top:7px}.chatbox_row_1:hover, .chatbox_row_2:hover {
-webkit-box-shadow: gainsboro 0px 0px 4px;
border: 1px solid #C9C9C9;
border-image: initial;
border-radius: 5px;
box-shadow: gainsboro 0px 0px 3px;
margin: 5px;
background-color: white;
}
/* Tooltip */
#tooltip .header {display:none}
#tooltip .tiplFMvi{border-bottom:1.5px dashed;padding-bottom:5px;margin-bottom:5px}
#tooltip{max-width:550px;position:absolute;background-color:#FFF;border:2px solid blue;padding:5;border-radius:3px;color:#000;z-index:99;}
- Code:
<head>....</head>
hotrofm