Share thanh diễn đàn - < KOOL >

[cungtenno1]

DEMO:

ONLINE :

Code:

http://congtruongif.7forum.info/h11-page

CSS:

Code:

/* Header
-----------------------------------------------
*/

#cats { max-width: 974px; height: 37px; margin: 0; padding: 6px 15px 0px 15px; max-height: 42px; background: url(http://i42.servimg.com/u/f42/16/32/35/11/navbg11.png) no-repeat; overflow:hidden;}
#cats ul { list-style-type: none; float: left; padding: 0px 0px 0px 0px; margin: 0; width: 970px; }
#cats ul li { float: left; display: block; height: 31px; padding: 0px; margin-right: 10px; margin-bottom: 6px; }
#cats ul li:hover { background: url(http://4.bp.blogspot.com/_lxBSX0YJV58/TB7ukms5YZI/AAAAAAAAAvs/QyQ656T-kmk/s1600/cats-hover-left.png) left; }
#cats ul li a:link, #cats ul li a:visited, #cats ul li a:active { float: left; color: #fff; text-transform: uppercase; display: block; height: 29px; font: bold 12px arial; padding: 7px 10px 0px 10px; margin: 0px; text-decoration: none;}
#cats ul li a:hover { background: url(http://1.bp.blogspot.com/_lxBSX0YJV58/TB7ulGiU_jI/AAAAAAAAAv0/bVvw8iniOvg/s1600/cats-hover-right.png) no-repeat top right !important; background: none; color: #FFF; height: 29px; text-decoration: none; }
#cats .home a:link, #cats .home a:visited, #cats .current_page_item a:link, #cats .current_page_item a:visited { background: url(http://1.bp.blogspot.com/_lxBSX0YJV58/TB7ulGiU_jI/AAAAAAAAAv0/bVvw8iniOvg/s1600/cats-hover-right.png) no-repeat top right !important; background: none; color: #FFF; }
#cats .home, #cats .current_page_item { background: url(http://4.bp.blogspot.com/_lxBSX0YJV58/TB7ukms5YZI/AAAAAAAAAvs/QyQ656T-kmk/s1600/cats-hover-left.png) left !important; background: none; position: relative; z-index: 80 !important; }
#searchbox {
width:222px !important;
width:230px;
height:27px;
background:url(http://3.bp.blogspot.com/_lxBSX0YJV58/TB7u_oDIkpI/AAAAAAAAAxE/eOd_rs7cVSM/s1600/input.png) no-repeat;
}

Cho đoạn code này vào đâu muốn hiển thị:
VD : Cho vào dưới dòng {JAVASCRIPT} trong ~> index_body

Code:


<div style='clear: both;'></div><div id='cats'>
<ul>
<link rel="stylesheet" href="http://congtruongif.7forum.info/h10-page" type="text/css" />


<li class='home'><a href='LINK' title='forum'>TÊn</a></li>
<li class='cat-item'><a href='LINK1'>TÊn1</a></li>
<li class='cat-item'><a href='LINK 2'>TÊn2</a></li>
<li class='cat-item'><a href='LINK3'>TÊn3 </a></li>
<li class='cat-item'><a href='LINK4'>TÊn4</a></li>
<li class='cat-item'><a href='LINK5'>TÊn5 </a></li>

<li class='cat-item'><a href='LINK6'>TÊn6</a></li>
<li class='cat-item'><a href='LINK7'>TÊn7</a></li>






</ul>
</div></div>


thay link, link1, link2, ... vào
và Tên 1,Tên2 , ....

NGUỒN: Vắt CD

[singh]

bóc team.đẹp

[handsomevip007]

bóc team.đẹp

II.4 Tất cả thành viên không được spam bất kỳ hình thức nào.
Tất cả những bài viết dạng "xé tem" đều được kể là spam.

Chủ thớt: Không có menu sổ xuống ảh?

[cungtenno1]

bóc team.đẹp

II.4 Tất cả thành viên không được spam bất kỳ hình thức nào.
Tất cả những bài viết dạng "xé tem" đều được kể là spam.

Chủ thớt: Không có menu sổ xuống ảh?

Chưa có

[™-Forum-™]

THế này thì khó nhớ lắm

tốt nhất là cho vào HTML rồi dùng thẻ <iframe> là xog

[hunghsmn]

Mình đã chia sẻ hầu hết các loại menu rồi:
- Menu ngang cơ bản ( tương tự cái này)
- Menu ngang 2 cấp
- Menu ngang sổ dọc đa cấp ( là cái mình đang dùng)
- Menu dọc đơn giản (Giống như mình dùng trong blog)

Code:

http://hunghsmn.blogspot.com

- Menu dọc đa cấp
... hình như còn nữa.
Những cái này mình đã có chia sẻ trong cả rồi.

[Sponsored content]