Nhờ Admin share giúp code gọp chung các mod lại với nhau

Mr LNA

Administrator
1 Tháng mười một 2010
49,064
12
38
Ðề: Nhờ Admin share giúp code gọp chung các mod lại với nhau

Đoạn code sau đây sử dụng công nghệ Ajaxtab để thu gọn các Mod hiển thị ngoài Forumhome của diễn đàn, nhằm thu gọn và bài trí lại cách hiển thị cho diễn đàn của bạn.
Demo Online: http://sinhvienthamdinh.com/forum
http://sinhvienthamdinh.com/forum/links.php?url=http://nc0.upanh.com/store.b3.s15/d2

Đầu tiên bạn tải file đính kèm về giải nén và upload thư mục svtd lên thư mục root của forum.

Sau đó mở Teample Forumhome, chèn đoạn code sau phía trên thẻ <head>
Mã:
<link rel="stylesheet" type="text/css" href="svtd/ngocanh.css" />

<script type="text/javascript" src="svtd/ngocanh.js">
/***********************************************
Với đoạn mã này các bạn có thể chèn Script vào khi load forum
***********************************************/

</script>
Tiếp theo là đến công đoạn thu gọn các Mod hiển thị ngoài trang chủ diễn đàn như Mod thống kê, mod chatbox, mod tin tức, mod Musicbox...


Để làm được việc này các bạn làm như sau, cũng trong Teample Forumhome, bạn tìm đoạn
Mã:
{vb:raw navbar}
Và thêm vào bên dưới đoạn sau
Mã:
<ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="country1" class="selected">Tên mod thứ 1</a></li>
<li><a href="#" rel="country2">Tên mod thứ 2</a></li>
<li><a href="#" rel="country3">Tên mod thứ 3</a></li>
</ul>

<div style="border:1px solid gray; width: autox; margin-bottom: 1em; padding: 10px">

<div id="country1" class="tabcontent">
<!-- Chèn vào đoạn mã hiển thị mod cho tab thứ 1 (ví dụ "[B]{vb:raw mrkm_img}[/B]" mã hiển thị mod show hình ảnh bài viết là ngoài forumhome) -->
[B]{vb:raw mrkm_img}[/B]
</div>

<div id="country2" class="tabcontent">
<!-- Chèn vào đoạn mã hiển thị mod cho tab thứ 2 (ví dụ "[B]{vb:raw ad_location.vietv2b_topx}[/B]" mã hiển thị mod thống kê diễn đàn) -->
[B]{vb:raw ad_location.vietv2b_topx}[/B]
</div>

<div id="country3" class="tabcontent">
<!-- Chèn vào đoạn mã hiển thị mod cho tab thứ 3 (ví dụ "[B]{vb:raw $template_hook.hqth_music}[/B]" mã hiển thị mod quà tặng âm nhạc) -->
[B]{vb:raw $template_hook.hqth_music}[/B]
</div>

<script type="text/javascript">

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

</script>
Để thêm các tab khác các bạn chèn thêm các dòng
<li><a href="#" rel="country4">Tên của tab</a></li>
Với thẻ rel là id của tab
ví dụ: country1,country2,country3....

Và thêm tương ứng các thẻ
<div id="country4" class="tabcontent">
<!-- Nội dung hiển thị của tab, ở đây là đoạn mã hiển thị mod như minh họa ở trên -->
</div>

với id là các id đã khai báo trong thẻ rel như: country1,country2,country3...

Chúc các bạn thành công, nếu không làm được thì pm lại mình tại chuyên mục này.
 

Đính kèm

dacnhiemip

New member
10 Tháng chín 2011
2
0
0
30
Ðề: Nhờ Admin share giúp code gọp chung các mod lại với nhau

ko phải em ko làm đc .3 cái country1,country2,country 3 thì mình thêm vào code nào cũng đc ,nhưng bắt đầu thêm 1 khung mới country 4,country 5 thì nó không ra , còn nếu muốn nó ra thì ko có đoạn
<!-- Chèn vào đoạn mã hiển thị mod cho tab thứ 3 (ví dụ "{vb:raw $template_hook.hqth_music}" mã hiển thị mod quà tặng âm nhạc) -->" mã hiển thị mod quà tặng âm nhạc) -->

nhưng cái khung sẽ bao lên toàn box ở dưới nó admin giúp cách khắc phục
 

Mr LNA

Administrator
1 Tháng mười một 2010
49,064
12
38
Ðề: Nhờ Admin share giúp code gọp chung các mod lại với nhau

Bạn cho xin cái hình demo đi bạn, khi thêm 1 thẻ <li> thì phải thêm một <div> để hiển thị nó.
Ví dụ: như ở trên mình muốn thêm 1 tab nữa thì mình thêm như sau:

Đầu tiên mình thêm dòng này vào

<li><a href="#" rel="country4">Tên mod thứ 4</a></li>
dưới dòng
<li><a href="#" rel="country3">Tên mod thứ 3</a></li>

Sau đó thêm một đoạn thẻ div như sau vào dưới các thẻ div nằm trên
<div id="country4" class="tabcontent">
<!-- Nội dung hiển thị của tab, ở đây là đoạn mã hiển thị mod như minh họa ở trên -->
</div>

Như vậy là bạn đã thêm được 1 tab mới
 

Thống kê diễn đàn

Chủ đề
61,128
Bài viết
63,348
Thành viên
86,023
Thành viên mới nhất
linkwinvnn

VỀ CHÚNG TÔI

  • Sinhvienthamdinh.Com là diễn đàn đầu tiên và lớn nhất dành riêng cho cộng đồng nhân lực ngành thẩm định giá. Cổng thông tin được tạo ra nhằm tạo kênh kết nối tri thức cho tất cả các bạn đã và đang quan tâm đến ngành thẩm định giá. Các thông tin được tổng hợp với đầy đủ các mảng thuộc lĩnh vực thẩm định giá như: Thẩm định giá Bất động sản, thẩm định giá động sản, thẩm định giá máy móc thiết bị, thẩm định giá doanh nghiệp, thẩm định giá dự án đầu tư, thẩm định giá thương hiệu...
  • Với phương châm "Connet For Sharing" chúng tôi chia sẻ hoàn toàn miễn phí và không giới hạn những kiến thức từ cộng đồng diễn đàn.

DANH MỤC CHÍNH

CÁ NHÂN