......BUÔN MÊ THUỘT
..........QUY NHƠN
#navcontainer { background: #666666; width: 100%; margin: 0 auto; padding:0em 0; font-family: georgia, serif; font-size: 15px; text-align: center; text-transform: uppercase; } ul#navlist { text-align: left; list-style: none; padding: 0; margin: 0 auto; width: 100%; } ul#navlist li { display: block; margin: 0; padding: 0; } ul#navlist li a { display: block; width: 100%; padding: 1em 0 1em 1em; border-width: 2px; border-color: #ffe #aaab9c #ccc #fff; border-style: solid; color: #777; text-decoration: none; background: #000000; } #navcontainer>ul#navlist li a { width: auto; } ul#navlist li#active a { background: #f0e7d7; color: #800000; } ul#navlist li a:hover, ul#navlist li#active a:hover { color: #0bd500; background: #2c7f0c; border-color: #aaab9c #fff #fff #ccc; }
<div id="navcontainer"> <ul id="navlist">
<li><a href="http://amarvellouslove.blogspot.com/2012/03/mot-moi-tinh.html">Truyện ngắn</a></li>
<li><a href="Link URL">Tên hiển thị trên menu</a></li>
<li><a href="Link URL">Tên hiển thị trên menu</a></li>
<li><a href="Link URL">Tên hiển thị trên menu</a></li>
<li><a href="Link URL">Tên hiển thị trên menu</a></li>
</ul> </div>
TẠO MENU THANH ĐỨNG
Dán code trước <head>
<div id="smoothmenu1" class="ddsmoothmenu"><ul><li><a href="http://www.dunghennessy.blogspot.com">Home</a></li>
<li><a href="#"> Tên menu </a>
<ul><li><a href=" địa chỉ trang "> Tên trang </a></li>
<li><a href=" địa chỉ trang "> Tên trang </a></li>
<li><a href=" địa chỉ trang "> Tên trang </a></li>
<li><a href=" địa chỉ trang "> Tên trang </a></li>
<li><a href=" địa chỉ trang "> Tên trang </a></li>
<li><a href=" địa chỉ trang "> Tên trang </a></li>
<li><a href=" địa chỉ trang "> Tên trang </a></li>
</ul></li><li><a href="#"> Tên menu </a>
<ul><li><a href=" địa chỉ trang "> Tên trang </a></li>
<li><a href=" địa chỉ trang "> Tên trang </a></li>
<li><a href=" địa chỉ trang "> Tên trang </a></li>
<li><a href=" địa chỉ trang "> Tên trang </a></li>
<li><a href=" địa chỉ trang "> Tên trang </a></li>
<li><a href=" địa chỉ trang "> Tên trang </a></li>
<li><a href=" địa chỉ trang "> Tên trang </a></li>
</ul></li><li><a href=" địa chỉ trang "> Tên menu </a></li>
<li><a href="#"> Tên menu </a>
<ul><li><a href=" địa chỉ trang "> Tên trang </a></li>
<li><a href="#"> Tên trang </a>
<ul><li><a href=" địa chỉ trang "> Tên trang </a></li>
<li><a href=" địa chỉ trang "> Tên trang </a></li>
<li><a href="#"> Tên trang </a>
<ul><li><a href=" địa chỉ trang "> Tên trang </a></li>
<li><a href=" địa chỉ trang "> Tên trang </a></li>
<li><a href=" địa chỉ trang "> Tên trang </a></li>
<li><a href=" địa chỉ trang "> Tên trang </a></li>
<li><a href=" địa chỉ trang "> Tên trang </a></li>
</ul> </li><li><a href=" địa chỉ trang "> Tên trang </a></li>
</ul> </li> </ul></li><li><a href=" địa chỉ trang "> Tên trang </a></li>
</ul><br style="clear: left" /></div>Read more: TẠO MENU NGANG CÓ NHIỀU MENU CON XỔ DỌC XUỐNG NHIỀU CẤP (KIỂU 1) | dunghennessy
Under Creative Commons License: Attribution Share Alike
Không có nhận xét nào:
Đăng nhận xét