Thu gọn các MOD trong 1 Tab - Làm gọn 4rum của bạn.

[HTT.itvn]

Với những 4rum có cài nhiều MOD hiển thị ở Forumhome như topx, chatbox, Thông báo ... Những MOD này làm 4rum bị kéo dài thêm gây loãng 4rum. Nay mình hướng dẫn cách thu gọn các MOD vào một tab bằng JS đơn giản .

- Đầu tiên xem Demo tại đây

- Vào AdminCP >> Styles & Templates >> Style Manager >> Chọn Style >> Edit Tempaltes >> Forum Home Templates >> FORUMHOME , tìm code sau :

{vb:raw header}

{vb:raw navbar}

Chèn xuống dưới đoạn code sau :

<link rel="stylesheet" type="text/css" href="http://dwebvn.com/forum/images/DWEBVN/css/HTT_tab.css" />    
<link rel="stylesheet" type="text/css" href="http://dwebvn.com/forum/images/DWEBVN/css/HTT_dtab.css" />    
<script type="text/javascript" src="http://dwebvn.com/forum/images/DWEBVN/js/HTT_tab.js"></script>

<div class="HTT_NTNonline_tab">    
<ul id="HTT_dwebvn_1" class="shadetabs">        
<li><a href="javascript://" rel="country1" class="selected">&nbsp;&nbsp;&nbsp;Tiêu đề 1&nbsp;&nbsp;&nbsp;</a></li>        
<li><a href="javascript://" rel="country2">&nbsp;&nbsp;&nbsp;Tiêu đề 2&nbsp;&nbsp;&nbsp;</a></li>        
<li><a href="javascript://" rel="country3">&nbsp;&nbsp;&nbsp;Tiêu đề 3&nbsp;&nbsp;&nbsp;</a></li>
 <div class="HTT_tabTL"></div>        
<div class="HTT_tabTR"></div>    
</ul>
<div id="country1" class="tabcontent">   
 <!---Chèn hook template 1--->
</div>
<div id="country2" class="tabcontent">    
<!---Chèn hook template 2--->
</div>
<div id="country3" class="tabcontent">   
 <!---Chèn hook template 3--->
</div>
<script type="text/javascript">var countries=new ddtabcontent("HTT_dwebvn_1")countries.setpersist(true)countries.setselectedClassTarget("link") //"link" or "linkparent"countries.init()</script>
</div>

Các bạn chèn các hook template theo tùy ý nhé. Chú ý là các MOD phải ở chế độ tự chèn thủ công hook template.

CHÚC BẠN THÀNH CÔNG !

[banhkinhakdemi]

Anh ơi sao em làm như hướng dẫn mà nó k ra nhỉ. Cái này có phân biệt bản suite và bản forum k?

[HTT.itvn]

Anh ơi sao em làm như hướng dẫn mà nó k ra nhỉ. Cái này có phân biệt bản suite và bản forum k?

Không phân biệt đâu. Không hiển thị là do 4rum của em có JS trùng với với JS của code này. Em thử kiểm tra các MOD hiển thị ở FORUMHOME nhé.

[banhkinhakdemi]

Anh có thể cho e Yh e gửi a user và pass a vào xem giúp e được k ạ?

[HTT.itvn]

Anh có thể cho e Yh e gửi a user và pass a vào xem giúp e được k ạ?

Anh vừa gửi qua tin nhắn rồi đấy.

[jamesblackvn]

<!--CUSTOM-->
{vb:raw ad_location.nnt_lm}




<link rel="stylesheet" type="text/css" href="http://dwebvn.com/forum/images/DWEBVN/css/HTT_tab.css" />
<link rel="stylesheet" type="text/css" href="http://dwebvn.com/forum/images/DWEBVN/css/HTT_dtab.css" />
<script type="text/javascript" src="http://dwebvn.com/forum/images/DWEBVN/js/HTT_tab.js"></script>


<div class="HTT_NTNonline_tab">
<ul id="HTT_dwebvn_1" class="shadetabs">
<li><a href="javascript://" rel="country1" class="selected">&nbsp;&nbsp;&nbsp;Tiêu đề 1&nbsp;&nbsp;&nbsp;</a></li>
<li><a href="javascript://" rel="country2">&nbsp;&nbsp;&nbsp;Tiêu đề 2&nbsp;&nbsp;&nbsp;</a></li>
<li><a href="javascript://" rel="country3">&nbsp;&nbsp;&nbsp;Tiêu đề 3&nbsp;&nbsp;&nbsp;</a></li>
<div class="HTT_tabTL"></div>
<div class="HTT_tabTR"></div>
</ul>
<div id="country1" class="tabcontent">
<!---Chèn hook template 1--->
{vb:raw ad_location.vietv2b_topx}
</div>
<div id="country2" class="tabcontent">
<!---Chèn hook template 2--->
{vb:raw changfcb}
</div>
<div id="country3" class="tabcontent">
<!---Chèn hook template 3--->
{vb:raw template_hook.news}
</div>
<script type="text/javascript">var countries=new ddtabcontent("HTT_dwebvn_1")countries.setpersist(t rue)countries.setselectedClassTarget("link") //"link" or "linkparent"countries.init()</script>
</div>


<!--GOOGLE SEARCH -->
<div id="cse" style="width: 100%;">Loading</div>
<script src="//www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load('search', '1', {language : 'vi', style : google.loader.themes.GREENSKY});
google.setOnLoadCallback(function() {
var customSearchControl = new google.search.CustomSearchControl('006343579908594 631194:us8ofydjjak');
customSearchControl.setResultSetSize(google.search .Search.FILTERED_CSE_RESULTSET);
var options = new google.search.DrawOptions();
options.setAutoComplete(true);
customSearchControl.draw('cse', options);
}, true);
</script>
<!--GOOGLE SEARCH -->
<!--CUSTOM-->


Lỗi ko click dc qua tab mới và ko hiển thị nội dung luôn

[nhocmt]

mình lại đang mắc vấn đề ngược lại đó là hiện tại nó là 3 tab trong 1 rồi. bây giờ mình muốn nó trải ra và hiển thị 3 mod luôn thì phải là thế nào đc . giúp mình với HTT.itvn ơi

[nhocmt]

không ai giúp tui à

[HTT.itvn]

không ai giúp tui à

Trong code này :

<div id="country1" class="tabcontent">
<!---Chèn hook template 1--->
{vb:raw ad_location.vietv2b_topx}
</div>
<div id="country2" class="tabcontent">
<!---Chèn hook template 2--->
{vb:raw changfcb}
</div>
<div id="country3" class="tabcontent">
<!---Chèn hook template 3--->
{vb:raw template_hook.news}
</div>

Ở mỗi khung em chèn 1 hay nhiều hook tùy ý , ví dụ :

<div id="country1" class="tabcontent">
<!---Chèn hook template 1--->
<!---Chèn hook template 2--->
<!---Chèn hook template 3--->
{vb:raw ad_location.vietv2b_topx}
</div>

[nhocmt]

{vb:raw header}

{vb:raw navbar}

<ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="country1" class="selected">Thống kê</a></li>
<li><a href="#" rel="country2">Chatbox</a></li>
<li><a href="#" rel="country3">Quà tặng âm nhạc</a></li>
</ul>



<div id="country1" class="tabcontent">
{vb:raw changstats}
</div>

<div id="country2" class="tabcontent">
{vb:raw show.vbshout_instance1}
</div>

<div id="country3" class="tabcontent">

{vb:raw $template_hook.hqth_music}
</div>
<script type="text/javascript">

var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

</script>

của em nó thế này thì phải sửa lại thế nào ạ ????

[nhocmt]

của em nó thế này thì phải sửa lại thế nào ạ ????