Chia sẻ thanh menu

[hunghsmn]

CŨng không có gì mới đâu, bạn nào chưa biết thì lấy dùng, cái này dễ dùng.

Hôm nay có một bạn lạ hoắc, không phải dân FM, cũng không phải VBB mà là dân gì lạ lắm, add nick yahoo nhờ mình làm cho thanh menu. Chẳng biết là ai nhưng nhờ thì mình giúp. Làm xong giao cho bạn ấy rồi, tiện bỏ lên đây luôn để có ai thích thì lấy dùng.

Xem thử:

Code:

http://www.trekhuyettat.org/h148-page

Code:

Code:

<style type="text/css">      @charset "utf-8";
/* CSS Document */

/*^'^ Navigation Structure ^'^*/
.nav-container-outer{
background: #CC0000;
padding: 0px;
height: 30px;

}
.float-left{
float: left;
}
.float-right{
float: right;
}
.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}
.nav-container .divider-vert{
float:center;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
white-space:nowrap;
}
.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}
.nav-container{
position:relative;
zoom:1;
margin: 0 auto;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:10;
}
.nav-container ul ul{
z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}

/*^'^ Primary Items ^'^*/ 
#nav-container a{ 
padding:4px 20px 5px 15px;
margin: 1px 0px 0px 0px;
color: #FFFFFA;
font-family: Times New Roman, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:14px;
text-decoration:none;
font-weight: bold;
background: url('');
background-repeat: no-repeat;
background-position: top;
}

#nav-container a:hover{
color: #FF0000;
background: #FFFFD9;
background-repeat: no-repeat;
background-position: center;
}

/*^'^ Secondary Items Container ^'^*/ 
#nav-container div, #nav-container ul{ 
padding:10px 28px 10px 10px;
margin:0px 0px 0px 0px;
background: url('');
background-repeat: repeat-x;
background-color: #70B1FB;
border-bottom: 2px solid #CA6500;
}

/*^'^ Secondary Items ^'^*/ 
#nav-container div a, #nav-container ul a{ 
padding:5px 5px 5px 5px;
background-color: #70B1FB;
background-repeat: no-repeat;
background-position: 0px 20px;
font-size:14px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 166px;
}
  </style>     

<table width="100%">
<tr>

<td align="left">
<div class="nav-container-outer">
  <ul id="nav-container" class="nav-container" >

    <li> <a href="http://www.trekhuyettat.org">Trang chủ </a></li>
    <li> <a href="http://trekhuyettat.org/index.htm"> DIỄN ĐÀN</a></li>

      <li><a class="item-primary" href="#" target="_self">Menu1</a>
              <ul style="width:150px;">
                  <li> <a href="http://link..." target="_blank">Menu1a</a></li>
                  <li> <a href="http://link..." target="_blank">Menu1b</a></li>
                  <li> <a href="http://link..." target="_blank">Menu1c</a></li>
                  <li> <a href="http://link..." target="_blank">Menu1d</a></li>
                </ul>
        </li>

      <li><a class="item-primary" href="#" target="_self">Menu2</a>
              <ul style="width:150px;">
                  <li> <a href="http://link..." target="_blank">Menu2a</a></li>
                  <li> <a href="http://link..." target="_blank">Menu2b</a></li>
                  <li> <a href="http://link..." target="_blank">Menu2c</a></li>
                  <li> <a href="http://link..." target="_blank">Menu2d</a></li>
                </ul>
        </li>

      <li><a class="item-primary" href="#" target="_self">Menu3</a>
              <ul style="width:150px;">
                  <li> <a href="http://link..." target="_blank">Menu3a</a></li>
                  <li> <a href="http://link..." target="_blank">Menu3b</a></li>
                  <li> <a href="http://link..." target="_blank">Menu3c</a></li>
                  <li> <a href="http://link..." target="_blank">Menu3d</a></li>
                </ul>
        </li>

      <li><a class="item-primary" href="#" target="_self">Menu4</a>
              <ul style="width:150px;">
                  <li> <a href="http://link..." target="_blank">Menu4a</a></li>
                  <li> <a href="http://link..." target="_blank">Menu4b</a></li>
                  <li> <a href="http://link..." target="_blank">Menu4c</a></li>
                  <li> <a href="http://link..." target="_blank">Menu4d</a></li>
                </ul>
        </li

  <li><a href="http://link..." target="_blank">Hướng dẫn</a></li>
  </ul>
</div>
</td>
</tr></table>

[I]

đơn giản mà đẹp, vote bác 1 cái, hihi

[Mr.Winni]

Cháu cũng có cái menu, cái này share rồi thì phải, gom lại cùng một chỗ thôi ^^:
Menu vnexpress:

Code:

<style type="text/css">
.parent-menu, .sub-menu {width:975px;}
#topmenu {height:46px; margin-bottom:10px;z-index:-10px;}
 
.fl {float:left;}
#topmenu {float:left;}
.fr {float:right;}
 
.parent-menu {height:25px; font:11px tahoma; color:#f7f4f4; text-align:center; background:#f5f5f6
 
url('http://vnexpress.net/Images/Background/bg_repeat.gif') repeat-x 0px -46px;}
.pmenu-sep {width:25px;}
.pmenu-normal{height:15px; padding:7px; cursor:pointer;}
.pmenu-normal, .pmenu-active, .pmenu-normalleft, .pmenu-normalright, .pmenu-activeleft, .pmenu-activeright
 
{cursor:pointer;}
.pmenu-normalleft, .pmenu-normalright, .pmenu-activeleft, .pmenu-activeright {width:3px; height:25px;font-size:1px;}
.pmenu-active {height:15px; padding:7px; color:#004f8b; background:#f5f5f6
 
url('http://vnexpress.net/Images/Background/bg_repeat.gif') repeat-x 0px -73px;}
.pmenu-activeleft {height:25px; background:#f4f5f6 url('http://vnexpress.net/Images/Background/bg_corner.gif')
 
no-repeat 0px 0px;}
.pmenu-activeright {height:25px; background:#f4f5f6 url('http://vnexpress.net/Images/Background/bg_corner.gif')
 
no-repeat 0px -27px;}
.sub-menu {height:21px; background:#f5f5f6 url('http://vnexpress.net/Images/Background/bg_repeat.gif') repeat-x 0px
 
-100px;}
.smenu-content {width:678px; height:17px;padding:2px 7px;}
.smenu-content2 {width:892px; height:17px;padding:2px 7px;}
.smenu-content3 {width:534px; height:17px;padding:2px 7px;}
.smenu-content ul {width:50%;height:17px;margin:0px;padding:0px;list-style-type:none;}
.smenu-content li{float:right;padding:0px 5px;}
.smenu-content li img{border:0px; vertical-align:middle}
 
.sub-menu {position:relative; font: 12px arial; }
 
.parent-menu, .sub-menu, .sub-menucontent {overflow:hidden;}
 
.link-submenu {font:11px arial; color:#004f8b; text-decoration:none;}
.link-submenu:hover {text-decoration:underline;}
.link-site {text-decoration:none; color:#585858; font:11px tahoma;}
.link-site:hover {color:#0168B6;}
 
.sep-fmenu{width:2px; height:26px; background:#f4f5f6
 
url('http://vnexpress.net/Images/Background/bg_corner.gif') no-repeat -5px -138px;}
 
</style>
 
<script type="text/javascript">
var menu_fid = new Array(

1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 91
 
);
var menu_pid = new Array(
0, // home
0, // Menu1
0, // Menu2
0, // Menu3
0, // Menu4
0, // Menu5
0, // Menu6
0, // Menu7
0, // Menu8
0, // Menu9
0, // Menu10
0, // Menu11
0, // Menu12
 
2, // sub 2.1
2, // sub 2.2
2, // sub 2.3
2, // sub 2.4
2, // sub 2.5
2, // sub 2.6
 
3, // sub 3.1
3, // sub 3.2
3, // sub 3.3
3, // sub 3.4
3, // sub 3.5
 
4, // sub 4.1
4, // sub 4.2
4, // sub 4.3
4, // sub 4.4
4, // sub 4.5
4, // sub 4.6
4, // sub 4.7
4, // sub 4.8
 
5, // sub 5.1
5, // sub 5.2
5, // sub 5.3
5, // sub 5.4
5, // sub 5.5
 
6, // sub 6.1
6, // sub 6.2
6, // sub 6.3
6, // sub 6.4
6, // sub 6.5
 
7, // sub 7.1
7, // sub 7.2
7, // sub 7.3
 
8, // sub 8.1
8, // sub 8.2
8, // sub 8.3
8, // sub 8.4
 
9, // sub 9.1
9, // sub 9.2
9, // sub 9.3
 
10, // sub 10.1
10, // sub 10.2
 
11, // sub 11.1
11, // sub 11.2
11, // sub 11.3
11, // sub 11.4
11, // sub 11.5
11, // sub 11.6
 
12, // sub 12.1
12, // sub 12.2
12, // sub 12.3
 
13 // sub 12.1
 
 
);
 
var menu_name = new Array(
'Home',
'Diễn Đàn',
'Tin Nhanh Thủy Sản',
'Kinh Tế Thủy Sản',
'Nghề Cá',
'Nuôi Trồng',
'Khai Thác Chế Biến',
'Khoa Học',
'Môi Trường',
'Biển Đảo',
'Cuộc sống',
'Kết nối',
'Job',
 
'Đăng Kí',
'Đăng Nhập',
'Thành Viên',
'Liên Hệ Admin',
'Null',
'Null',
 
'Tin Thủy Sản Việt Nam',
'Tin Thủy Sản Thế giới',
'Tin Khác',
'Null',
'Đăng Tin',
 
'Hội Nhập',
'Xúc Tiến Thương Mại',
'Xuất Nhập Khẩu',
'Giá Cả Thị Trường',
'Thống Kê',
'Thời Sự-Suy Ngẫm',
'Mua Bán',
'Doang Nghiệp Viết',
 
'Tiêu Điểm',
'Chuyển Động Nghề Cá',
'Mekong Fish',
'Hội Nghề Cá VN',
'Quản Lý Nghề Cá',
 
'Cá',
'Tôm',
'Thủy Sản Nước Ngọt',
'Thủy Sản Nước Lợ- Mặn',
'Khuyến Ngư Thủy Sản',
 
'Khai Thác ',
'Mùa Vụ',
'Chế Biến',
 
'Khoa Học Thủy Sản',
'Mekong Fish',
'Nghiên Cứu',
'Đối Tượng Tiềm Năng',
 
'Môi Trường Thủy Sản',
'Ô Nhiễm Môi Trường',
'Giải Pháp – Quản Lý',
 
'Phóng Sự Ảnh',
'Ký Sự Đường Xa',
 
'Kinh nghiệm',
'Bài học story',
'Điều ý nghĩa',
'Cung đạo',
'Danh ngôn',
'Bí mật cuộc sống',
 
'Yêu cầu mua bán',
'Doanh Nghiệp Quảng Cáo',
'Gửi bài viết cho chúng tôi',
 
'Tuyển cộng tác viên'
);
 
var menu_path = new Array(
'http://tinnhanhthuysan.blogspot.com/',
'http://winni.forum-viet.net/forum',
'#',
'#',
'#',
'#',
'#',
'#',
'#',
'#',
'#',
'#',
'/2010/05/tuyen-cong-tac-vien-cho-webblog.html',
 
'http://winni.forum-viet.net/login',
'http://winni.forum-viet.net/register',
'http://winni.forum-viet.net/memberlist',
'http://winni.forum-viet.net/contact',
'#',
'#',
 
'/search/label/Tin%20Th%E1%BB%A7y%20S%E1%BA%A3n%20Vi%E1%BB%87t%20Nam',
'/search/label/Tin%20Th%E1%BB%A7y%20S%E1%BA%A3n%20N%C6%B0%E1%BB%9Bc%20Ngo%C3%A0i',
'#',
'#',
'#',
 
'/search/label/Xu%E1%BA%A5t%20Nh%E1%BA%ADp%20Kh%E1%BA%A9u',
'/search/label/Xu%E1%BA%A5t%20Nh%E1%BA%ADp%20Kh%E1%BA%A9u',
'/search/label/Xu%E1%BA%A5t%20Nh%E1%BA%ADp%20Kh%E1%BA%A9u',
'/search/label/Gi%C3%A1%20c%E1%BA%A3%20Th%E1%BB%8B%20Tr%C6%B0%E1%BB%9Dng',
'/search/label/Th%E1%BB%91ng%20K%C3%AA%20Th%E1%BB%8B%20Tr%C6%B0%E1%BB%9Dng',
'/search/label/Th%E1%BB%9Di%20S%E1%BB%B1%20-%20Suy%20Ng%E1%BA%ABm',
'#',
'#',
 
'/search/label/Chuy%E1%BB%83n%20%C4%90%E1%BB%99ng%20Ngh%E1%BB%81%20C%C3%A1',
'/search/label/Chuy%E1%BB%83n%20%C4%90%E1%BB%99ng%20Ngh%E1%BB%81%20C%C3%A1',
'/search/label/Mekong%20Fish',
'/search/label/Chuy%E1%BB%83n%20%C4%90%E1%BB%99ng%20Ngh%E1%BB%81%20C%C3%A1',
'#',
 
'/search/label/Nu%C3%B4i%20Tr%E1%BB%93ng%20Th%E1%BB%A7y%20S%E1%BA%A3n',
'/search/label/Nu%C3%B4i%20Tr%E1%BB%93ng%20Th%E1%BB%A7y%20S%E1%BA%A3n',
'/search/label/Nu%C3%B4i%20Tr%E1%BB%93ng%20Th%E1%BB%A7y%20S%E1%BA%A3n',
'/search/label/Nu%C3%B4i%20Tr%E1%BB%93ng%20Th%E1%BB%A7y%20S%E1%BA%A3n',
'/search/label/T%C6%B0%20V%E1%BA%A5n',
 
'/search/label/Khai%20Th%C3%A1c%20v%C3%A0%20Ch%E1%BA%BF%20Bi%E1%BA%BFn',
'/search/label/Khai%20Th%C3%A1c%20v%C3%A0%20Ch%E1%BA%BF%20Bi%E1%BA%BFn',
'/search/label/Khai%20Th%C3%A1c%20v%C3%A0%20Ch%E1%BA%BF%20Bi%E1%BA%BFn',
 
'/search/label/Khoa%20H%E1%BB%8Dc%20Th%E1%BB%A7y%20S%E1%BA%A3n',
'/search/label/Mekong%20Fish',
'/search/label/Khoa%20H%E1%BB%8Dc%20Th%E1%BB%A7y%20S%E1%BA%A3n',
'/search/label/Khoa%20H%E1%BB%8Dc%20Th%E1%BB%A7y%20S%E1%BA%A3n',
 
'/search/label/M%C3%B4i%20Tr%C6%B0%E1%BB%9Dng',
'/search/label/M%C3%B4i%20Tr%C6%B0%E1%BB%9Dng',
'/search/label/M%C3%B4i%20Tr%C6%B0%E1%BB%9Dng',
 
'/search/label/Bi%E1%BB%83n%20%C4%90%E1%BA%A3o',
'/search/label/Bi%E1%BB%83n%20%C4%90%E1%BA%A3o',
 
'/search/label/K%E1%BB%B9%20N%C4%83ng%20S%E1%BB%91ng',
'/search/label/B%C3%A0i%20H%E1%BB%8Dc%20Cu%E1%BB%99c%20S%E1%BB%91ng',
'/search/label/Cu%E1%BB%99c%20S%E1%BB%91ng%20H%C3%A0ng%20Ng%C3%A0y',
'/search/label/Cu%E1%BB%99c%20S%E1%BB%91ng%20H%C3%A0ng%20Ng%C3%A0y',
'/search/label/Cu%E1%BB%99c%20S%E1%BB%91ng%20H%C3%A0ng%20Ng%C3%A0y',
'/search/label/Cu%E1%BB%99c%20S%E1%BB%91ng%20H%C3%A0ng%20Ng%C3%A0y',
 
'/p/contact-us.html',
'/2011/01/lien-ket-logo-va-link-toi.html',
'/p/tra-iem-hp.html',
 
'/2010/05/tuyen-cong-tac-vien-cho-webblog.htm'
 
);
 
var menu_show = new Array(
0, // home
0, // Menu1
0, // Menu2
0, // Menu3
0, // Menu4
0, // Menu5
0, // Menu6
0, // Menu7
0, // Menu8
0, // Menu9
0, // Menu10
0, // Menu11
0, // Menu12
 
0, // sub 1.1
0, // sub 1.2
0, // sub 1.3
0, // sub 1.4
0, // sub 1.5
0, // sub 1.6
 
0, // sub 2.1
0, // sub 2.2
0, // sub 2.3
0, // sub 2.4
0, // sub 2.5
 
0, // sub 3.1
0, // sub 3.2
0, // sub 3.3
0, // sub 3.4
0, // sub 3.5
0, // sub 3.6
0, // sub 3.7
0, // sub 3.8
 
0, // sub 4.1
0, // sub 4.2
0, // sub 4.3
0, // sub 4.4
0, // sub 4.5
 
 
0, // sub 5.1
0, // sub 5.2
0, // sub 5.3
0, // sub 5.4
0, // sub 5.5
 
0, // sub 6.1
0, // sub 6.2
0, // sub 6.3
 
0, // sub 7.1
0, // sub 7.2
0, // sub 7.3
0, // sub 7.4
0, // sub 7.5
 
0, // sub 8.1
0, // sub 8.2
0, // sub 8.3
 
0, // sub 9.1
0, // sub 9.2
 
0, // sub 10.1
0, // sub 10.2
0, // sub 10.3
0, // sub 10.4
0, // sub 10.5
0, // sub 10.6
 
0, // sub 11.1
0, // sub 11.2
0, // sub 11.3
 
0 // sub 12.1
 

);
 
</script>
 
<script language="javascript" src=" http://winni.googlecode.com/files/menuex.js" type="text/javascript"></script>

<div id="topmenu"><div class="parent-menu" id="parent-menu"></div><div class="sub-menu"><div class="fl"><img src="https://lh5.googleusercontent.com/-v0y793VHgaM/TXMqHEhdHtI/AAAAAAAAAzQ/1-Hlj_CDy1c/s1600/49w2.png" alt="" height="21" /> </div><div class="smenu-content fl" id="submenu" onmouseover="clear_delayhide();activeMenuParent();" onmouseout="resetit();"> </div>

</div>
</div>

<script type="text/javascript" language="javascript">
menuobj=document.getElementById? document.getElementById("submenu") : document.all? document.all.submenu : document.layers? document.dep1.document.dep2 : ""
Active(); writeParentMenu(); reWriteMenu();
</script>

Demo:

Cuối tuần vui vẻ!

[uiti]

bác hunghsmn pro quá nhỉ. .

[hunghsmn]

Trời ơi! Cái này làm sao bắt chước cho nổi. Chú không phải thích dùng, mà thích bắt chước cho biết, thích học ấy mà. Nhưng cái này bắt chước chắc không nổi quá.

[hj4uk0j0o97]

bác hùng ơi, chèn vào chỗ nào của over_head ạk

[notme]

Bác hùng ơi cái demo của trang nào vậy ta

[hunghsmn]

bác hùng ơi, chèn vào chỗ nào của over_head ạk

Trong
over_head mặc định có một table như thế này:

Code:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

Thay đoạn code này bằng code thanh menu đó.
Các bạn có thể vào xem trong forum mình:

Code:

http://trekhuyettat.sosforum.net/forum

Trên thanh menu đó mình thiêys kế 2 menu gửi bài mới và mở chuyên mục. Thành viên chỉ cần dùng me nu để mở một chuyên mục hoặc gửi bài mới đến một chuyện mục nào đó mà không cần phải cuộn lên xuống trong index_box. Tác dụng kiểu như "LÝ LỊCH THÀNH VIÊN " của vậy nhưng nó hiện đâị và có vẻ chuyên nghiệp hơn nhiều. Mình nghĩ các bạn nên dùng, không phải "mèo khen mèo dài đuôi đâu mà mình thấy đây là một cải tiến mình thích nhất.

Bác hùng ơi cái demo của trang nào vậy ta

Code:

 http://www.trekhuyettat.org/h148-page

[hunghsmn]

CHo các bạn xem menu "Gửi bài mới" trên thanh menu của mình. Các bạn copy dán vào một trình soạn thảo văn bản rồi nghiên cứu:

Code:

    <li><a class="item-primary" href="#" target="_self">Gửi bài mới</a>
            <ul style="width:150px;">

                  <li><a class="item-primary" href="#" target="_self">Ban Quản Trị</a>
                        <ul style="width:150px;">
                          <li> <a href="/post?f=2&mode=newtopic" title="Chỉ thành viên BQT mới viết bài trong chuyên mục này được">Thông báo của BQT</a></li>
                          <li> <a href="/post?f=10&mode=newtopic" title="Chỉ thành viên BQT mới viết bài trong chuyên mục này được">Nội qui DIỄN ĐÀN</a></li>
                          <li> <a href="/post?f=8&mode=newtopic" title="Góp ý cho BQT">Góp ý</a></li>
                          <li> <a href="/post?f=42&mode=newtopic" title="Hoạt động của DIỄN ĐÀN"> Hoạt động của DIỄN ĐÀN></a></li>
                          <li> <a href="/post?f=53&mode=newtopic" title="Tài chính DIỄN ĐÀN"> Tài chính DIỄN ĐÀN</a></li>
                      </ul>
                  </li>
       
                  <li><a class="item-primary" href="#" target="_self">Trung tâm hội thảo</a>
                        <ul style="width:150px;">
                          <li> <a href="/post?f=1&mode=newtopic">Những vđề lquan NKT</a></li>
                          <li> <a href="/post?f=5&mode=newtopic">Những kinh nghiệm hay</a></li>
                          <li> <a href="/post?f=27&mode=newtopic">Chủ đề khác</a></li>
                      </ul>
                  </li>

                  <li><a class="item-primary" href="#" target="_self">Cộng đồng</a>
                        <ul style="width:150px;">
                          <li> <a href="/post?f=35&mode=newtopic">Giao lưu-Kết bạn</a></li>
                          <li> <a href="/post?f=57&mode=newtopic">Chúc mừng</a></li>
                          <li> <a href="/post?f=58&mode=newtopic">Tán gẫu</a></li>
                          <li> <a href="/post?f=14&mode=newtopic"> Blog thành viên</a></li>
                          <li> <a href="/post?f=23&mode=newtopic">Những mảnh đời bất hạnh</a></li>
                          <li> <a href="/post?f=12&mode=newtopic">Những mái ấm TÌNH THƯƠNG</a></li>
                          <li> <a href="/post?f=45&mode=newtopic">Những túp lều lý tưởng</a></li>
                          <li><a href="/post?f=44&mode=newtopic">Gương sáng soi chung</a></li>
                          <li><a href="/post?f=64&mode=newtopic">Chủ đề khác</a></li>
                      </ul>
                  </li>

                  <li><a class="item-primary" href="#" target="_self">Khu thông tin</a>
                        <ul style="width:150px;">
                          <li> <a href="/post?f=4&mode=newtopic">Tin tức thời sự</a></li>

                          <li> <a href="/post?f=11&mode=newtopic">Tài liệu tham khảo</a></li>
                          <li> <a href="/post?f=56&mode=newtopic">Văn bản luật</a></li>
                          <li> <a href="/post?f=67&mode=newtopic">Khoa học-Công nghệ</a></li>
                          <li> <a href="/post?f=63&mode=newtopic">Chuyện lạ bốn phương</a></li>

                      </ul>
                  </li>

                  <li><a class="item-primary" href="#" target="_self">Khu trưng bày ảnh</a>
                        <ul style="width:150px;">
                          <li> <a href="/post?f=15&mode=newtopic">Ảnh thành viên</a></li>
                          <li> <a href="/post?f=9&mode=newtopic">Ảnh hoạt động</a></li>
                          <li> <a href="/post?f=3&mode=newtopic">Ảnh trẻ khuyết tật</a></li>

                          <li><a class="item-primary" href="#" target="_self">Ảnh phong cảnh</a>
                        <ul style="width:150px;">
                              <li> <a href="/post?f=86&mode=newtopic">Ảnh TV sáng tác</a></li>
                              <li> <a href="/post?f=87&mode=newtopic">Ảnh sư tầm</a></li>
                          </ul></li>

                          <li> <a href="/post?f=13&mode=newtopic">Hình ảnh khác</a></li>

                      </ul>
                  </li>

      <li><a class="item-primary" href="#" target="_self">Chuyên mục sức khỏe</a>
              <ul style="width:150px;">
                  <li> <a href="/post?f=22&mode=newtopic">Kiến thức y khoa</a></li>
                  <li> <a href="/post?f=24&mode=newtopic">Y tế dự phòng</a></li>
                </ul>
        </li>

          <li><a class="item-primary" href="#" target="_self">Góc học tập</a>
            <ul style="width:150px;">

              <li><a class="item-primary" href="#" target="_self">Ngôn ngữ khiếm thính</a>
                        <ul style="width:150px;">
                          <li> <a href="/post?f=94&mode=newtopic">Tài liệu học tập</a></li>
                          <li> <a href="/post?f=95&mode=newtopic">Tài liệu tam khảo</a></li>
                          <li> <a href="/post?f=96&mode=newtopic">Video hội thoại</a></li>
                          <li> <a href="/post?f=97&mode=newtopic">Thắc mắc (Hỏi-Đáp) </a></li>

                  </ul>
                  </li>



                <li><a class="item-primary" href="#" target="_self">Anh văn online</a>
                        <ul style="width:150px;">
                          <li> <a href="/post?f=75&mode=newtopic">Thông báo</a></li>
                          <li> <a href="/post?f=76&mode=newtopic">Ghi danh</a></li>
                          <li> <a href="/post?f=77&mode=newtopic">Bài học</a></li>
                          <li> <a href="/post?f=78&mode=newtopic">Bài tập</a></li>
                          <li> <a href="/post?f=79&mode=newtopic">Thắc mắc ( Hỏi-Đáp )</a></li>

                  </ul>
                  </li>





                <li><a class="item-primary" href="#" target="_self">Photoshop online</a>
                        <ul style="width:150px;">
                          <li> <a href="/post?f=80&mode=newtopic">Thông báo</a></li>
                          <li> <a href="/post?f=81&mode=newtopic">Ghi danh</a></li>
                          <li> <a href="/post?f=82&mode=newtopic">Bài học</a></li>
                          <li> <a href="/post?f=83&mode=newtopic">Bài tập</a></li>
                          <li> <a href="/post?f=84&mode=newtopic">Thắc mắc ( Hỏi-Đáp )</a></li>

                  </ul>
                  </li>
                <li> <a href="/post?f=91&mode=newtopic">Giáo dục-Học nghề</a></li>


            </ul>
          <li>

                  <li><a class="item-primary" href="#" target="_self">Hỗ trợ kỹ thuật</a>
                        <ul style="width:150px;">

                          <li> <a href="/post?f=55&mode=newtopic">Hdẫn thành viên mới</a></li>
                          <li> <a href="/post?f=6&mode=newtopic">Hỏi-đáp về DIỄN ĐÀN </a></li>

                <li><a class="item-primary" href="#" target="_self">Hỏi đáp về tin học</a>
                        <ul style="width:150px;">
                          <li> <a href="/post?f=41&mode=newtopic">Hỏi-đáp</a></li>
                          <li> <a href="/post?f=49&mode=newtopic">Chia sẻ kinh nghiệm</a></li>
                  </ul>
                  </li>

                <li><a class="item-primary" href="#" target="_self">Kho phần mềm</a>
                        <ul style="width:150px;">
                          <li> <a href="/post?f=37&mode=newtopic">Graphics</a></li>
                          <li> <a href="/post?f=39&mode=newtopic">Internet</a></li>
                          <li> <a href="/post?f=38&mode=newtopic">Multimedia</a></li>
                          <li> <a href="/post?f=40&mode=newtopic">Utilities</a></li>
                  </ul>
                  </li>

            </ul>
          <li>

                  <li><a class="item-primary" href="#" target="_self">Khu giải trí</a>
                        <ul style="width:150px;">

                <li><a class="item-primary" href="#" target="_self">Nghe nhạc</a>
                        <ul style="width:150px;">
                          <li> <a href="/post?f=17&mode=newtopic">Nhạc Cách mạng</a></li>
                          <li> <a href="/post?f=18&mode=newtopic">Nhạc trẻ</a></li>
                          <li> <a href="/post?f=21&mode=newtopic">Dân ca</a></li>
                          <li> <a href="/post?f=32&mode=newtopic">Nhạc Trịnh</a></li>
                          <li> <a href="/post?f=30&mode=newtopic">Nhạc nước ngoài</a></li>

                  </ul>
                  </li>

                          <li> <a href="/post?f=19&mode=newtopic">Xem phim</a></li>

                <li><a class="item-primary" href="#" target="_self">Thơ - Văn</a>
                        <ul style="width:150px;">
                          <li> <a href="/post?f=25&mode=newtopic">Thơ</a></li>
                          <li> <a href="/post?f=26&mode=newtopic">Văn xuôi</a></li>
                          <li> <a href="/post?f=28&mode=newtopic">Đọc truyện giúp em</a></li>

                  </ul>
                  </li>

                <li><a class="item-primary" href="#" target="_self">Thư giãn</a>
                        <ul style="width:150px;">
                          <li> <a href="/post?f=33&mode=newtopic">Truện cười</a></li>
                          <li> <a href="/post?f=34&mode=newtopic">Clip vuii</a></li>
                          <li> <a href="/post?f=90&mode=newtopic">Tranh hài hước</a></li>

                  </ul>
                  </li>

                          <li> <a href="/post?f=31&mode=newtopic">Games</a></li>
                         
            </ul>
          <li>

        </ul>
      </li>


Các bạn xem một dòng nhé. VÍ dụ:

Code:

<li> <a href="/post?f=94&mode=newtopic">Tài liệu học tập</a></li>

Các bạn chỉ cần thay 94 bằng số thứ tự của chuyên mục mà các bạn muốn khi người ta bấm vào menu thì sẽ mở ra hộp soạn thảo để viết bài mới , như vậy khi lưu thì nó sẽ lưu vào đúng chuyên mục đã chọn.

Đây là mình ví dụ để các bạn nghiên cứu cho riêng các bạn. Nghiên cứu kỹ càng rồi các bạn sửa lại, sau đó đem gắn menu này lên thanh menu ở đầu topic thì mới xài được. Đây chỉ là một menu thôi chứ không phải cả thanh menu.

[Sponsored content]