[TUT by thuan007] lasttopic sau cập nhật của FM[✔]

[thuan007]

Có nhiều kiểu được tạo. đây là kiểu của 4rum mình

Cách làm:

các bước giống như topic đây [You must be registered and logged in to see this link.]
chỉ riêng bước 3 là khác, như sau:

B3:
[ACP>display>templates>portal] lần lượt thay lần lượt mod_poll , mod_recent_topics , mod_statistics , mod_top_poste , mod_most_active_starters , mod_most_active_topics , mod_most_viewed_topics , mod_top_post_users_month , mod_top_post_users_week bằng các đoạn tương ứng sau:

Code:

 <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 align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="title_small" align="center">Bình chọn</td></tr><tr>
<td class="row1">
<div class="main">
      {POLL_DISPLAY}
</div>
</td></tr></table>
</td></tr></tbody></table>
</div>
<div class="Page"><table class="tborder" style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
<td>

Code:

 </td></tr></table></td>
<td valign="top" width="100%" style="background-color: #fff;">
<style type="text/css">
th,td,p {
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif }
/* Style cho menu tabs */div.TabView div.Tabs{overflow: hidden;}div.Tabs{color: #027EC6;
  font-size: 11px!important;
  font-weight : bold;
  background-color: #006699;
  background-image: url("http://i763.photobucket.com/albums/xx272/thuanoo7/Decorated%20images/bg-tit10.gif");height: 26px!important;padding: 0px 5px;}div.TabView div.Tabs: hover,{overflow: hidden;}div.TabView div.Tabs a , div.TabView div.Tabs a:hover {float: left;display: block;background-color:#;text-align: center;padding: 4px 6px;vertical-align: middle; /* đường viền quanh tabs menu */text-decoration: none;font-family: Tahoma;font-size: 11px;color: #000000;}div.TabView div.Tabs a.Active{background: transparent url(/users/2211/12/43/96/album/tcat10.png); /* màu nền tab menu active */color: #000000;font-size: 11px;font-weight: bold;color: #fff;}/* 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;background-color:#fff; /* giá trị là auto nếu muốn hiện scroll bar */}</style><script type="text/javascript" src="http://thuan007.googlecode.com/files/Tabview.js"></script><div id="TabView" class="TabView" style="padding: 1px;"><!--
tabs --><div width="100%" class="Tabs"><a class="Active" href="javascript:tabview_switch('TabView', 1);">Bài Viết Mới</a><a>Bình chọn</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><!--
 nội dung tabs --><div style="height: 419px; width:100%" class="Pages">

<div class="Page" style="height: 417px;"><!-- BEGIN classical_row -->

<table style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><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><td class="title_small" align="center" width="65%">Bài gửi</td><td class="title_small" align="center" width="15%">Thời gian</td><td class="title_small" align="center">Người gửi</td></tr><tr valign="top"><td colspan="3" style="border-top: 0px none; padding: 5px;"><!-- BEGIN recent_topic_row --><div class="a1tg3td" style="height: 22px;"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td width="65%"><a onmouseover="show_tooltip(this,this.getElementsByTagName('span')[0].innerHTML,'Info');" href="{classical_row.recent_topic_row.U_TITLE}"><img src="/users/2211/12/43/96/album/post_n10.gif" /> <font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.L_TITLE}</font><span style="display: none;"><b>Tiêu đề: </b><font color=#0072ff>{classical_row.recent_topic_row.L_TITLE}</font><br><br> <b>Thời gian: </b> <font color=#ff0000>{classical_row.recent_topic_row.S_POSTTIME}</font><br><br><b>Người gửi cuối: </b> <!-- BEGIN switch_poster -->{classical_row.recent_topic_row.switch_poster.S_POSTER}<!-- END switch_poster --></span></a></td><td width="13%" align="center"><a onmouseover="show_tooltip(this,'<span> {classical_row.recent_topic_row.S_POSTTIME}</span>','');"><img src=/users/2211/12/43/96/album/clock110.png>  </a></td><td align="left"><!-- BEGIN switch_poster --><a onmouseover="show_tooltip(this,'<span>Click để xem profile của thành viên này !</span>','');"  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> <!-- END switch_poster --></td></tr></table></div><!-- END recent_topic_row --></td></tr></table></td></tr></table>
<!-- END classical_row -->

</div>

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

Code:

 <tbody>
<tr><td style="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><td class="title_small">Thống kê bài viết</td></tr><tr><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left">
 <img src="/users/2211/12/43/96/album/post_n10.gif" /> <A href=/search.forum?search_id=activetopics><span><font style="font-family: Tahoma; font-size: 11px">Bài viết trong ngày</span></a>
<br>
 <img src="/users/2211/12/43/96/album/post_n10.gif" /> <A href=/stats.htm#10><span><font style="font-family: Tahoma; font-size: 11px">Các bài viết trong tháng</span></a>
<br>
 <img src="/users/2211/12/43/96/album/post_n10.gif" /> <A href=/stats.htm#2><span><font style="font-family: Tahoma; font-size: 11px">Thống kê tổng thể</span></a>
<br>
 <img src="/users/2211/12/43/96/album/post_n10.gif" /> <A href=/stats.htm#3><span><font style="font-family: Tahoma; font-size: 11px">Topic sôi nổi nhất</span></a>
<br>
  <img src="/users/2211/12/43/96/album/post_n10.gif" /> <A href=/stats.htm#4><span><font style="font-family: Tahoma; font-size: 11px">Topic xem nhiều nhất</span></a>
<br>
 <img src="/users/2211/12/43/96/album/post_n10.gif" />  <A href=/stats.htm#5><span><font style="font-family: Tahoma; font-size: 11px">Thành viên có nhiều chủ đề nhất</span></a>
<br>
  <img src="/users/2211/12/43/96/album/post_n10.gif" /> <A href=/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>
<br>
 <img src="/users/2211/12/43/96/album/post_n10.gif" />  <A href=/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>
<br>
  <img src="/users/2211/12/43/96/album/post_n10.gif" /> <A href=/stats.htm#8><span><font style="font-family: Tahoma; font-size: 11px">Top poster</span></a>
<br>
  <img src="/users/2211/12/43/96/album/post_n10.gif" />  <A href=/stats.htm#9><span><font style="font-family: Tahoma; font-size: 11px">Số topic trong tháng</span></a>
<br>
</td></tr><tr><td class="title_small">Thống kê thành viên</td></tr><tr><td class="row1" style="padding: 8px;"><div class="module main">
    <div class="main-content"><span class="gensmall">
        <font style="color: red;">{TOTAL_USERS}</font><br><br><font style="color:#ff8a00;">{NEWEST_USER}</font><br><br>
        {TOTAL_POSTS} {TOTAL_TOPICS}<br></span>
    </div>
</div></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 = 0<!--
 Vị trí-->var 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>
</tr></thead></table>

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

Code:

<script type="text/javascript">function showstuff2(value){
document.getElementById("sell3").style.display = (value == "sell3") ? "block" : "none";document.getElementById("sell4").style.display = (value == "sell4") ? "block" : "none";document.getElementById("sell5").style.display = (value == "sell5") ? "block" : "none";document.getElementById("sell6").style.display = (value == "sell6") ? "block" : "none";
}
</script><table width="100%" border="0" cellspacing="0" cellpadding="0" style="border: 1px solid #fff;height: 26px;"><tr>
<th colspan="2" style="border: 0px;height: 26px;"><select id="changer2" name="type" style="width:140px" onchange="showstuff2(this.value);"><option value="sell3">Top poster</option><option value="sell4">Top starter</option><option value="sell5">Top poster week</option><option value="sell6">Top poster month</option></select></th>
</tr></table><table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" style="display: block;" id="sell3"><tr valign="top"><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 118px;"><font style="font-family: Tahoma; font-size: 11px"> {POSTER.NAME}</font></div><!-- END POSTER --></td><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 93px;" align="right"><font style="font-family: Tahoma; font-size: 11px">{POSTER.NB_POSTS}</font></div><!-- END POSTER --></td></tr>
</table>
 
     

Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" id="sell4" style="display: none;"><tr valign="top"><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 118px;"><font style="font-family: Tahoma; font-size: 11px"> {POSTER.NAME}</font></div><!-- END POSTER --></td><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 93px;" align="right"><font style="font-family: Tahoma; font-size: 11px">{POSTER.NB_TOPICS}</font></div><!-- END POSTER --></td></tr>
</table>


Code:

<table border="0" cellpadding="0" cellspacing="0" width="100%" style="display: none;" id="sell2"><tr><td style="font-size: 11px;border-top: 0px none; padding: 0px; line-height: 18px;width: 220px;" align="left"><!-- BEGIN TOPIC --><div style="height: 19px;">
 <img src="/users/2211/12/43/96/album/note_n10.gif" /> <a href="{TOPIC.LINK}" title="{TOPIC.TITLE}" class="lengtht">{TOPIC.NAME}</a><span style="float:right;">   replies</span><span class="a1view" style="float:right;">{TOPIC.TITLE}</span></div>
<!-- END TOPIC -->
</td></tr></table>

Code:

<script type="text/javascript">function showstuff1(value){document.getElementById("sell1").style.display = (value == "sell1") ? "block" : "none";
document.getElementById("sell2").style.display = (value == "sell2") ? "block" : "none";
}
</script>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border: 1px solid #fff;height: 26px;"><tr><th colspan="2" style="border: 0px;height: 26px;"><select id="changer1" name="type" style="width:140px" onchange="showstuff1(this.value);"><option value="sell1">Top viewed</option><option value="sell2">Top hot</option></select></th></tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%" style="display: block;" id="sell1"><tr><td style="font-size: 11px;border-top: 0px none; padding: 0px; line-height: 18px;width: 220px;" align="left"><!-- BEGIN TOPIC --><div style="height: 19px;">
 <img src="/users/2211/12/43/96/album/note_n10.gif" /> <a href="{TOPIC.LINK}" title="{TOPIC.TITLE}" class="lengtht">{TOPIC.NAME}</a><span style="float:right;">  lượt xem</span><span class="a1view" style="float:right;">{TOPIC.TITLE}</span></div>
<!-- END TOPIC -->
</td></tr></table>

Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" id="sell6" style="display: none;"><tr valign="top"><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 118px;"><font style="font-family: Tahoma; font-size: 11px"> {POSTER.NAME}</font></div><!-- END POSTER --></td><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 93px;" align="right"><font style="font-family: Tahoma; font-size: 11px">{POSTER.NB_POSTS}</font></div><!-- END POSTER --></td></tr>
</table>


Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" id="sell5" style="display: none;"><tr valign="top"><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 118px;"><font style="font-family: Tahoma; font-size: 11px"> {POSTER.NAME}</font></div><!-- END POSTER --></td><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 93px;" align="right"><font style="font-family: Tahoma; font-size: 11px">{POSTER.NB_POSTS}</font></div><!-- END POSTER --></td></tr>
</table>


[ACP>display>color>css]

Code:

#sell1,#sell2,#sell3,#sell4,#sell5,#sell6{background-color: #fff;}

Sau đó [ACP>display>templates>Quản lý tổng thể>overal_footer]
dán đoạn script này vào

đây là script giúp lấy ra được số lượt xem , trả lời và hạn chế số ký tự của tiêu đề

Code:

<script>$("a.lengtht").each(function(){
        if ($(this).text().length > 22) {$(this).text($(this).text().substr(0, 19));$(this).append('...');
        }
    });$(".a1view").each(function(){$(this).html(parseInt($(this).text().replace(/^[\s\S]*-\s+(\d+)\s+[\s\S]*$/m, '$1')));});</script>

Lưu ý
[acp>module>Forum widgets management]

Widgets đặt như hình
[You must be registered and logged in to see this image.]

demo:[You must be registered and logged in to see this link.]

Code:

tinhgia3sv.tk/forum

[Sấm]

hớ. lại xé hàng cho bác . vót nè

[Tuấn]

Hàng Hot mới ra lò. Chộp liền ^^!

Bác coi lại giùm em lỗi rồi đại ca ơi. của em

Code:

ca3vt.tk/forum

cái lượt xem với lượt trả lời ấy, có mấy cái bị lỗi anh xem laị giùm em nó hiện mấy triệu lượt xem lận . Với làm so để cho cái màu nền ấy màu trắng được vậy.

[ligerv]

cái mod_most_active_topics , mod_most_viewed_topics nếu trog tiêu đề bài iết co số thì nó iện qua bên kia luôn@@

[thuan007]

Hàng Hot mới ra lò. Chộp liền ^^!

Bác coi lại giùm em lỗi rồi đại ca ơi. của em

Code:

ca3vt.tk/forum

cái lượt xem với lượt trả lời ấy, có mấy cái bị lỗi anh xem laị giùm em nó hiện mấy triệu lượt xem lận . Với làm so để cho cái màu nền ấy màu trắng được vậy.

cái mod_most_active_topics , mod_most_viewed_topics nếu trog tiêu đề bài iết co số thì nó iện qua bên kia luôn@@

bt mà @@

[thuan007]

ôi quên!! cái script lấy số tiêu đề. nên nó lấy tất cả các số ==''

[beatbox.314]

hướng dẫn đặt Widgets đi pác thuận ơi

[quangtrung_it]

hay lắm

[Bỏ.Rơi[...]]

hình như là mất đi cái phần Ban Quản Trị Forum nhỉ

[Sấm]

Hàng Hot mới ra lò. Chộp liền ^^!

Bác coi lại giùm em lỗi rồi đại ca ơi. của em

Code:

ca3vt.tk/forum

cái lượt xem với lượt trả lời ấy, có mấy cái bị lỗi anh xem laị giùm em nó hiện mấy triệu lượt xem lận . Với làm so để cho cái màu nền ấy màu trắng được vậy.

Thấy bình thường mà bạn . Muốn hiện màu trắng thêm thẻ class="row1" vào đoạn <td [chèn vào đây] style="font size... vào trong top_poster, top_week, top....

[Sấm]

hình như là mất đi cái phần Ban Quản Trị Forum nhỉ

Thêm 1 cái widget Quản Trị + Thêm sell chèn widget đó dưới top_poster hoặc dưới top_weekk,top month gì đó tùy bạn

[bluehnvn]

thaks bạn đã chia sẻ

[Trung H]

Mình có một thắc mắc muốn hỏi bác Thuận
Tại sao đoạn script ẩn chữ viết quá dài nó lại chỉ chèn được ở footer nhỉ
Mình thử chèn trước </head> cho nó load nhanh hơn nhưng kết quả là không được

[IceFox]

Đã vote cho anh thuan007 đẹp zai!

[Khách v]

hehe. anh thuận pro quá

[vannghia]

hê cái trước mần không được cái nỳ Vote mần thử

[IceFox]

ôi quên!! cái script lấy số tiêu đề. nên nó lấy tất cả các số ==''

Thế bây giờ khắc phục thế nào? Forum em cũng bị như vậy.

[beatbox.314]

anh thuân xem hộ em cái nỳ,cái dòng bài gửi ở phần cuối ý anh sao no mất nửa bài rồi
[You must be registered and logged in to see this link.]
anh xem hộ em cái,thank anh

[vannghia]

ô my gốt ra ry nè coi giùm em

[You must be registered and logged in to see this link.]

[Khách v]

sao cái top hot view lại ra thế này nhỉ

Code:

http://c1pro.123.st/

[beatbox.314]

chèn cái css với jip vào chưa

[langtucodon]

sao cái chỗ top hot cái nào có chữ đằng sau tiêu đề nó lại bay sang kia luon nhỉ, có cái cả mấy nghìn luợt trả lời luôn

[Tuấn]

Đấy là do code của anh thuan. code này là nó lọc chữ số của tiêu đề chèn vào nên nó lọc cả chữ số của tên bài viết lun. vậy mới có hiện tượng nó ra mấy triệu lượt xem.

[langtucodon]

nhưng có cái lại tụt xuống còn có mấy lượt thôi nhìn nó kì kì kiểu gì ấy. forum mình đang mấy nghìn lượt xem tự dưng xuống 3 lượt rồi lên cả trăm nghìn lượt. bó tay thật

[IceFox]

Thế từ giờ không được viết số ở tiêu đề bài viết nữa à? Ai khắc phục được không?

[IceFox]

sao cái top hot view lại ra thế này nhỉ

Code:

http://c1pro.123.st/

Do chưa chèn script vào footer.

[langtucodon]

Thế từ giờ không được viết số ở tiêu đề bài viết nữa à? Ai khắc phục được không?

thấy bên thuận không bị gì cả sao các forum khác lại bị nữa.

[namulaw]

vote! hay, ko lỗi

[huuhien_210]

Em làm bị lỗi dán vào index body code đó

[Sấm]

Tất cả bỏ link forum vào thẻ code.

[Sponsored content]