BBcode ẩn hiện bài viết cho forum vbb 3,4,5

Diễn Đàn SEO - vnseo.edu.vn -

Hôm nay vnseo.edu.vn sẽ share cho các bạn bbcode ẩn hiện nội dung tương thích hoàn toàn với VBB 3x. 4x và 5x

​

Hướng dẫn:

Bước 1:

Download và Up host

Bước 2:

Vào Admincp -----> Add New BB Code

BB Code Tag Name : Show
Replacement:

Link bài viết: Bbcode ẩn hiện bài viết forum vbb

HTML:

<div class="spoiler-wrap"> 
<div class="spoiler-head"> 
<span class="title" style="border:0px;">Nội dung đã được thu gọn</span> 
<a class="spoilerbtn">Hiện ra</a> <div class="clear"></div> 
</div> 
<div class="spoiler-body">{param}</div> </div>

Link bài viết: Bbcode ẩn hiện bài viết forum vbb 

--->Save lại

Bước 3:

Sau đó vào temp headinclude chèn code sau vào:

Link bài viết: Bbcode ẩn hiện bài viết forum vbb

HTML:

<script type="text/javascript" src="/forum/bbcode/js/jquery.js">
</script> 
<script type="text/javascript"> jQuery(document).ready(function(){ jQuery('.spoilerbtn').click(function(){ var obj=jQuery(this).parent().parent().find('.spoiler-body')[0]; jQuery(obj).slideToggle('fast',function(){ var btnobj=jQuery(this).parent().find('.spoilerbtn')[0]; var titleobj=jQuery(this).parent().find('.title')[0]; if(jQuery(this).css('display')=='none') { jQuery(titleobj).html('Nội dung đã ẩn, Bấm nút "Hiện ra" để xem đầy đủ'); jQuery(btnobj).html('Hiện ra'); } else { jQuery(titleobj).html('Bấm nút "Thu gọn" để thu gọn nội dung'); jQuery(btnobj).html('Thu gọn'); } }); }); }); 
</script> 

<link rel="stylesheet" type="text/css" href="/forum/bbcode/bbcode.css" />
 

[DOWNLOAD]Download BBcode ẩn hiện forum vbb[/DOWNLOAD]

Bạn kiểm tra cho đúng đường dẫn /forum/bbcode/. Chúc thành công