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 !

[crazytimes]

haizz! tình hình là vẫn làm ko đc. Nó chỉ hiện ra 3 cái tab, ko lick chuyển qua lại giữa các tab dc, chèn các hook template vào ko hiện được.

Mong AE nhiệt tình xem lại giúp ae với ...

[crazytimes]

up cho admin thấy

[HTT.itvn]

Bạn thay thế code :

<script type="text/javascript">var countries=new ddtabcontent("HTT_dwebvn_1")countries.setpersist(t rue)countries.setselectedClassTarget("link") //"link" or "linkparent"countries.init()</script>

Bằng code sau :

<script type="text/javascript">var countries=new ddtabcontent("HTT_dwebvn_1")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>