[Chia sẻ] Thanh menu (bài cũ mà hay)

[hunghsmn]

Đây là thanh menu lấy từ kho của Chinh phục, hôm nay mới có chuyện để xài. giới thiệu để các mem mới tham khảo (Các mem cũ rành rồi, không kể nhé).
- Xem thử: http://trekhuyettat.forum-viet.com/index.htm

- Hình:



Code thì nó ở đâu đó trong Chinh phục.

[Vestroia]

Co1 chia sẽ đâu, mình là mem mới nàk, chia sẻ coi :card:

[arikatoji]

Đẹp quá chú Hùng

Chú post lại cái code này ra đây được không, chứ tìm trong cp không thấy

[hunghsmn]

Thể theo yêu cầu, chú post lại. Ea đừng có trách à nghen.
Chỉnh sửa xong rồi chèn vô Overall header new, chỗ cái thanh menu mặc định đó

Code:

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

/*^'^ Navigation Structure ^'^*/
.nav-container-outer{
background: #990000;
padding: 0px;
height: 74px;
background: url(http://img90.imageshack.us/img90/1291/navbguk9.jpg);
}
.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:left;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
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:7px 17px 7px 18px;
margin: 10px 0px 0px 0px;
color: #FFFFFF;
font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:14px;
text-decoration:none;
font-weight: bold;
background: url(http://img520.imageshack.us/img520/2228/itemprimarybgnq2.gif);
background-repeat: no-repeat;
background-position: top;
}

#nav-container a:hover{
color: #6C3600;
background: url(http://img90.imageshack.us/img90/8930/itemprimarybgls1.jpg);
background-repeat: no-repeat;
background-position: center;
}

/*^'^ Secondary Items Container ^'^*/   
#nav-container div, #nav-container ul{   
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
background: url(http://img87.imageshack.us/img87/6406/itemsecondarycontainerbpw7.jpg);
background-repeat: repeat-x;
background-color: #FF9900;
border-bottom: 1px solid #CA6500;
}

/*^'^ Secondary Items ^'^*/   
#nav-container div a, #nav-container ul a{   
padding:3px 10px 3px 6px;
background-color: #FFFFFF;
background: url(http://img502.imageshack.us/img502/2091/itemsecondarytitlebglq3.jpg);
background-repeat: no-repeat;
background-position: 0px 22px;
font-size:11px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 149px;
}

/*^'^ Secondary Items Hover State ^'^*/   
#nav-container div a:hover, #nav-container ul a:hover{   
background-color: #FFFFFF;
background: url(http://img89.imageshack.us/img89/624/itemsecondarybgji0.jpg);
background-repeat: no-repeat;
color:#CC0000;
}

/*^'^ Secondary Item Titles ^'^*/   
#nav-container .item-secondary-title{   
cursor:default;
padding:4px 0px 3px 7px;
color: #6C3600;
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:11px;
/* background: url(http://img229.imageshack.us/img229/6623/itemsecondarytitlebgfs7.gif); */
background-repeat: no-repeat;
font-weight:bold;
}

/*^'^ Horizontal Dividers ^'^*/   
#nav-container .divider-horiz{   
border-top-width:1px;
margin:5px 5px;
border-color: #C16100;
}

/*^'^ Vertical Dividers ^'^*/   
#nav-container .divider-vert{   
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}                   
  </style>                            
<div class="nav-container-outer">
  <img src="http://img89.imageshack.us/img89/9270/navbglri2.jpg" alt="" class="float-left" />
  <img src="http://img81.imageshack.us/img81/3918/navbgrtq6.jpg" alt="" class="float-right" />
  <ul id="nav-container" class="nav-container">
      <li><a class="item-primary" href="#" target="_self">sample</a>
        <ul style="width:150px;">
            <li><a href="#" title="sample" target="_self" >sample</a></li>

            <li><a href="#" title="sample" target="_self" >sample</a></li>
            <li><a href="#" title="sample" target="_self" >sample</a></li>
        </ul>
     </li>
      <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="#" target="_self">sample</a>
        <ul style="width:150px;">

            <li><a href="#" title="sample" target="_self" >sample</a></li>
            <li><a href="#" title="sample" target="_self" >sample</a></li>
            <li><a href="#" title="sample" target="_self" >sample</a></li>
        </ul>
     </li>
      <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="#" target="_self">sample</a>

        <ul style="width:150px;">
            <li><a href="#" title="sample" target="_self" >sample</a></li>
            <li><a href="#" title="sample" target="_self" >sample</a></li>
            <li><a href="#" title="sample" target="_self" >sample</a></li>
        </ul>
     </li>
      <li><span class="divider divider-vert" ></span></li>

      <li><a class="item-primary" href="#" target="_self">sample</a>
        <ul style="width:150px;">
            <li><a href="#" title="sample" target="_self" >sample</a></li>
            <li><a href="#" title="sample" target="_self" >sample</a></li>
            <li><a href="#" title="sample" target="_self" >sample</a></li>
        </ul>
     </li>

      <li><span class="divider divider-vert" ></span></li>
      <li class="clear"> </li>
  </ul>
</div>

[Vestroia]

Có cần thay cái gì ko chú Hùng , cháu ko thấy link, toàn hình thôi

[Vestroia]

Có cần thay cái gì ko chú Hùng , cháu ko thấy link, toàn hình thôi

[hunghsmn]

Có cần thay cái gì ko chú Hùng , cháu ko thấy link, toàn hình thôi

Phải thay toàn bộ cháu à

[phihoanghai76]

Câu 2 bài liền mà cùng 1 nội dung, bó tay

[arikatoji]

cảm ơn chú Hùng nhiều nhé. Đọc một chút là hiểu

[phihoanghai76]

anh hùng ơi thay vào những chỗ nào hả anh, bày em với ạ

[hunghsmn]

Chú post một bản đã qua chỉnh sửa thì dễ học hỏi hơn đấy T___T cảm giác sẽ dễ hơn khi mình chỉ việc đổi link, đổi tên ... các thứ. Chú thông cảm, dân mới tập tành nó vậy T__T

Uh, Nhưng cháu phải up lại ảnh nhé.

Code:

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

/*^'^ Navigation Structure ^'^*/
.nav-container-outer{
background: #990000;
padding: 0px;
height: 74px;
background: url('http://i36.servimg.com/u/f36/14/26/60/46/navbgu10.jpg');
}
.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:left;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
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:7px 17px 7px 18px;
margin: 10px 0px 0px 0px;
color: #FFFFFF;
font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:14px;
text-decoration:none;
font-weight: bold;
background: url('http://i36.servimg.com/u/f36/14/26/60/46/itempr10.gif');
background-repeat: no-repeat;
background-position: top;
}

#nav-container a:hover{
color: #6C3600;
background: url('http://i36.servimg.com/u/f36/14/26/60/46/itempr10.jpg');
background-repeat: no-repeat;
background-position: center;
}

/*^'^ Secondary Items Container ^'^*/   
#nav-container div, #nav-container ul{   
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
background: url('http://i36.servimg.com/u/f36/14/26/60/46/itemse12.jpg');
background-repeat: repeat-x;
background-color: #FF9900;
border-bottom: 1px solid #CA6500;
}

/*^'^ Secondary Items ^'^*/   
#nav-container div a, #nav-container ul a{   
padding:3px 10px 3px 6px;
background-color: #FFFFFF;
background: url('http://i36.servimg.com/u/f36/14/26/60/46/itemse10.jpg');
background-repeat: no-repeat;
background-position: 0px 22px;
font-size:11px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 149px;
}

/*^'^ Secondary Items Hover State ^'^*/   
#nav-container div a:hover, #nav-container ul a:hover{   
background-color: #FFFFFF;
background: url('http://i36.servimg.com/u/f36/14/26/60/46/itemse11.jpg');
background-repeat: no-repeat;
color:#CC0000;
}

/*^'^ Secondary Item Titles ^'^*/   
#nav-container .item-secondary-title{   
cursor:default;
padding:4px 0px 3px 7px;
color: #6C3600;
font-family: Times New Roman, Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:11px;
/* background: url('http://i36.servimg.com/u/f36/14/26/60/46/itemse10.gif'); */
background-repeat: no-repeat;
font-weight:bold;
}

/*^'^ Horizontal Dividers ^'^*/   
#nav-container .divider-horiz{   
border-top-width:1px;
margin:5px 5px;
border-color: #C16100;
}

/*^'^ Vertical Dividers ^'^*/   
#nav-container .divider-vert{   
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}                   
  </style>     
             
<div class="nav-container-outer">
<img src="http://i36.servimg.com/u/f36/14/26/60/46/navbgl10.jpg" alt="" class="float-left" />
<img src="http://i36.servimg.com/u/f36/14/26/60/46/navbgr10.jpg" alt="" class="float-right" />

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

    <li><a href="http://trekhuyettat.forum-viet.com/html-h34.htm" target="_blank">Thư ngỏ</a></li>
      <li><a href="http://trekhuyettat.forum-viet.com/forum-f42/">Hoạt động của DĐ</a></li>


      <li><a class="item-primary" href="#" target="_self">Cộng đồng</a>
        <ul style="width:150px;">
            <li><a href="http://trekhuyettat.forum-viet.com/forum-f35/" title="Giao lưu - Kết bạn" target="_self" >Giao lưu-Kết bạn</a></li>
          <li><a href="http://trekhuyettat.forum-viet.com/forum-f23/" title="Những mảnh đời bất hạnh" target="_self" >Những mảnh đời bất hạnh</a></li>
            <li><a href="http://trekhuyettat.forum-viet.com/forum-f12/" title="Những mái ấm tình thương" target="_self" >Những mái ấm tình thương</a></li>
            <li><a href="http://trekhuyettat.forum-viet.com/forum-f44/" title="Gương sáng soi chung" target="_self" >Gương sáng soi chung</a></li>
        </ul>
     </li>
      <li><span class="divider divider-vert" ></span></li>


      <li><a class="item-primary" href="#" target="_self">TT hội thảo</a>
        <ul style="width:150px;">
            <li><a href="http://trekhuyettat.forum-viet.com/forum-f1/" title="Những Vđề liên quan người khuyết tật" target="_self" >Những vấn đề lien quan NKT</a></li>
            <li><a href="http://trekhuyettat.forum-viet.com/forum-f5/" title="Những kinh nghiệm hay" target="_self" >Những kinh nghiệm hay</a></li>
            <li><a href="http://trekhuyettat.forum-viet.com/forum-f27/" title="Thảo luận các chủ đề khác" target="_self" >Các chú đề khác</a></li>
        </ul>


      <li><a class="item-primary" href="#" target="_self">CLB thơ-văn</a>
        <ul style="width:150px;">
            <li><a href="http://trekhuyettat.forum-viet.com/html-h61.htm" title="Trang thơ chọn lọc" target="_blank" >Trang thơ chọn lọc</a></li>
            <li><a href="http://trekhuyettat.forum-viet.com/forum-f25/" title="Sáng tác thơ" target="_self" >Khu sáng tác thơ</a></li>
            <li><a href="http://trekhuyettat.forum-viet.com/forum-f26/" title="sáng tác văn xuôi" target="_self" >Khu sáng tác văn xuôi</a></li>
          <li><a href="http://trekhuyettat.forum-viet.com/forum-f28/" title="Đọc truyện giúp em" target="_self" >Đọc truyện giúp em</a></li>
        </ul>
     </li>
      <li><span class="divider divider-vert" ></span></li>

   
      <li><a class="item-primary" href="#" target="_self">Hình ảnh</a>
        <ul style="width:150px;">
            <li><a href="http://trekhuyettat.forum-viet.com/forum-f15/" title="Ảnh thành viên" target="_self" >Ảnh thành viên</a></li>
            <li><a href="http://trekhuyettat.forum-viet.com/forum-f3/" title="Ảnh người khuyết tật" target="_self" >Ảnh người khuyết tật</a></li>
            <li><a href="http://trekhuyettat.forum-viet.com/forum-f9/" title="Ảnh hoạt động vì người khuyết tật" target="_self" >Ảnh hoạt động vì NKT</a></li>
            <li><a href="" title="sample" target="_self" >Hình ảnh khác</a></li>
        </ul>
     </li>
      <li><span class="divider divider-vert" ></span></li>


      <li><a class="item-primary" href="#" target="_self">Thông Tin</a>
        <ul style="width:150px;">
            <li><a href="http://trekhuyettat.forum-viet.com/forum-f4/" title="Tin tức - thời sự" target="_self" >Tin tức thời sự</a></li>
            <li><a href="http://trekhuyettat.forum-viet.com/forum-f11/" title="Tài liệu tham khảo" target="_self" >Tài liệu tham khảo</a></li>
            <li><a href="http://trekhuyettat.forum-viet.com/forum-f56/" title="Văn bản luật" target="_self" >Văn bản luật</a></li>
        </ul>
     </li>
      <li><span class="divider divider-vert" ></span></li>
     
      <li><a class="item-primary" href="#" target="_self">Hướng dẫn</a>
        <ul style="width:120px;">
            <li><a href="#" title="" target="_self" >1</a></li>
            <li><a href="#" title="" target="_self" >2</a></li>
            <li><a href="#" title="" target="_self" >3</a></li>
        </ul>
     </li>
      <li><span class="divider divider-vert" ></span></li>


      <li class="clear"> </li>

  </ul>
</div>

[arikatoji]

Chú yên tâm nếu cháu dùng thì style sẽ khác

[kinggame_thang]

chèn cái này vào CSS :

Spoiler:

CHÈN CÁI NÀY VÀO OVERALL HEADER

Spoiler:

(bạn có thể chèn vào chỗ khác )

[hunghsmn]

anh hùng ơi thay vào những chỗ nào hả anh, bày em với ạ

Thay hình thì dễ rồi phải không ? up lại ảnh lên host riêng
Ví dụ đây là cái menu đơn:

Code:

<li><a href="http://trekhuyettat.forum-viet.com/html-h34.htm" target="_blank">Thư ngỏ</a></li>

Còn đây là menu mẹ có 4 menu con đổ xuống, thay link vô thôi:

Code:

      <li><a class="item-primary" href="#" target="_self">Cộng đồng</a>
        <ul style="width:150px;">
            <li><a href="http://trekhuyettat.forum-viet.com/forum-f35/" title="Giao lưu - Kết bạn" target="_self" >Giao lưu-Kết bạn</a></li>
          <li><a href="http://trekhuyettat.forum-viet.com/forum-f23/" title="Những mảnh đời bất hạnh" target="_self" >Những mảnh đời bất hạnh</a></li>
            <li><a href="http://trekhuyettat.forum-viet.com/forum-f12/" title="Những mái ấm tình thương" target="_self" >Những mái ấm tình thương</a></li>
            <li><a href="http://trekhuyettat.forum-viet.com/forum-f44/" title="Gương sáng soi chung" target="_self" >Gương sáng soi chung</a></li>
        </ul>
     </li>
      <li><span class="divider divider-vert" ></span></li>

[Hân]

hay đấy

[kinggame_thang]

CSS :

Code:

/* CSS Document *//*^'^ Navigation Structure ^'^*/.nav-container-outer{background: #990000;padding: 0px;height: 74px;background: url('http://i36.servimg.com/u/f36/14/26/60/46/navbgu10.jpg');}.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:left;width:0px;display: none;}.nav-container .item-secondary-title{display:block;cursor:default;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:7px 17px 7px 18px;margin: 10px 0px 0px 0px;color: #FFFFFF;font-family: Trebuchet MS, Arial, sans-serif, Helvetica;font-size:14px;text-decoration:none;font-weight: bold;background: url('http://i36.servimg.com/u/f36/14/26/60/46/itempr10.gif');background-repeat: no-repeat;background-position: top;}#nav-container a:hover{color: #6C3600;background: url('http://i36.servimg.com/u/f36/14/26/60/46/itempr10.jpg');background-repeat: no-repeat;background-position: center;}/*^'^ Secondary Items Container ^'^*/#nav-container div, #nav-container ul{padding:10px 4px 10px 4px;margin:0px 0px 0px 0px;background: url('http://i36.servimg.com/u/f36/14/26/60/46/itemse12.jpg');background-repeat: repeat-x;background-color: #FF9900;border-bottom: 1px solid #CA6500;}/*^'^ Secondary Items ^'^*/#nav-container div a, #nav-container ul a{padding:3px 10px 3px 6px;background-color: #FFFFFF;background: url('http://i36.servimg.com/u/f36/14/26/60/46/itemse10.jpg');background-repeat: no-repeat;background-position: 0px 22px;font-size:11px;border-width:0px;border-style:none;margin: 0px 0px 0px 0px;width: 149px;}/*^'^ Secondary Items Hover State ^'^*/#nav-container div a:hover, #nav-container ul a:hover{background-color: #FFFFFF;background: url('http://i36.servimg.com/u/f36/14/26/60/46/itemse11.jpg');background-repeat: no-repeat;color:#CC0000;}/*^'^ Secondary Item Titles ^'^*/#nav-container .item-secondary-title{cursor:default;padding:4px 0px 3px 7px;color: #6C3600;font-family: Times New Roman, Arial, Trebuchet MS, Arial, sans-serif, Helvetica;font-size:11px;/* background: url('http://i36.servimg.com/u/f36/14/26/60/46/itemse10.gif'); */background-repeat: no-repeat;font-weight:bold;}/*^'^ Horizontal Dividers ^'^*/#nav-container .divider-horiz{border-top-width:1px;margin:5px 5px;border-color: #C16100;}/*^'^ Vertical Dividers ^'^*/#nav-container .divider-vert{border-left-width:1px;height:15px;margin:4px 2px 0px 2px;border-color:#AAAAAA;}

OVERALL HEADER NEW ( CHÈN SAU CÙNG )

Code:

<div class="nav-container-outer"><img src="http://i36.servimg.com/u/f36/14/26/60/46/navbgl10.jpg" alt="" class="float-left" /><img src="http://i36.servimg.com/u/f36/14/26/60/46/navbgr10.jpg" alt="" class="float-right" /><ul id="nav-container" class="nav-container"><li><a href="http://techvn.n-stars.org/forum-f30/topic-t47.htm" target="_blank">NỘI QUY DIỄN ĐÀN</a></li>

<li><a href="http://techvn.n-stars.org/html-h1.htm">CHATROOM 2</a></li>


<li><a class="item-primary" href="#" target="_self">SOFTWARE</a><ul style="width:150px;">

<li><a href="http://techvn.n-stars.org/forum-f1/" title="WINDOWN" target="_self" >WINDOWN</a></li>

<li><a href="http://techvn.n-stars.org/forum-f4/" title="BẢO MẬT-DIỆT VIRUS" target="_self" >BẢO MẬT-DIỆT VIRUS</a></li>

<li><a href="http://techvn.n-stars.org/forum-f5/" title="INTERNET" target="_self" >INTERNET</a></li>

<li><a href="http://techvn.n-stars.org/forum-f6/" title="HỌC TẬP" target="_self" >HỌC TẬP</a></li>

<li><a href="http://techvn.n-stars.org/forum-f7/" title="DỮ LIỆU-FILE" target="_self" >DỮ LIỆU-FILE</a></li>

<li><a href="http://techvn.n-stars.org/forum-f8/" title="ỨNG DỤNG VĂN PHÒNG" target="_self" >ỨNG DỤNG VĂN PHÒNG</a></li>

<li><a href="http://techvn.n-stars.org/forum-f9/" title="ĐỒ HỌA MÁY TÍNH" target="_self" >ĐỒ HỌA MÁY TÍNH</a></li>

<li><a href="http://techvn.n-stars.org/forum-f11/" title="LẬP TRÌNH" target="_self" >LẬP TRÌNH</a></li>

<li><a href="http://techvn.n-stars.org/forum-f26/" title="TIỆN ÍCH" target="_self" >TIỆN ÍCH</a></li>

</ul></li><li><span class="divider divider-vert" ></span></li>

<li><a class="item-primary" href="#" target="_self">GIẢI TRÍ</a><ul style="width:150px;">

<li><a href="http://techvn.n-stars.org/html-h12.htm" title="TRUYỆN TRANH" target="_self" >TRUYỆN TRANH</a></li>

<li><a href="http://techvn.n-stars.org/html-h10.htm" title="PHOTOSHOP" target="_self" >PHOTOSHOP</a></li>

<li><a href="http://techvn.n-stars.org/html-h6.htm" title="TIVI ONLINE" target="_self" >TIVI ONLINE</a></li>

<li><a href="http://techvn.n-stars.org/html-h4.htm" title="ĐỌC BÁO" target="_self" >ĐỌC BÁO</a></li>

</ul><li><a class="item-primary" href="#" target="_self">LIÊN KẾT FORUM</a><ul style="width:150px;">

<li><a href="http://dodangtuyen.com/" title="ĐỖ ĐĂNG TUYỄN" target="_blank" >ĐỖ ĐĂNG TUYỄN</a></li>

<li><a href="http://class122.tk/" title="LỚP 12/2" target="_self" >LỚP 12/2</a></li>


</ul></li><li><span class="divider divider-vert" ></span></li>

<li><a class="item-primary" href="#" target="_self">ĐỊA CHỈ KHÁC VÀO DIỄN ĐÀN</a><ul style="width:150px;">

<li><a href="http://techvn.chaoban.info/" title="http://techvn.chaoban.info" target="_self" >http://techvn.chaoban.info</a></li>

<li><a href="http://etechvn.tk" title="http://etechvn.tk" target="_self" >http://etechvn.tk</a></li>

<li><a href="http://techvn.r8.org" title="http://techvn.r8.org" target="_self" >http://techvn.r8.org</a></li>

<li><a href="http://techvn.come.vn" title="http://techvn.come.vn" target="_self" >http://techvn.come.vn</a></li>

<li><a href="http://techvn.very.vn" title="http://techvn.very.vn" target="_self" >http://techvn.very.vn</a></li>

[Sponsored content]