Bài viết đáp ứng yêu cầu của bạn a5smile.tk

Bước 1:
-ACP-> Display-> Homepage-> Structure and hierarchy-> Split categories on index
chọn Medium

-ACP-> Display-> Homepage-> Structure and hierarchy-> Hierarchy
tùy chỉnh như hình sau:


Bước 2 vào index_box
Tìm:

Code:

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

thay bằng:
<div id="smallrum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>

Bước 3: Thêm vào css:
-Có background: (code dưới có background màu xanh da trời với mã màu là #ccf0ff các bạn có thể thay màu tùy ý)
Demo:
[Bài viết không bị Ẩn]

Code:

#smallrum{padding: 0.4em 1em;margin: 3px 1px;
background: #ccf0ff none;
    -moz-box-shadow: -2px 2px 2px #c8c8c8;
    -webkit-box-shadow: -2px 2px 2px #c8c8c8;box-shadow: -2px 2px 2px #c8c8c8;color: #ccf0ff;width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}

[/Bài viết không bị Ẩn]

-Không có background:
Demo:

[Bài viết không bị Ẩn]

Code:

#smallrum{padding: 0.8em 1em; margin: 3px 1px;  
color: #FFFFFF; width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}

[/Bài viết không bị Ẩn]

:Bài viết không bị Ẩn:

Nhớ Vote + nhé

nguồn đienđan.chinhphuc.info

nice

xem

đang cần

xem nao

xem !

like cho bác

nhờ gửi bài là tốt để xem bạn;) cảm ơn vì những đóng góp này

like

hay

xem

demo:

[You must be registered and logged in to see this link.]


hướng dẫn:

1. chỉnh categories và sub-level links:
Spoiler:
ACP> Display> Homepage> Structure and hierarchy
> Split categories on index: Chọn Medium
> Hierarchy
Sub-level links on index : chọn Có


2. thay codes trong index_box:
Spoiler:
- ACP> Display> Templates> QLTT> index_box
- thay:

Code:


{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}


bằng:

Code:


<div style="clear:both;"></div>
<div class="chiacmvds">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>

- bấm save rùi


3. tạo Javascript
Spoiler:
- ACP> Modules> HTML & Javascript>Javascript codes management
> Create a new Javascript
Title: Phân chuyên mục
Placement: In the home page + In the sub-forums
copy và chèn đoạn codes sau vô khung

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>');
});

bấm lưu

4. thêm codes trong css

- ACP> Display> Colors & Pics> Colors> CSS
- chèn vào cuối css

Code:

.cmvds_trai{float:left;width:41%;height:15px;margin:1px 1px 7px;padding:2px;text-align:left;top:5px;left:5px;}
.cmvds_phai{float:right;width:41%;height:15px;margin:1px 1px 7px;padding:2px;text-align:right;top:5px;right:5px;}

.imgcmvds_trai{float:left;width:4%;height:15px;margin:1px;padding:4px 2px 0 0;text-align:right;top:5px;left:5px;}
.imgcmvds_phai{float:right;width:4%;height:15px;margin:1px;padding:4px 0 0 2px;text-align:left;top:5px;right:5px;}

.cmvds_trai a,.cmvds_phai a{font-weight:bold;color:#0076b1;}
.cmvds_trai,.cmvds_phai,.imgcmvds_trai,.imgcmvds_phai{position:relative;border:1px solid #363b3e;box-shadow: inset 0 0 5px #ccc;}
.cmvds_trai:hover,.cmvds_phai:hover,.imgcmvds_trai:hover,.imgcmvds_phai:hover{background: url("http://i48.servimg.com/u/f48/13/58/60/43/menuto10.png");}

- bấm submit.

sao em làm xong nó ra thế này

demo [You must be registered and logged in to see this link.]

thks

xem

xem

xem

x

tks

xem

xem

Xem

xem

MRC

cần xem code.com DEMO đẹp