Code Chuyên Mục Con

Mấy anh pro chỉ e cách trình bày các diễn đàn con như thế này với.
Demo:
Link Forum e : http://teenlythuongkiet.123.st

ACP> QLTT> Categories & forums > chuyên mục mình muốn chèn
vì dụ ở đây là chuyên mục Âm nhạc
> bấm bx
> copy và dán codes sau vô khung mô tả HTML
> bấm save

Code:

<DIV align=left>
<TABLE width="100%">
<TBODY>
<TR>
<TD>
<A href="LINK CHUYÊN MỤC CON">
<IMG src="LINK ICON"></IMG>
TÊN CHUYÊN MỤC</A>
</TD>

<TD>
<A href="LINK CHUYÊN MỤC CON">
<IMG src="LINK ICON"></IMG>
TÊN CHUYÊN MỤC</A>
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>

Lưu ý:

Để các chuyên mục con hiển thị chính xác,
chú ý những phần dưới.
- ACP > Display > Homepage > Structure and Hierachy
>>>Split categories on index
> chọn Medium
- Hierarchy
Sub-level links on: chọn Không (NO)

Chuyên mục con được chia đều:

Code:

<table width=100%>
<tr>

<td width=50%>
<a class="forumlink" href=" LINK CHUYÊN MỤC CON">
<img src="http://i87.servimg.com/u/f87/14/17/42/10/subfor10.gif"></img>
<span style="text-decoration: none" class="genmed">TÊN CHUYÊN MỤC CON</span></a>
</td>

<td>
<a class="forumlink" href=" LINK CHUYÊN MỤC CON">
<img src="http://i87.servimg.com/u/f87/14/17/42/10/subfor10.gif"></img>
<span style="text-decoration: none" class="genmed">TÊN CHUYÊN MỤC CON</span></a>
</td>

</tr>
<td width=50%>
<a class="forumlink" href=" LINK CHUYÊN MỤC CON">
<img src="http://i87.servimg.com/u/f87/14/17/42/10/subfor10.gif"></img>
<span style="text-decoration: none" class="genmed">TÊN CHUYÊN MỤC CON</span></a>
</td>

<td>
<a class="forumlink" href=" LINK CHUYÊN MỤC CON">
<img src="http://i87.servimg.com/u/f87/14/17/42/10/subfor10.gif"></img>
<span style="text-decoration: none" class="genmed">TÊN CHUYÊN MỤC CON</span></a>
</td>
</tr>
</table>

Chuyên mục con được đóng khung:

Code:


<fieldset>
<legend>CHUYÊN MỤC:</legend>
<DIV align=left>
<TABLE width="100%">
<TBODY>
<TR>
<TD>
<A href="LINK CHUYÊN MỤC CON">
<IMG src="LINK ICON"></IMG>
TÊN CHUYÊN MỤC</A>
</TD>

<TD>
<A href="LINK CHUYÊN MỤC CON">
<IMG src="LINK ICON"></IMG>
TÊN CHUYÊN MỤC</A>
</TD>
</TR>

<TR>
<TD>
<A href="LINK CHUYÊN MỤC CON">
<IMG src="LINK ICON"></IMG>
TÊN CHUYÊN MỤC</A>
</TD>

<TD>
<A href="LINK CHUYÊN MỤC CON">
<IMG src="LINK ICON"></IMG>
TÊN CHUYÊN MỤC</A>
</TD>
</TR>

</TBODY>
</TABLE>
</DIV>
</fieldset>

Chuyên mục con auto và người điều hành box

CSS:

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;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}
#pun-visit,.main-box{-moz-box-shadow:-2px 2px 2px #c8c8c8;-webkit-box-shadow:-2px 2px 2px #c8c8c8;_background-image:none;background:#fd0 none;clear:both;display:block;margin:0 0 1em;padding:.6em 1em}#pun-visit ul,.main-box ul{float:right;list-style-type:none;text-align:right;width:70%}.main-box ul{float:left;width:100%}#pun-visit li,.main-box li{float:right;margin-left:.7em;white-space:nowrap}

Index box tìm:

Code:

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

thay bằng:

Code:

<div id="smallrum">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>

tìm tiếp:

Code:

{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

thay bằng:

Code:

<div id="pun-visit">{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
</div>

ACP => Display => Structure and hierarchy => Chọn Medium ở Split categories on index và chọn With pics ở Sub-level links on index, chọn Có ở Display forum moderators
Demo hình: https://2img.net/r/ihimg/photo/my-images/32/demomw.jpg/
Demo forum: http://www.a5pro.tk/

xem thêm bên CP nếu icons hay box nhảy
http://diendan.chinhphuc.info/t17450-topic

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

Nếu muốn chia 3 cột thì sửa width: 375px thành 430px nhé !

Cái chuyên mục auto và người điều hành box là sao vậy a?

là nó tự chia thành 2 cột như demo

Admin đã viết:là nó tự chia thành 2 cột như demo

của em nó không tự chia admin ơi

nhớ thêm tiêu đề [help] đằng trước nhé