[Share] Drop Menu

[ikarosan]

Demo:

Code:

http://xitai.123.st

Code:

<div class="menu">
      <ul>
         <li><a href="./" >Trang chủ</a></li>
<!-- BEGIN switch_user_logged_out --><li><a href="./register">Đăng ký</a></li><!-- END switch_user_logged_out -->
         <!-- BEGIN switch_user_logged_in --><li><a href="./profile?mode=editprofile&" id="current">Hồ Sơ</a>
            <ul>
<li><span class="USERLINK"></span></li>
      <li><a href="./profile?mode=editprofile&page_profil=avatars">Sửa avatar</a></li>
<li><a href="./profile?mode=editprofile&page_profil=signature">Sửa Chữ ký</a></li>            
<li><a href="./profile?mode=editprofile&page_profil=preferences">Thiết lập diễn đàn</a></li>

           </ul>
        </li><!-- END switch_user_logged_in -->
         
</li>
<li><a class="mainmenu" href="/search" onclick="showhide(document.getElementById('search_menu')); return false;" rel="nofollow"><img id="" src="http://2img.net/i/fa/empty.gif" border="0" hspace="0" alt="Tìm kiếm" title="Tìm kiếm">Search</a></li>

<li><a href="#">Giải trí</a>
<ul>
<li><a href="#">Mua đồ</a></li>
<li><a href="#">Chuyển đồ</a></li>
<li><a href="#">Gửi thông điệp</a></li>
<li><a href="#">Chuyển khoản Coin</a></li>
<li><a href="#">Ngân hàng Coin</a></li>
</ul>
</li>
<li><a href="#">Cộng đồng</a>
<ul>
<li><a href="g2-admin">Danh sách BQT</a></li>
<li><a href="#">Hội nhóm - Nhóm phụ</a></li>
<li><a href="memberlist">Danh sách thành viên</a></li>
<li><a href="#">Bạn bè</a></li></li>
</ul>
</li>
<li><a href="#">Theo dõi</a>
<ul>
<li><a href="./search?search_id=unanswered" class="gensmall">Topic Vẫn Chưa Ai bóc Tem</a></li>
<li><a href="/search?search_id=activetopics" class="gensmall">Chủ Đề Đang Hoạt Động</a></li>
<li><a href="./search?search_id=egosearch" class="gensmall">Bài viết Của bạn</a></li>
</li>
</ul>
</li>
<li><a href="./contact">Liên hệ</a></li>
<!-- BEGIN switch_user_logged_in -->
<li><a href="./login?logout">Thoát[<span class="USERNAME"></span>]</a></li>
<!-- END switch_user_logged_in -->

      </ul>
   </div>


CSS:

Code:

/* Purple Button */

#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
   background-color:#af1e83;
   color:#460f35;
   text-shadow:1px 1px 0 #d244a6;
}

.menu{
   border:none;
   border:0px;
   margin:0px;
   padding:0px;
   font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
   font-size:14px;
   font-weight:bold;
   }
.menu ul{
   background:#333333;
   height:35px;
   list-style:none;
   margin:0;
   padding:0;
   }
   .menu li{
      float:left;
      padding:0px;
      }
   .menu li a{
      background:#333333 url("http://farm1.anhso.net/pic/o/25139/372011123139121/seperator.gif") bottom right no-repeat;
      color:#cccccc;
      display:block;
      font-weight:normal;
      line-height:35px;
      margin:0px;
      padding:0px 25px;
      text-align:center;
      text-decoration:none;
      }
      .menu li a:hover, .menu ul li:hover a{
         background: #2580a2 url("http://farm1.anhso.net/pic/o/25139/3720111231364491/hover.gif") bottom center no-repeat;
         color:#FFFFFF;
         text-decoration:none;
         }
   .menu li ul{
      background:#333333;
      display:none;
      height:auto;
      padding:0px;
      margin:0px;
      border:0px;
      position:absolute;
      width:225px;
      z-index: 999;
      /*top:1em;
      /*left:0;*/
      }
   .menu li:hover ul{
      display:block;
      
      }
   .menu li li {
      background:url('http://farm1.anhso.net/pic/o/25139/3720111231392231/sub-sep.gif') bottom left no-repeat;
      display:block;
      float:none;
      margin:0px;
      padding:0px;
      width:225px;
      }
   .menu li:hover li a{
      background:none;
      
      }
   .menu li ul a{
      display:block;
      height:35px;
      font-size:12px;
      font-style:normal;
      margin:0px;
      padding:0px 10px 0px 15px;
      text-align:left;
      }
      .menu li ul a:hover, .menu li ul li:hover a{
         background:#2580a2 url('http://farm1.anhso.net/pic/o/25139/3720111231386371/hover-sub.gif') center left no-repeat;
         border:0px;
         color:#ffffff;
         text-decoration:none;
         }
   .menu p{
      clear:left;
      }   
#container li {
behavior: url(whateverhover.htc);
}

[_Mark_]

xé tem + vote

[cunnho]

Cho mình hỏi Drop Menu là cái gì được không, với ai biết làm cái đang tải trang ko, tải xong là nó mất

[ikarosan]

lấy ko tui share nè

[upkey1010]

Cho mình hỏi Drop Menu là cái gì được không, với ai biết làm cái đang tải trang ko, tải xong là nó mất

Là cái menu khi rờ vô là hắn rớt list menu đó, giống menu bên forum bác Hùng kìa

[kechocgianvn]

hay đấy anh ạh.

làm thành công và chỉ việc thêm mắm thêm muố vào thôi.

mà mỗi tội cái màu đen nó không hợp với 4r em . hì, sửa được không bác

[cunnho]

lấy ko tui share nè

Share đi, tui thank nhiều hì hì

[cunnho]

Là cái menu khi rờ vô là hắn rớt list menu đó, giống menu bên forum bác Hùng kìa

Hóa 2 là vậy ^^!

[upkey1010]

Là cái menu khi rờ vô là hắn rớt list menu đó, giống menu bên forum bác Hùng kìa

Hóa 2 là vậy ^^!

DROP = RƠI

[hunghsmn]

Là cái menu khi rờ vô là hắn rớt list menu đó, giống menu bên forum bác Hùng kìa

Đúng rồi, chỉ khác chút là bác làm đa cấp, còn đây là 2 cấp.

hay đấy anh ạh.
làm thành công và chỉ việc thêm mắm thêm muố vào thôi.
mà mỗi tội cái màu đen nó không hợp với 4r em . hì, sửa được không bác

Màu nền, màu chữ cho menu mẹ, menu con... thì sửa trong code CSS. Có thể thay màu nền bằng ảnh nền cũng đẹp.

Đây là code menu của diễn đàn tình thương:

Code:

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

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

-moz-border-radius: 7px;
-webkit-border-radius: 7px;

}

.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 8px 5px 16px;
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:12px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 166px;
}
  </style>     


<table width="100% background="#CC0000" CELLPADDING="0" CELLSPACING="0" border="0">
<tr background="#CC0000">
<td width="100%" align="left">
 <div class="nav-container-outer">

  <ul id="nav-container" class="nav-container" >

<li> <a href="https://sites.google.com/site/hunghsmn" title="Trang chủ "><img src="http://i26.servimg.com/u/f26/14/26/60/46/home10.gif" border="0"></a></li>

 <li> <a href="/index.htm"> Diễn đàn</a></li>

      <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">Thông báo của BQT</a></li>
                          <li> <a href="/post?f=10&mode=newtopic">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">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>

      <li><a class="item-primary" href="#" target="_self">Mở chuyên mục</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="/forum-f2/">Thông báo của BQT</a></li>
                          <li> <a href="/forum-f10/">Nội qui DIỄN ĐÀN</a></li>
                          <li> <a href="/forum-f8/"  title="Góp ý cho BQT" >Góp ý</a></li>
                          <li> <a href="/forum-f42/" title="Hoạt động của DIỄN ĐÀN" >Hoạt động của DIỄN ĐÀN</a></li>
                          <li> <a href="/forum-f53/" 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="/forum-f1/">Những vđề lquan NKT</a></li>
                          <li> <a href="/forum-f5/">Những kinh nghiệm hay</a></li>
                          <li> <a href="/forum-f27/">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="/forum-f35/">Giao lưu-Kết bạn</a></li>
                          <li> <a href="/forum-f57/">Chúc mừng</a></li>
                          <li> <a href="/forum-f58/">Tán gẫu</a></li>
                          <li> <a href="/forum-f14/"> Blog thành viên</a></li>
                          <li> <a href="/forum-f23/">Những mảnh đời bất hạnh</a></li>
                          <li> <a href="/forum-f12/">Những mái ấm TÌNH THƯƠNG</a></li>
                          <li> <a href="/forum-f45/">Những túp lều lý tưởng</a></li>
                          <li><a href="/forum-f44/">Gương sáng soi chung</a></li>
                          <li><a href="/forum-f64/">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="/forum-f4/">Tin tức thời sự</a></li>
                          <li> <a href="/forum-f11/">Tài liệu tham khảo</a></li>
                          <li> <a href="/forum-f56/">Văn bản luật</a></li>
                          <li> <a href="/forum-f67/">Khoa học-Công nghệ</a></li>
                          <li> <a href="/forum-f63/">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="/forum-f15/">Ảnh thành viên</a></li>
                          <li> <a href="/forum-f9/">Ảnh hoạt động</a></li>
                          <li> <a href="/forum-f3/">Ả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="/forum-f86/">Ảnh TV sáng tác</a></li>
                              <li> <a href="/forum-f87/">Sưu tầm</a></li>
                          </ul></li>
                        <li> <a href="/forum-f13/">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="/forum-f22/">Kiến thức y khoa</a></li>
                  <li> <a href="/forum-f24/">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">Anh văn online</a>
                        <ul style="width:150px;">
                          <li> <a href="/forum-f75/">Thông báo</a></li>
                          <li> <a href="/forum-f76/">Ghi danh</a></li>
                          <li> <a href="/forum-f77/">Bài học</a></li>
                          <li> <a href="/forum-f78/">Bài tập</a></li>
                          <li> <a href="/forum-f79/">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="/forum-f80/">Thông báo</a></li>
                          <li> <a href="/forum-f81/">Ghi danh</a></li>
                          <li> <a href="/forum-f82/">Bài học</a></li>
                          <li> <a href="/forum-f83/">Bài tập</a></li>
                          <li> <a href="/forum-f84/">Thắc mắc ( Hỏi-Đáp )</a></li>

                  </ul>
                  </li>

            </ul>
          <li>



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

                          <li> <a href="/forum-f55/">Hdẫn thành viên mới</a></li>
                          <li> <a href="/forum-f6/">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="/forum-f41/">Hỏi-đáp</a></li>
                          <li> <a href="/forum-f49/">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="/forum-f37/">Graphics</a></li>
                          <li> <a href="/forum-f39/">Internet</a></li>
                          <li> <a href="/forum-f38/">Multimedia</a></li>
                          <li> <a href="/forum-f40/">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="/forum-f17/">Nhạc Cách mạng</a></li>
                          <li> <a href="/forum-f18/">Nhạc trẻ</a></li>
                          <li> <a href="/forum-f21/">Dân ca</a></li>
                          <li> <a href="/forum-f32/">Nhạc Trịnh</a></li>
                          <li> <a href="/forum-f30/">Nhạc nước ngoài</a></li>

                  </ul>
                  </li>

                          <li> <a href="/forum-f19/">Xem phim</a></li>

                <li><a class="item-primary" href="#" target="_self">Thơ - Văn</a>
                        <ul style="width:150px;">
                          <li> <a href="/forum-f25/">Thơ</a></li>
                          <li> <a href="/forum-f26/">Văn xuôi</a></li>
                          <li> <a href="/forum-f28/">Đọ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="/forum-f33/">Truện cười</a></li>
                          <li> <a href="/forum-f34/">Clip vuii</a></li>
                          <li> <a href="/forum-f90/">Tranh hài hước</a></li>


                  </ul>
                  </li>

                          <li> <a href="/forum-f31/">Games</a></li>
            </ul>
          <li>

        </ul>
      </li>


      <li><a class="item-primary" href="#" target="_self">Văn bản luật</a>
        <ul style="width:150px;">
            <li><a href="/html-h70.htm" target="_blank">Luật người khuyết tật</a></li>
            <li><a href="/html-h86.htm" target="_blank" >Pháp lệnh về người tàn tật</a></li>
            <li><a href="/html-h82.htm" target="_blank">Công ước quac tế...</a></li>
        </ul>
      </li>


    <li> <a href="/html-h34.htm" target="_blank"> Thư ngỏ</a></li>
    <li> <a href="/html-h61.htm" target="_blank"> Trang thơ</a></li>


      <li><a class="item-primary" href="#" target="_self">Liên kết</a>
        <ul style="width:150px;">

            <li><a href="http://pwd.vn/diendan/forum.php" target="_blank">Người khuyết tật VN</a></li>
            <li><a href="http://nccd.molisa.gov.vn" target="_blank">Trang thông tin hỗ trợ NKT</a></li>
            <li><a href="http://tamhonvietnam.net/" target="_blank">Thắp sáng tâm hồn Việt</a></li>
            <li><a href="http://www.uocmo.vn/home/forum.php" target="_blank">Ước mơ thắp sáng niềm tin</a></li>
            <li><hr></li>
            <li><a href="http://diendan.chinhphuc.info" target="_blank">Chinh phục forum</a></li>
<li><a href="http://emvanh.com/" target="_blank">emvanh.com</a></li>

            <li><a href="http://trekhuyettat.blogspot.com" target="_blank">trekhuyettat.blogspot.com</a></li>
            <li><a href="http://hunghsmn.net.ms" target="_blank">hunghsmn.net.ms</a></li>


        </ul>
      </li>


      <li><a class="item-primary" href="#" target="_self">Trang cá nhân</a>
        <ul style="width:150px;">
<!-- BEGIN switch_user_logged_in -->
            <li><a href="/memberlist" target="_blank">Danh sách thành viên</a></li>

            <li><hr></li>

            <li><a href="/profile?mode=editprofile" target="_blank">Lý lịch của bạn </a></li>
            <li><a href="/profile.forum?mode=editprofile&page_profil=preferences&change_theme=aquagrey" class="postlink" target="_blank">Tùy chỉnh giao diện</a></li>
            <li><a href="/profile.forum?mode=editprofile&page_profil=signature&change_theme=aquagrey" class="postlink" target="_blank">Sửa chữ ký</a></li>
            <li><a href="/profile.forum?mode=editprofile&page_profil=avatars&change_theme=aquagrey" class="postlink" target="_blank">Sửa hình đại diện</a></li>

            <li><hr></li>

            <li><a href="/search?search_id=newposts" target="_blank">Xem bài mới từ lần online trước</a></li>
            <li><a href="/search?search_id=egosearch" target="_blank">Xem bài của bạn</a></li>
            <li><a href="/search?search_id=unanswered" target="_blank">Xem bài chưa có ai  trả lời</a></li>

            <li><hr></li>
<!-- END switch_user_logged_in -->

            <li><a href="/faq" target="_blank">Trợ giúp</a></li>
            <li><a href="/search" target="_blank">Tìm kiếm</a></li>
            <li><hr></li>
            <li><a href="/privmsg?mode=post&u=1" target="_blank">Liên hệ: Admin</a></li>

        </ul>
      </li>

  <li><!-- BEGIN switch_user_logged_out --><a href="/register"><blink>Đăng ký</blink></a><!-- END switch_user_logged_out --></li>
  <li><!-- BEGIN switch_user_logged_out --><a href="/login">Đăng nhập</a><!-- END switch_user_logged_out --></li>

  <li><!-- BEGIN switch_user_logged_in --><a href="/privmsg?folder=inbox" class="mailbox">Hộp thư</a><!-- END switch_user_logged_in --></li>
  <li><!-- BEGIN switch_user_logged_in --> <a href="/login?logout=1">Thoát</a><!-- END switch_user_logged_in --></li>

</ul>
</div>

</td></tr></table>


Còn demo thì vào xem trong diễn đàn tình thương.

[girl_jolly]

Cái Code Crop Menu đó chèn vào phần nào trong Templates vậy các bác

[ikarosan]

Cái Code Crop Menu đó chèn vào phần nào trong Templates vậy các bác

chén vào đâu mà chả được

[hian]

thanks. Hay quá!

[Sponsored content]