Ưu điểm:Không phải nói cũng biết là quá nhiều ưu điểm so với việc phải tự tay vẽ ra từng thứ. Kể cả các chuyên mục con ở phía trong chuyên mục lớn. Và khi lập thêm chuyên mục mới cũng chẳng cần phải động tay chân làm gì.Khuyết điểm: Không có sự khác biệt hoàn toàn giữa các chuyên mục bởi việc này chỉ tự tay mới làm được Và những bạn nào forum không có chuyên mục con sẽ không áp dụng được.Demo :
![[Codes] Chuyên mục con VDS Chiacmvds](https://2img.net/h/cc7.upanh.com/27.806.35084116.p0R0/chiacmvds.png)
Hướng dẫn:Display ==> Homepage ==> Structure and hierarchy ==> Split categories on index ==> Chọn Medium
Display ==>Templates==>index_box
tìm
- Code:
-
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
thay bằng
- Code:
-
<div style="clear:both;"></div>
<div class="chiacmvds">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
Modules ==> Javascript codes management ==> Create a new Javascript
Title: Phân chuyên mục
Placement: In the home page + In the sub-forums
Cho đoạn Jquery này vào:
- Code:
-
$(document).ready(function(){
$("div.chiacmvds").each(function(index){
cm = $(this).html();
cm = cm.replace(/, /gi,'');
$(this).html(cm);
});
$('div.chiacmvds:nth-child(even) a.gensmall:even').prev().wrap('<div class=imgcmvds_trai></div>');
$('div.chiacmvds:nth-child(even) a.gensmall:odd').prev().wrap('<div class=imgcmvds_phai></div>');
$('div.chiacmvds:nth-child(even) a.gensmall:even').wrap('<div class=cmvds_trai></div>');
$('div.chiacmvds:nth-child(even) a.gensmall:odd').wrap('<div class=cmvds_phai></div>');
$('div.chiacmvds:nth-child(odd) a.gensmall:even').prev().wrap('<div class=imgcmvds_trai></div>');
$('div.chiacmvds:nth-child(odd) a.gensmall:odd').prev().wrap('<div class=imgcmvds_phai></div>');
$('div.chiacmvds:nth-child(odd) a.gensmall:even').wrap('<div class=cmvds_trai></div>');
$('div.chiacmvds:nth-child(odd) a.gensmall:odd').wrap('<div class=cmvds_phai></div>');
});
Cho codes này vào css
- Code:
-
.cmvds_trai{float:left;width:40%;height:15px;margin:1px 1px 7px;padding:2px;text-align:left;top:5px;left:5px;background-color:#5e9eff;}
.cmvds_phai{float:right;width:40%;height:15px;margin:1px 1px 7px;padding:2px;text-align:right;top:5px;right:5px;background-color:#ff52f3;}
.imgcmvds_trai{float:left;width:6%;height:15px;margin:1px;padding:4px 2px 0 0;text-align:right;top:5px;left:5px;background-color:#96ff61;}
.imgcmvds_phai{float:right;width:6%;height:15px;margin:1px;padding:4px 0 0 2px;text-align:left;top:5px;right:5px;background-color:#96ff61;}
.cmvds_trai,.cmvds_phai,.imgcmvds_trai,.imgcmvds_phai{position:relative;border:1px solid #8a8a8a;box-shadow: 2px -2px 2px #999;}
.cmvds_trai:hover,.cmvds_phai:hover,.imgcmvds_trai:hover,.imgcmvds_phai:hover{transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2);background-color:#fff200;text-align:center;font-weight:bold;font-size:12px;z-index:99;}
Lưu ý : Chuyên mục con này dành cho punbb nhé
Nguồn : CP
[Codes] Chuyên mục con VDS![[Codes] Chuyên mục con VDS Navbits_start](https://2img.net/h/i967.photobucket.com/albums/ae153/ligerv/svitnet/navbits_start.gif)
Diễn đàn C012A43
Trang Chính
Đăng ký
Chém Gió (
![[Codes] Chuyên mục con VDS Bgavat10](https://i.servimg.com/u/f34/14/04/26/89/bgavat10.png){kind=small}
![[Codes] Chuyên mục con VDS Bgavat12](https://i.servimg.com/u/f34/14/04/26/89/bgavat12.png){kind=small}
![[Codes] Chuyên mục con VDS Bgavat13](https://i.servimg.com/u/f34/14/04/26/89/bgavat13.png){kind=small}
![[Codes] Chuyên mục con VDS Bgavat15](https://i.servimg.com/u/f34/14/04/26/89/bgavat15.png){kind=small}
![[Codes] Chuyên mục con VDS Bgavat17](https://i.servimg.com/u/f34/14/04/26/89/bgavat17.png){kind=small}
![[Codes] Chuyên mục con VDS Bgavat18](https://i.servimg.com/u/f34/14/04/26/89/bgavat18.png){kind=small}
![[Codes] Chuyên mục con VDS Bgavat19](https://i.servimg.com/u/f34/14/04/26/89/bgavat19.png){kind=small}
![[Codes] Chuyên mục con VDS Bgavat21](https://i.servimg.com/u/f34/14/04/26/89/bgavat21.png){kind=small}
![[Codes] Chuyên mục con VDS Bgavat22](https://i.servimg.com/u/f34/14/04/26/89/bgavat22.png){kind=small}
![[Codes] Chuyên mục con VDS Vide10](https://i.servimg.com/u/f34/14/04/26/89/vide10.gif)
