![[Share] Lasttopic Comicvn [PunBB] dạng tab - Page 2 User_l10](https://i.servimg.com/u/f55/18/73/81/56/user_l10.png)
Sign In
Create Account
CNTT-K3![[Share] Lasttopic Comicvn [PunBB] dạng tab - Page 2 SSHoNEq](https://i.imgur.com/sSHoNEq.png)
First topic message reminder :
Demo :
![[Share] Lasttopic Comicvn [PunBB] dạng tab - Page 2 Gbbbb10](https://i.servimg.com/u/f55/16/58/45/96/gbbbb10.png)
Demo online :
Cách làm :
Bước 1 : Vào css thêm đoạn này vào :
Bước 2 : vào Templates >> Portal >>
mod_most_active_topics : thay toàn bộ code = code sau
mod_most_viewed_topics
mod_recent_topics
ok
Bước 3 : vào overall_header tìm đoạn :
Và xóa nó đi
Tiếp theo vào Index_body
thêm code này vào đầu
Bước 4 : MODULES >> Portal & Widgets >> Forum widgets management
Làm theo hình sau
![[Share] Lasttopic Comicvn [PunBB] dạng tab - Page 2 119](https://i.servimg.com/u/f14/16/58/45/96/119.jpg)
Sắp xếp widgets theo hình sau :
![[Share] Lasttopic Comicvn [PunBB] dạng tab - Page 2 312](https://i.servimg.com/u/f14/16/58/45/96/312.jpg)
Tiếp theo kick vào
của Recent topics và kick hoạt theo hình dưới
![[Share] Lasttopic Comicvn [PunBB] dạng tab - Page 2 411](https://i.servimg.com/u/f14/16/58/45/96/411.jpg)
ok thế là xong
có lỗi cứ reply tại topic dưới
Demo :
Demo online :
[You must be registered and logged in to see this link.]
| Thông tin : Last mình rip từ forum : Comicvn về  |
Bước 1 : Vào css thêm đoạn này vào :
- Code:
.rlink{float:right;display:inline-block;text-align:right}
div.module ol li em ei,et{
font-size: 0.8em;
float: left;
color: #7E8A9E;
width:50px
}
div.st_vertical {
position: relative;
float: left;
clear: both;
width: 820px;
color: #616161;
font: 13px/18px Arial, Helvetica, sans-serif;
}
div.module ol li em span {
font-size: 0.8em;
float: left;
color: #7E8A9E;
}
li.itemstast em a.username {
max-width: 100px;
overflow: hidden;
}
div.module ol li em a {
font-size: 0.85em;
text-align: right;
font-weight: bold;
color: #666;
float: right;
}
div.sort_num {
width: 23px;
height: 370px;
background: url(http://i48.servimg.com/u/f48/16/58/45/96/sortnu10.png) left center no-repeat;
position: absolute;
z-index: 999;
margin: -5px 0px 0px 134px;
}
li {
list-style: none;
}
div.st_vertical ul.st_tabs li {
float: left;
clear: both;
}
div.st_vertical ul.st_tabs a.st_tab_active {
position: relative;
z-index: 10;
color: #FF6317;
padding-right: 1px;
font-size: 0.95em;
background: #F8F8F8;
box-shadow: 5px 5px 7px #CCC;
-webkit-box-shadow: 5px 5px 7px #CCC;
-moz-box-shadow: 5px 5px 7px #CCCCCC;
-khtml-box-shadow: 5px 5px 7px #CCCCCC;
-webkit-box-shadow: 5px 5px 7px #CCC;
-moz-box-shadow: 5px 5px 7px #CCCCCC;
-khtml-box-shadow: 5px 5px 7px #CCCCCC;
}
div.st_vertical ul.st_tabs li a {
display: block;
width: 110px;
height: 30px;
margin: 0px;
padding: 14px 0 14px 20px;
font-size: 11px;
color: #5C5C5C;
font-weight: bold;
line-height: normal;
text-decoration: none;
outline: none;
border-right: 1px solid #D0D9E2;
border-bottom: 1px solid #D0D9E2;
border-left: 1px solid #D0D9E2;
background: white url(/../../forum/styles/newcomic/img/v_tab_bg.jpg) repeat-x 0px 0px;
}
div.st_vertical ul.st_tabs li a span {
display: block;
clear: both;
font-weight: normal;
color: #838383;
padding-top: 3px;
}
div.st_vertical ul.st_tabs a.st_tab_active {
color: #FF6317;
font-size: 0.95em;
}
div.st_vertical div.st_slide_container {
position: relative !important;
float: left;
clear: both;
}
div.st_vertical {
color: #616161;
font: 13px/18px Arial, Helvetica, sans-serif;
}
div.st_vertical div.st_tabs_container {
position: relative;
z-index: 100;
float: left;
width: 132px;
height: 400px;
margin-right: -1px;
border-top: 1px solid #D0D9E2;
overflow: hidden;
}
.module ol, .module ul {
padding-left: 20px;
margin-top: -5px;
}
div.st_vertical div.st_view_container {
position: relative;
z-index: 5;
height: 350px;
padding: 7px 10px;
line-height: 18px;
border: 1px solid #D0D9E2;
background: white;
}
div.st_vertical div.st_view {
position: relative;
height: 368px;
}
.xl ol, .xl ul {
list-style: none outside none;
}
div.module ol li {
background: #F9FBFD;
margin: 5px;
}
div.module ol li em {
float: right;
padding: 0px 5px 0px 5px;
overflow: hidden;
}
div.module ol li .title_stats {
display: inline-block;
width: 310px;
overflow: hidden;
}
Bước 2 : vào Templates >> Portal >>
mod_most_active_topics : thay toàn bộ code = code sau
- Code:
-->
<div id="stv_content_3" class="st_tab_view st_first_tab_view st_active_view"
style="display:none">
<div class="text">
<div class="module cl xl xl1">
<ol id="last_post_cm" data="v_tab_1" rel="5826">
<!-- BEGIN TOPIC -->
<li rel="5826" class="nhanne"><a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a><em align="right"><script>tratao('{TOPIC.TITLE}');</script></em></li>
<!-- END TOPIC -->
</ol>
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>
<div style="display:none" class="dulieu"></div>
<script>
$(".st_tab").click(function() {
var a = $(this).attr("href");
$($(".st_tab_active").attr("href")).Bài viết không bị Ẩn();
$(a).show();
$(".st_tab_active").removeClass("st_tab_active");
$(this).addClass("st_tab_active");
return!1
});
function load(b, c) {
$("#ajax_loading").show();
$(".dulieu").load(c + " .statused tr", function() {
var a;
for(a = 0;15 > a;a++) {
$("#stv_content_" + b + " li.nhanne:eq(" + a + ") span.title_stats").html($(".dulieu tr:eq(" + a + ") .topic-title").html()), $("#stv_content_" + b + " li.nhanne:eq(" + a + ") eq").html($(".dulieu tr:eq(" + a + ") .tcr strong").html()), $("#stv_content_" + b + " li.nhanne:eq(" + a + ") ei").html($(".dulieu tr:eq(" + a + ") .tc3:first").html()), $("#stv_content_" + b + " li.nhanne:eq(" + a + ") et").html($(".dulieu tr:eq(" + a + ") .tc3:last").html()), $("#stv_content_" + b + " li.nhanne:eq(" +
a + ") span.cmuc").html($(".dulieu tr:eq(" + a + ") .tc2").html())
}
$(".dulieu").empty();
$("#ajax_loading").Bài viết không bị Ẩn();
})
}
load(1, "/search?search_author=*_*&search_keywords");
</script>
mod_most_viewed_topics
- Code:
-->
<script>
function tratao(a){
var b = a.split(' - ');
document.write(b[1]);
}
</script>
<div id="stv_content_2" class="st_tab_view st_first_tab_view st_active_view"
style="display:none">
<div class="text">
<div class="module cl xl xl1">
<ol id="last_post_cm" data="v_tab_1" rel="5826">
<!-- BEGIN TOPIC -->
<li rel="5826" class="nhanne">
<a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a>
<em align="right"><script>tratao('{TOPIC.TITLE}');</script></em></li>
<!-- END TOPIC -->
</ol>
</div>
</div>
</div>
<!--<td>
mod_recent_topics
- Code:
<div id="ajax_loading" style="background-color: black; color: white; text-align: center; padding: 5px 0px 8px; width: 8%; top: 0px; left: 46%; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; z-index: 10000; position: fixed; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px; display: none;"><img src="http://i46.servimg.com/u/f46/16/06/07/43/ajax_l10.gif" alt="Loading..."></div>
<fieldset>
<div id="st_vertical" class="st_vertical">
<div class="sort_num"></div>
<div class="st_tabs_container"> <a href="#prev" class="st_prev" style=""></a> <a href="#next" class="st_next"
style=""></a>
<div class="st_slide_container">
<ul class="st_tabs">
<li rel="1"><a href="#stv_content_1" class="st_tab st_tab_active">Bài Viết Mới<span>Bài viết mới nhất</span></a>
</li>
<li rel="2"><a href="#stv_content_2" class="st_tab">Xem nhiều nhất<span>Trong rum F3 </span></a>
</li>
<li rel=""><a href="#stv_content_3" class="st_tab">Trả lời nhiều<span>Trong 4rum F1</span></a>
</li>
</ul>
</div>
</div>
<div class="st_view_container">
<div class="st_view">
<!-- BEGIN classical_row -->
<div id="stv_content_1" class="st_tab_view st_first_tab_view st_active_view">
<div class="text">
<div class="module cl xl xl1">
<ol id="last_post_cm" data="v_tab_1" rel="5826">
<!-- BEGIN recent_topic_row -->
<li>
<a href="{classical_row.recent_topic_row.U_TITLE}" title="{classical_row.recent_topic_row.S_POSTTIME}">{classical_row.recent_topic_row.L_TITLE}</a>
<!-- BEGIN switch_poster -->
<a class="rlink" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
<!-- END switch_poster -->
<!-- BEGIN switch_poster_guest -->
<span class="rlink">{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}</span>
<!-- END switch_poster_guest -->
</li>
<!-- END recent_topic_row -->
</ol>
</div>
</div>
<!-- END classical_row -->
</div>
<!--<td>
/*
_ +----------------------------------------------+ _
/o)| Bản quyền thuộc Cntt-k3.com |(o\
/ / | YM: nhoc_love_nd91 | \ \
( (_ | Mong các bạn ko sao chép Mod này _ | _) )
((\ \)+-/o)--------------------------------------(o\-+(/ /))
(\\\ \_/ / \ \_/ ///)
\ / \ /
\____/
/***** BEGIN CODE Document *****/
ok
Bước 3 : vào overall_header tìm đoạn :
- Code:
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
Và xóa nó đi
Tiếp theo vào Index_body
thêm code này vào đầu
- Code:
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- END giefmod_index1 -->
Bước 4 : MODULES >> Portal & Widgets >> Forum widgets management
Làm theo hình sau
Sắp xếp widgets theo hình sau :
Tiếp theo kick vào
của Recent topics và kick hoạt theo hình dướiok thế là xong
có lỗi cứ reply tại topic dưới
Vui lòng ghi rõ nguồn : Cntt-k3.com khi copy bày viết này |
Last đã được Edit và hoạt động trở lại
