demo:
mod_recent_topics
cho vào đầu index_body
hotrofm.com
mod_recent_topics
- Code:
<table width="100%">
<tr> <td width="500" 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>
- 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>
- 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>
cho vào đầu index_body
- Code:
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- END giefmod_index1 -->
hotrofm.com