Code - HTML - Javascript
Fri 15 Oct 2010, 15:17 
Tiêu đề: chia sẻ thanh menu đẹp 
Tôi
Đến từ
Points
Reputation
SN
Status
chèn cái này vào CSS :
CHÈN CÁI NÀY VÀO OVERALL HEADER ( sau cùng )
- Spoiler:
- /* CSS Document *//*^'^ Navigation Structure ^'^*/.nav-container-outer{background: #990000;padding: 0px;height: 74px;background: url('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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;}
CHÈN CÁI NÀY VÀO OVERALL HEADER ( sau cùng )
- Spoiler:
- <div class="nav-container-outer"><img src="https://i.servimg.com/u/f36/14/26/60/46/navbgl10.jpg" alt="" class="float-left" /><img src="https://i.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>
