![[Code] Latest nhiều tab của diễn đàn tình thương User_l10](https://i.servimg.com/u/f55/18/73/81/56/user_l10.png)
Sign In
Create Account
CNTT-K3![[Code] Latest nhiều tab của diễn đàn tình thương SSHoNEq](https://i.imgur.com/sSHoNEq.png)
Tình hình là nhiều bạn lúng túng khi muốn bổ sung thêm tab, mình rất muốn giúp nhưng mình lại không dùng giống như các bạn. Muốn giúp các bạn mình phải làm lại như các bạn mới giúp được, như vậy mất công lắm mà mình lại không thích cái đó.
Vậy nên mình đưa code của mình để ai thích thì dùng. Nó đơn giản lắm, muốn bao nhiêu tab cũng dễ, chỉ cần thêm
và
Vậy là xong. Nó không liên quan gì tới những thứ khác như mod_new, top_postter, file js hay bất cứ thứ gì.
Rất đơn giản nhưng muốn làm được thì mọi thứ phải về mặc định. Nó không chịu "râu ông nọ cắm cằm bà kia"
Của mình đây:
1/ Mod_Recent_topic:
Nhìn vào đây thì bất cứ bạn nào dù mới "vào nghề" cũng thêm được tab mới:
2/ Dán code này lên trên cùng của Index_body mặc định
3/ Xóa đoạn cuối này trong header mặc định:
/ Bố trí widgets như hình là xong:
![[Code] Latest nhiều tab của diễn đàn tình thương 93634589](https://2img.net/r/ihimizer/img149/74/93634589.jpg)
Còn top poster không liên quan gì đến, thích nó thế nào thì ta cứ việc chỉnh riêng nó.
Mặc định nó thế này:
hích thêm gì nữa thì cứ thêm cho nó một table vào bên trên hay bên dưới là xong. Thậm chí thêm bên trên một table, dưới một table cũng được nữa .
Đây là kiểu cũ khi FM chưa cập nhật các Widgets mới
Còn đây là kiểu mới sau khi FM cập nhật thêm Widgets:
[You must be registered and logged in to see this link.]
Write by Bác Hùng - CP
Vậy nên mình đưa code của mình để ai thích thì dùng. Nó đơn giản lắm, muốn bao nhiêu tab cũng dễ, chỉ cần thêm
- Code:
<a>Tên tab mới</a>
và
- Code:
<!-- Nội dung tab mơi-->
<div class="Page">
NỘI DUNG TAB MỚI
</div>
Vậy là xong. Nó không liên quan gì tới những thứ khác như mod_new, top_postter, file js hay bất cứ thứ gì.
Rất đơn giản nhưng muốn làm được thì mọi thứ phải về mặc định. Nó không chịu "râu ông nọ cắm cằm bà kia"
Của mình đây:
1/ Mod_Recent_topic:
Nhìn vào đây thì bất cứ bạn nào dù mới "vào nghề" cũng thêm được tab mới:
- Code:
<html>
<head>
<meta http-equiv="Content-Type"content="text/html; charset=UTF-8">
<Title>Tinh thuong</Title>
</head>
<body>
</td></tr>
</table></td>
<td valign="top" style="border: 0x solid #9DB3C5; padding: 0px">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<Tr>
<td width="26%" height="24" align="center" bgcolor="#70B1EB">
<font face = "Tahoma" size = "2" color = "#FFFFFF">
<b>TOP BÀI VIẾT MỚI</b></font>
</td> </tr> </table>
<style type="text/css">
/* Style cho menu tabs */
div.TabView div.Tabs
{height: 29px; /* chiều cao của tab menu */
overflow: hidden;
}div.TabView div.Tabs: hover,{height: 29px; /* 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:#EFEFEF;text-align: center;height: 29px;padding: 6px;vertical-align: middle;border:1px solid #cad9ea;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: #0000A0;}.hotrott{background-color: #ffffff;border: 0px solid #ded7d7;}.nen{background-color: #ffffff;border: 1px solid #ded7d7;}
div.TabView div.Tabs a.Active{background-color: #E6ffff; /* màu nền tab menu active */color: #000000;border:1px solid #cad9ea;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 #cad9ea;overflow: hidden; /* giá trị là auto nếu muốn hiện scroll bar */}</style>
<script type="text/javascript" src="http://www.trekhuyettat.org/h157-page"></script>
<div id="TabView" class="TabView" style="padding: 0px;"><!--
tabs --><div width="100%" class="Tabs">
<a class="Active" href="javascript:tabview_switch('TabView', 1);">Tổng hợp</a>
<a>Tin tức </a>
<a>Tab 3</a>
<a>Tab 4</a>
<a>Tab 5</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:400px; width:100%" class="Pages">
<!-- Bài viết mới -->
<div class="Page">
<div style="overflow: auto; max-height: 400px;">
<div style="margin:auto;text-align:left;width:100%">
<center>
<!-- BEGIN classical_row -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr><td>
<table width="100%" border="0">
<tr>
<td align="left" height="25" width="70%" >
<span class="genmed">
<font face = "Times New Roman" size = "3" color = "#0000A0">
<b>Bài viết:</b></span></td>
<td align="right" width="30%">
<span class="genmed">
<font face = "Times New Roman" size = "3" color = "#0000A0">
<b>Người gửi :</b></span>
</td></tr></table>
</td>
<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%" >
<tbody>
<tr valign="top">
<td style="border-top: 0px none; padding: 0px; background: transparent url('http://i26.servimg.com/u/f26/14/26/60/46/stt8010.gif') no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="20"><img src="http://2img.net/i/fa/empty.gif" width="20" border="0"></td>
<td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://i66.servimg.com/u/f66/14/26/60/46/duongk10.gif" width="70%" bgcolor="#FFFFFF">
<!-- BEGIN recent_topic_row -->
<a href="{classical_row.recent_topic_row.U_TITLE}"> <font face="Times New Roman" size="2">{classical_row.recent_topic_row.L_TITLE}</font></a><br>
<!-- END recent_topic_row -->
</td>
<td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="right" background="http://i66.servimg.com/u/f66/14/26/60/46/duongk10.gif" width="30%" bgcolor="#FFFFFF">
<!-- BEGIN recent_topic_row -->
<div class="smallfont" style="overflow: hidden; height: 20px; width: 100%;">
<!-- BEGIN switch_poster -->
<a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">
<font face="Times New Roman" sixe="2" color="#0000FF">{classical_row.recent_topic_row.switch_poster.S_POSTER}</font></a></div>
<!-- END switch_poster -->
<!-- END recent_topic_row -->
</tr></tbody></table>
</td></tr></table>
<!-- END classical_row -->
</center>
</div></div></div>
<!-- Tin tức -->
<div class="Page">
<div style="overflow: auto; max-height: 400px;">
<div style="margin:auto;text-align:left;width:100%">
<font face=" Times New Roman" size="3" color="#FF00FF">
<script src="http://feeds.feedburner.com/sosforum/srDb?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/sosforum/srDb"></a><br/>Powered by FeedBurner</p> </noscript></font>
<ul><li type="square"><a href="/post?f=4&mode=newtopic">
<font face = "Times New Roman" size = "4" color = "#FF0000"><B> Gửi bài mới >> </B></font></li></ul>
</div></div></div>
<!-- Tab3-->
<div class="Page">
<div style="overflow: auto; max-height: 400px;">
<div style="margin:auto;text-align:left;width:100%" >
<B>NỘI DUNG TAB 3 </B>
</div></div></div>
<!-- Tab 4-->
<div class="Page">
<div style="overflow: auto; max-height: 400px;">
<div style="margin:auto;text-align:left;width:100%">
<B>NỘI DUNG TAB 4 </B>
</div></div></div>
<!-- Tab 5-->
<div class="Page">
<div style="overflow: auto; max-height: 400px;">
<div style="margin:auto;text-align:left;width:100%">
<B>NỘI DUNG TAB 5 </B>
</div></div></div>
</div>
<script type="text/javascript">tabview_initialize('TabView');</script><ScrollTop -->
</body>
</html>
2/ Dán code này lên trên cùng của Index_body mặc định
- Code:
<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="0" cellspacing="0" style="border: 1px #c0c0c0 solid;" width="100%">
<tr>
<td width="100%">
<table class="thongke" cellpadding="0" cellspacing="0" style="border: 1px #c0c0c0 solid;" width="100%" align="center">
<thead>
<tr valign="top">
<td width="22%"></td><td width="78%" colspan="2"></td>
</tr>
<tr>
<td>
<table class="thongke" cellpadding="0" cellspacing="0" border="0" width="100%" align="center" >
<tr><td valign="top" style="border: 1px solid #9DB3C5;">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR} <!-- END giefmod_index1 --></tr></thead></table>
</td></tr></table>
</div>
</td>
</tr>
<tr>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->
3/ Xóa đoạn cuối này trong header mặc định:
- Code:
<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}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
</td>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->
/ Bố trí widgets như hình là xong:
Còn top poster không liên quan gì đến, thích nó thế nào thì ta cứ việc chỉnh riêng nó.
Mặc định nó thế này:
- Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catLeft" height="25"><span class="genmed module-title">{L_TOP_POSTERS}</span></td>
</tr>
<tr>
<td>
<table summary="{L_TOP_POSTERS}" width="100%">
<!-- BEGIN POSTER -->
<tr>
<td class="{POSTER.ROW_CLASS} genmed" width="1%">{POSTER.NAME}</td>
<td class="{POSTER.ROW_CLASS}" nowrap="nowrap" title="{POSTER.NB_POSTS}">{POSTER.BARRE}</td>
</tr>
<!-- END POSTER -->
</table>
</td>
</tr>
</table>
hích thêm gì nữa thì cứ thêm cho nó một table vào bên trên hay bên dưới là xong. Thậm chí thêm bên trên một table, dưới một table cũng được nữa .
Đây là kiểu cũ khi FM chưa cập nhật các Widgets mới
Còn đây là kiểu mới sau khi FM cập nhật thêm Widgets:
[You must be registered and logged in to see this link.]
Write by Bác Hùng - CP
