hỗ trợ làm forum từ A~Z
![[HTML]Mẹo nhỏ với toggle Empty](https://2img.net/i/empty.gif)
4rum bạn đang sử dụng phiên bản Invision. Bạn tháy ta có thể toggle
(thu gọn hay mở rộng) các bảng 4rum lại. Vấy sao ko tận dụng chức năng
này nhỉ.
sau đây xin giới thiệu cho bạn cách thêm chức năng này vô
phần Home message. Khuyến khích cho nhg~ ai có phần Home Message quá đồ
sộ, nhg~ ai vô 4rum bạn sẽ có thêm lựa chọn thu gọn phần này lại cho đỡ
chướng mắt
B1: Vô ACP>>...-> tìm đến Home Message (HM), copy toàn bộ code HM của bạn ra chỗ khác rồi sao lưu vào file txt nào đấy
B2:
Vì không có thời gian nên thôi gới thiệu luôn sample code. Nếu bạn
thành thạo thì có thể chỉnh sửa thêm. Copy doạn code sau vào HM:
B3: Copy paste lại đoạn code HM cũ của bạn vào chỗ
B4: Chấp nhận rùi xem kết quả.
*Chú ý:
Đoạn code trên là kế thừa những lớp css có sẵn của Invision. Bạn có thể tạo ra các lớp khác rùi chỉnh sửa.
Nói
chung trên là nên giữ nguyên form như trên, tức là giữ nguyen các thẻ
div và table ... như trên. còn các class style muốn thay đổi thế nào
thì tùy
Chú ý đặc biệt quan trọng là 3 chỗ ghi abcxyz ở trên:
- - .. toggleCategory('abcxyz')...
-
Bạn
có thể thay bằng bất cứ cụm j` cũng đc. Vd: hm, hm1 hm2... nếu bạn tạo
nhiều hm nhỏ = cách thêm nhiều đoạn code trên vào HM. Quan trọng là tên
phải khác nhau.
VD nếu sử dụng hai doạn code trong 1 HM thì sẽ là :
Bạn có thể xem demo tại đây: [You must be registered and logged in to see this link.]
Nếu thấy lỗi thì nhớ backup lại code HM cũ của bạn nhé !!
(thu gọn hay mở rộng) các bảng 4rum lại. Vấy sao ko tận dụng chức năng
này nhỉ.
sau đây xin giới thiệu cho bạn cách thêm chức năng này vô
phần Home message. Khuyến khích cho nhg~ ai có phần Home Message quá đồ
sộ, nhg~ ai vô 4rum bạn sẽ có thêm lựa chọn thu gọn phần này lại cho đỡ
chướng mắt
B1: Vô ACP>>...-> tìm đến Home Message (HM), copy toàn bộ code HM của bạn ra chỗ khác rồi sao lưu vào file txt nào đấy
B2:
Vì không có thời gian nên thôi gới thiệu luôn sample code. Nếu bạn
thành thạo thì có thể chỉnh sửa thêm. Copy doạn code sau vào HM:
Code:
<!-- Home message -->
<div id="homemess">
<!--main code-->
<div class="borderwrap">
<div class="maintitle floated clearfix">
<h2>Title</h2>
<div id="babcxyz" class="contract" onclick="toggleCategory('abcxyz');"></div>
</div>
<table id="abcxyz" class="ipbtable index-box" cellpadding="0" cellspacing="0">
<tbody><tr><td>
<!--Content-->
</td></tr></tbody>
</table>
</div>
<!--end main code -->
</div>
<!-- End Home message -->B3: Copy paste lại đoạn code HM cũ của bạn vào chỗ
B4: Chấp nhận rùi xem kết quả.
*Chú ý:
Đoạn code trên là kế thừa những lớp css có sẵn của Invision. Bạn có thể tạo ra các lớp khác rùi chỉnh sửa.
Nói
chung trên là nên giữ nguyên form như trên, tức là giữ nguyen các thẻ
div và table ... như trên. còn các class style muốn thay đổi thế nào
thì tùy
Chú ý đặc biệt quan trọng là 3 chỗ ghi abcxyz ở trên:
- - .. toggleCategory('abcxyz')...
-
Bạn
có thể thay bằng bất cứ cụm j` cũng đc. Vd: hm, hm1 hm2... nếu bạn tạo
nhiều hm nhỏ = cách thêm nhiều đoạn code trên vào HM. Quan trọng là tên
phải khác nhau.
VD nếu sử dụng hai doạn code trong 1 HM thì sẽ là :
Code:
<!-- End Home message -->
<div id="homemess">
<!-- code1 -->
<div class="borderwrap">
<div class="maintitle floated clearfix">
<h2>Title</h2>
<div id="bhm1" class="contract" onclick="toggleCategory('hm1');"></div>
</div>
<table id="hm1" class="ipbtable index-box" cellpadding="0" cellspacing="0">
<tbody><tr><td>
<!--Content1-->
</td></tr></tbody>
</table>
</div>
<!-- code2 -->
<div class="borderwrap">
<div class="maintitle floated clearfix">
<h2>Title</h2>
<div id="bhm2" class="contract" onclick="toggleCategory('hm2');"></div>
</div>
<table id="hm2" class="ipbtable index-box" cellpadding="0" cellspacing="0">
<tbody><tr><td>
<!--Content2-->
</td></tr></tbody>
</table>
</div>
</div>
<!-- End Home message -->Bạn có thể xem demo tại đây: [You must be registered and logged in to see this link.]
Nếu thấy lỗi thì nhớ backup lại code HM cũ của bạn nhé !!