Tạo thẻ Tab trong bài viết

[Kennu75]

Source: Quozzo of

You must be registered for see links

Demo:

You must be registered for see links

Ưu điểm:
- Hoạt động ổn định.
- Dễ sử dụng.
- Nâng cao chất lượng bài viết.
Nhược điểm:
- BBCode hơi dài dòng.
- Không chèn được video clip vào thẻ.
======================================================
Chèn code vào Below the Board:
Các bạn download file dưới đây về máy.
File JS:

You must be registered for see links

Sau khi tải về, các bạn upload file đó lên host của forum mình bằng chức năng File Manager trong trang Admin CP. Cuối cùng là chèn vào trên cùng của Below the Board theo cú pháp như sau:

<script src='Link của file vừa upload lên host'></script>

Ngoài ra, để code đẹp mắt hơn, các bạn có thể chèn thêm phần sau đây vào CSS:

.tabtab {
font-weight:700;
}

.activetab {
color: #A9E6FF;
text-shadow: 0 1px 1px rgba(0, 0, 0, .75),0 0 5px #103CA0,0 0 5px #103CA0;
}

Như vậy, mọi chuyện đã cơ bản hoàn tất. Công việc còn lại là viết bài. Khi viết bài, để gọi thẻ tab, các bạn sử dụng cú pháp bbcode như sau:

[tabs=100%][tab=Tên Thẻ 1]Nội dung thẻ 1
Nếu đang xem bài viết tại BeastVN, các bạn vui lòng dùng ấn vào nút "Quote" phía dưới mới có thể xem được BBCode Tabs[/tab][tab=Tên Thẻ 2]Nội dung thẻ 2
Các bạn có thể chèn hình ảnh vào tab, ngoại trừ các đoạn video clips.[/tab][tab=Tên thẻ 3]Nội dung thẻ 3.
Cứ như vậy, bạn có thể chèn rất nhiều thẻ khác nhau nếu thích.[/tab][/tabs]

Mọi thắc mắc về code 'BBCode Tabs' hoặc link download xin nêu tại topic này!

 

[[Mr.P]]

COde này thi ngon rồi , Coder Quozzo và Cory chuyên chơi mấy cái hay