chia sè Top posters và last posters

1. mod_new

Code:: [color=#000000][color=#444444][font=Tahoma]<tbody>
<tr><td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td style="border-top: 0px none; padding: 0px; background: transparent url(http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/list.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"><img src="http://2img.net/i/fa/empty.gif" width="24" border="0"></td><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"><div style="height: 20px"><a onmouseover="show_tooltip(this,'<b>Tiêu đề:</b> <font color=#4cff48>{post_row.TITLE}</font><br> <b>Thời gian:</b> <font color=#ded800>{post_row.TIME}</font><br><b>Trả lời:</b> <font color=#48f7ff> {post_row.REPLIES} lượt trả lời cho bài này</font>','Tooltip');" href="{post_row.U_VIEW_COMMENTS}"><b><font style="font-family: Tahoma; font-size: 11px">{post_row.TITLE}</font></b></a></div></td><td></td><td style="border-top: 0px none; padding-top: 0px; line-height: 20px; background: #fff url(http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif) repeat 0px 0px;" align="right" width="20%"><div style="height: 20px"><a onmouseover="show_tooltip(this,'click xem nội dung','Tác giả');" href="{post_row.U_VIEW_COMMENTS}"><font style="font-family: Tahoma; font-size: 11px">{post_row.POSTER} </font></a></div></td></tr></table></td></tr></tbody></table>
</div>
<div class="Page" style="padding-top: 8px;"><table class="tborder" style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
<td>

<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
</table></td></tr></tbody>
<tbody>
<tr><td style="padding-top: 8px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td style="border-top: 0px none; padding: 0px; background: transparent url(http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/list.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"><img src="http://2img.net/i/fa/empty.gif" width="24" border="0"></td><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif">
<A href=http://www.tg3sv.tk/search.forum?search_id=activetopics><span><font style="font-family: Tahoma; font-size: 11px">Bài viết trong ngày</span></a>

<A href=http://www.tg3sv.tk/stats.htm#10><span><font style="font-family: Tahoma; font-size: 11px">Các bài viết trong tháng</span></a>

<A href=http://www.tg3sv.tk/stats.htm#2><span><font style="font-family: Tahoma; font-size: 11px">Thống kê tổng thể</span></a>

<A href=http://www.tg3sv.tk/stats.htm#3><span><font style="font-family: Tahoma; font-size: 11px">Topic sôi nổi nhất</span></a>

<A href=http://www.tg3sv.tk/stats.htm#4><span><font style="font-family: Tahoma; font-size: 11px">Topic xem nhiều nhất</span></a>

<A href=http://www.tg3sv.tk/stats.htm#5><span><font style="font-family: Tahoma; font-size: 11px">Thành viên có nhiều chủ đề nhất</span></a>

<A href=http://www.tg3sv.tk/stats.htm#6><span><font style="font-family: Tahoma; font-size: 11px">Thành viên post bài nhiều nhất trong 1 tuần</span></a>

<A href=http://www.tg3sv.tk/stats.htm#7><span><font style="font-family: Tahoma; font-size: 11px">Thành viên post bài nhiều nhất trong tháng</span></a>

<A href=http://www.tg3sv.tk/stats.htm#8><span><font style="font-family: Tahoma; font-size: 11px">Top poster</span></a>

<A href=http://www.tg3sv.tk/stats.htm#9><span><font style="font-family: Tahoma; font-size: 11px">Số topic trong tháng</span></a>

</td><td></td><td class="forumlin" style="border-top: 0px none; padding: 0px; line-height: 20px; color: #ffffff;" align="right" width="280px">
<br><br><br>
<font style="font-family: Tahoma; font-size: 11px">
Tổng số chủ đề: <span class="FORUMCOUNTOPIC" style="color: red; font-size: 13px; font-weight: bold;"></span>

Tổng số bài gửi: <span class="FORUMCOUNTPOST" style="color: #ff8a00; font-size: 13px; font-weight: bold;"></span>

Tổng số thành viên: <span class="FORUMCOUNTUSER" style="color: #ffff00; font-size: 13px; font-weight: bold;"></span>

Bạn <span class="FORUMLASTUSER" style="color: #36ff00; font-size: 13px; font-weight: bold;"></span> là mem mới đó!!

</font>
</td></tr></table></td></tr></tbody></table>
</div>
<script type="text/javascript">tabview_initialize('TabView');</script><ScrollTop --><style type="text/css">#topbar{ PADDING-TOP: 0px;PADDING-BOTTOM: 0px;PADDING-RIGHT: 0px; PADDING-LEFT: 0px;VISIBILITY: hidden;WIDTH: 180px;FONT-FAMILY: Tahoma;POSITION: absolute;}</style><script type="text/javascript">var persistclose = 0var startX = 80var startY = 500var verticalpos = "frombottom"function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}function get_cookie(Name){var search = Name + "="var returnvalue = "";if (document�cookie.length > 0){offset = document�cookie.indexOf(search)if (offset != -1){offset += search.lengthend = document�cookie.indexOf(";", offset);if (end == -1) end = document�cookie.length;returnvalue=unescape(document�cookie.substring(offset, end))}}return returnvalue;}function closebar(){if (persistclose)document�cookie="remainclosed=1"document.getElementById("topbar").style.visibility="hidden"}function staticbar(){barheight=document.getElementById("topbar").offsetHeightvar ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;var d = document;function ml(id){var el=d.getElementById(id);if (!persistclose || persistclose && get_cookie("remainclosed")=="")el.style.visibility="visible"if(d.layers)el.style=el;el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};el.x = startX;if (verticalpos=="fromtop")el.y = startY;else{el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;el.y -= startY;}return el;}window.stayTopLeft=function(){if (verticalpos=="fromtop"){var pY = ns ? pageYOffset : iecompattest().scrollTop;ftlObj.y += (pY + startY - ftlObj.y)/8;}else{var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;ftlObj.y += (pY - startY - ftlObj.y)/8;}ftlObj.sP(ftlObj.x, ftlObj.y);setTimeout("stayTopLeft()", 10);}ftlObj = ml("topbar");stayTopLeft();}if (window.addEventListener)window.addEventListener("load", staticbar, false)else if (window.attachEvent)window.attachEvent("onload", staticbar)else if (document.getElementById)window.onload=staticbar</script>

</div>
</td>[/font][/color][/color]

2.mod_recent_topics

Code:

[color=#000000][color=#444444][font=Tahoma]</td></tr></table></td>
<td valign="top" style="border: 1px solid #9DB3C5; padding: 1px" width="100%">
<style type="text/css">
th,td,p {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif }
/* Style cho menu tabs */div.TabView div.Tabs{height: 32px; /* chiều cao của tab menu */overflow: hidden;}div.TabView div.Tabs: hover,{height: 32px; /* chiều cao của tab menu */overflow: hidden;}div.TabView div.Tabs a , div.TabView div.Tabs a:hover {float: left;display: block;background-color:#;text-align: center;height: 29px;padding: 6px;vertical-align: middle;border:1px solid #b4d0f3;border-top: 0px;border-left: 0px;border-bottom: 0px; /* đường viền quanh tabs menu */text-decoration: none;font-family: Tahoma;font-size: 11px;color: #000000;}.hotrott{background-color: #ffffff;border: 0px solid #ded7d7;}.nen{background-color: #ffffff;border: 1px solid #ded7d7;}div.TabView div.Tabs a.Active{background-color: #ffffff; /* màu nền tab menu active */color: #000000;border:1px solid #b4d0f3;border-top: 0px;border-left: 0px;border-bottom: 0px; padding: 6px;height: 29px;font-size: 11px;font-weight: bold;}/* Style cho phần text nội dung của mỗi tab */div.TabView {clear: both;border: 0px solid #ffffff;overflow: hidden; /* giá trị là auto nếu muốn hiện scroll bar */}div.TabView div.Pages div.Page{height: 100%;padding: 0px;border: 0px solid #b4d0f3;overflow: hidden; /* giá trị là auto nếu muốn hiện scroll bar */}</style><script type="text/javascript" src="http://a2bmt.fileave.com/tad.js"></script><div id="TabView" class="TabView" style="padding: 0px;"><div width="100%" class="Tabs"><a class="Active" href="javascript:tabview_switch('TabView', 1);">Bài Viết Mới</a><a>Đố vui & Trò hay</a><a>Thống kê</a><ul class="tabs" id="vietvbb_topstats_t"> <li style="border-right: 0px; display: none;" id="vietvbb_topstats_t_loading"></li> </ul> </div><div style="height: 407px; width:100%" class="Pages">

<div class="Page" style="padding-top: 8px;">

<table style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
<td>

<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
</table></td></tr></tbody>
<tbody>
<tr><td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td style="border-top: 0px none; padding: 0px; background: transparent url(http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/list.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"><img src="http://2img.net/i/fa/empty.gif" width="24" border="0"></td><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif" width="80%"><div style="height: 20px"><a onmouseover="show_tooltip(this,'<b>Tiêu đề:</b> <font color=#0072ff>{classical_row.recent_topic_row.L_TITLE}</font><br> <b>Thời gian:</b> <font color=#ff0000>{classical_row.recent_topic_row.S_POSTTIME}</font><br>','Tooltip');" href="{classical_row.recent_topic_row.U_TITLE}"><b><font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.L_TITLE}</font></b></a><div></td><td></td><td style="border-top: 0px none; padding: 2px;line-height:20px; background-repeat: repeat;" align="right" background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif" width="20%"><div style="height: 20px"> <a onmouseover="show_tooltip(this,'<span>Click để xem profile của thành viên này !</span>','Người gửi cuối');" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}"><font style="font-family: Tahoma; font-size: 11px">

{classical_row.recent_topic_row.switch_poster.S_POSTER}
</font></a> </div></td></tr></table></td></tr></tbody></table>


</div>
<div class="Page" style="padding-top: 8px;">
<table style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
<td>[/font][/color][/color]

3.mod_top_posters

Code:

[color=#000000][color=#444444][font=Tahoma]<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"><div style="margin-bottom: 1px;"><ul class="tabs"><li class="current"><span style="padding: 0px 7px;">
<select name="mylist"><option value="/#"><b>Top posters</b>
</option></select></span></li></ul><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td style="border-top: 0px none; padding: 0px; background: transparent url(http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/list.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"><img src="http://2img.net/i/fa/empty.gif" width="24" border="0"></td><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"><div style="height: 20px;"><font style="font-family: Tahoma; font-size: 11px"> {POSTER.NAME}</font></div></td><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="right" background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"><div style="height: 20px; width: 85px;" align="right"><font style="font-family: Tahoma; font-size: 11px">{POSTER.NB_POSTS}</font></div></td></tr></table></div></div></td>

</table><tr>[/font][/color][/color]

4. vào module>>portal & widgets>>forum widgets và làm như hình:

Enlarge this image

sau đó các bạn vào edit từng widgets như hình
- top posters
- Recent topic

Enlarge this image

- News

5. Bạn vào Display>>Templates>>quản lý tổng thể>>overall_header
tìm :

Code:

[color=#000000][color=#444444][font=Tahoma]<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table cellpadding="0" cellspacing="0" width="100%" class="three-col">
<tbody>
<tr>
<td valign="top" width="{C1SIZE}">
<div id="{ID_LEFT}">

{giefmod_index1.MODVAR}

<div style="height:{SPACE_ROW}px"></div>


</div>
</td>
<td valign="top" width="100%">

</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
 [/font][/color][/color]

[b]lưu ý: nếu không có trong overall_header thì các bạn tìm đoạn code này trong index_body nhé
và thay đoạn code này bởi:[/b]

[b]

Code:

[color=#000000][color=#444444][font=Tahoma]<style type="text/css">
#tooltip {
padding:0;
max-width: 50% !important;
color: #000;
border:1px solid #a0bbf7;
background-color: #f6f6f6;
font-size:0.8em;
}

* html #tooltip {
width: 30%;
}
margin:2px 5px 2px 8px;
}
#tooltip ul {
padding: 0px 0px 0px 20px;
}
#tooltip dl {
clear:both;
position:relative;
margin-bottom: 10px;
}
#tooltip dt {
float:left;
border: medium none;
padding-top: 3px;
width: 50%;
}
#tooltip dd {
margin-left: 50%;
padding-left: 5px;
vertical-align: top;
}
#tooltip p.header {
margin:0;
font-size:13px;
color:#ffffff;
padding: 1px 5px;
background: #a0bbf7 repeat;
font-weight: bold;
border:1px solid #a0bbf7;
}

#tooltip p {
padding: 0px 5px 0px 0px;
color: #666666;
font-size:11px;
}

.tabs { margin: 0; padding: 0;}
.tabs { padding-bottom: 31px; margin-bottom: 9px; background: #e5effe; border-bottom: 1px solid #b4d0f3; }
.tabs li { list-style: none;float: left; line-height: 30px; border-right: 1px solid #b4d0f3; height: 30px; font-size: 11px;}
.tabs li.current { background: #FFF; height: 32px; font-weight: bold; }
.mainbox { background: #FFF;margin-bottom: 0px; padding: 1px;}
.mainbox table { width: 100%; }
</style>
<script src=http://illiweb.com/fa/js/admin.js></script>[/font][/color][/color]

[/b]

[b][b]6. chèn đoạn code này vào đầu index_body (sau {JAVASCRIPT})[/b][/b]
[b][/b]
[b][b]

Code:

[color=#000000][color=#444444][font=Tahoma] <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">
<thead>
<tr valign="top">
<th height="30"><center>News & Announcements</center></th>
</tr>
</thead>
<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="100%" align="center" ><tr><td colspan="3"><div style="margin-bottom: 5px; border: 1px solid #9DB3C5; "><ul class="tabs"><li class="current"><span style="padding: 0px 7px;">Gallery & Others</span></li></ul><embed src="http://ahs4ever.org/forum/vietvbb/topx/focus.swf" wmode="opaque" FlashVars="config=5|0xffffff|0x0099ff|50|0xffffff|0x0099ff|0x000000&bcastr_flie=http://i62.servimg.com/u/f62/14/52/40/23/anh110.jpg|http://i62.servimg.com/u/f62/14/52/40/23/anh210.jpg|http://i62.servimg.com/u/f62/14/52/40/23/anh310.jpg|http://i62.servimg.com/u/f62/14/52/40/23/anh410.jpg|http://i62.servimg.com/u/f62/14/52/40/23/anh510.jpg|http://i62.servimg.com/u/f62/14/52/40/23/anh810.jpg|http://i62.servimg.com/u/f62/14/52/40/23/anh710.jpg|http://i62.servimg.com/u/f62/14/52/40/23/anh610.jpg|http://img18.imageshack.us/img18/5038/23745672.gif&bcastr_link=http://www.tg3sv.tk/gallery/Mt-thi-cp-ba/Mt-thi-cp-ba-cat_c5.htm|http://www.tg3sv.tk/gallery/Show-nh-hu-cp-3/Show-nh-hu-cp-3-cat_c6.htm|http://www.tg3sv.tk/gallery/nh-lien-hoan/nh-lien-hoan-cat_c4.htm|http://www.tg3sv.tk/gallery/nh-i-chi-bach-khoa/nh-i-chi-bach-khoa-cat_c3.htm|http://www.tg3sv.tk/gallery/Mt-thi-cp-ba/Mt-thi-cp-ba-cat_c5.htm|http://www.tg3sv.tk/gallery/Show-nh-hu-cp-3/Show-nh-hu-cp-3-cat_c6.htm|http://www.tg3sv.tk/gallery/nh-lien-hoan/nh-lien-hoan-cat_c4.htm|http://www.tg3sv.tk/gallery/nh-i-chi-bach-khoa/nh-i-chi-bach-khoa-cat_c3.htm|http://www.tg3sv.tk/forum-f2/&bcastr_title=Ngày còn đi học!! |Ảnh của A1 khi đã là sv nè, hot nhé!!|Ảnh liên hoan cuối cấp đây!!|Ảnh tùm lum|Năm tháng cũ|Ảnh hậu cấp 3|Liên hoan|Ảnh đi chơi ở bách khoa nè|Đuổi hình bắt chữ & menu="false" quality="high" width="100%" height="150" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></div></td></tr>
<tr><td valign="top" style="border: 1px solid #9DB3C5;">

{giefmod_index1.MODVAR} </tr></thead></table>

</td></tr></table>

</div>
</td>
</tr><tr>
<td valign="top" width="100%">

</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
[/font][/color][/color]

[/b][/b]
[b][/b]

Được sửa bởi ¶-¶oàng ngày Thu 06 Jan 2011, 18:14; sửa lần 2.