CODE TẠO MENU CỰC ĐẸP

.categorytit {float: left;width: 220px;color: #fff;height: 30px;background: #000;}
.categorytit h2 {padding: 5px 22px 3px 28px;float: left;width: 160px;background: url(https://lh3.googleusercontent.com/-FoKMhn8sFs0/VM7qXOXkxWI/AAAAAAAAB18/ZqM0_Vcxt-Q/h120/icon_cat.png) no-repeat right;font-size: 13px;}
.hotline p {font-size: 14px;font-weight: bold;padding: 4px 0 0 20px;}
.hotline {float: left;width: 840px;color: #fff;background: rgba(202, 202, 202, 1);height: 27px;margin-top: 3px;}
.sidebar {width: 220px;float: left;}
h3.sidebartit {width: 210px;background: #000;color: #fff;padding: 5px;font: bold 14px Arial;margin-bottom: 10px;}
.sidebarbox {float: left;width: 100%;border: 1px solid #ddd;margin-bottom: 20px;}
ul.menuleft li a {display: block;padding: 10px 5px 10px 2em;text-decoration: none;color: #000;background: url(http://lh6.googleusercontent.com/-4HNDvS2Av20/VMs6yQnJahI/AAAAAAAADNU/A4NtySyCml4/h120/bullet.png) no-repeat 200px center;border-top: 1px solid #DFDFDF;}
ul.menuleft li {margin: 0;display: block;padding: 0;}
ul.menuleft {float: left;width: 220px;background: #F3F3F3;z-index: 998;font: 14px tahoma;border-top: none;}
ul.submenu {z-index: 999;position: absolute;width: 530px;margin: -38px 0 0 220px;;display: none;background: #fff;border-top: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;}
ul.menuleft li:hover ul.submenu {display:block;}
.submenu-col {float: left;width: 150px;margin-bottom: 20px;padding: 20px 0 0 20px;}
.headertop {width: 100%;display: inline-block;}
.headermenu-tit {display: inline-block;width: 100%;background: #000;}
.categorytit {float: left;width: 220px;color: #fff;height: 30px;background: #000;}
.categorytit h2 {padding: 5px 22px 3px 28px;float: left;width: 160px;background: url(https://lh3.googleusercontent.com/-FoKMhn8sFs0/VM7qXOXkxWI/AAAAAAAAB18/ZqM0_Vcxt-Q/h120/icon_cat.png) no-repeat right;font-size: 13px;}
.hotline p {font-size: 14px;font-weight: bold;padding: 4px 0 0 20px;}
.hotline {float: left;width: 840px;color: #fff;background: rgba(202, 202, 202, 1);height: 27px;margin-top: 3px;}
.headermenu {float: left;width: 100%;position: relative;background: #000;}
ul.submenu a {border-top: none !important;background: url(http://4.bp.blogspot.com/-ccutDEB1UvI/VLt1r6ehSiI/AAAAAAAADIM/NeABq2b1KKk/s1600/arrow-li.png) no-repeat left 11px scroll !important;padding: 5px 0 5px 12px !important;}
.hhome a {padding: 9px 110px 7px 60px;float: left;color: #fff;text-decoration: none;}
.hhome {float: left;width: 220px;background: url(https://lh4.googleusercontent.com/-n3QLbkFQ6F0/VM7nZOdlfII/AAAAAAAAB1w/zx7YuL34tjE/h120/home_menu.png) no-repeat;background-position: 29px 8px;}
ul.menuleft li:hover {background: #fff;}
.submenu-col h2 a {background: none !important;text-transform: uppercase;color: #f00 !important;}


---------




<div class='sidebarbox'>
<div class='categorytit'>
<h2>HÀNG CÔNG NGHỆ</h2>
</div>
<ul class='menuleft'>
<li><a href='#' title=''>Tai nghe Apple</a>
<ul class='submenu'>
<div class='submenu-col'><h2><a href='#' title=''>Iphone</a></h2>
<li><a href='#' title=''>Iphone 6 Plus</a></li>
<li><a href='#' title=''>Iphone 6</a></li>
<li><a href='#' title=''>Iphone 5</a></li>
<li><a href='#' title=''>Iphone 4</a></li>
<li><a href='#' title=''>Iphone 3</a></li>
</div>
<div class='submenu-col'><h2><a href='#' title=''>Ipad</a></h2>
<li><a href='#' title=''>Ipad air 2</a></li>
<li><a href='#' title=''>Ipad air</a></li>
<li><a href='#' title=''>Ipad 4</a></li>
<li><a href='#' title=''>Ipad 3</a></li>
<li><a href='#' title=''>Ipad mini</a></li>
<li><a href='#' title=''>Ipad FPT</a></li>
<li><a href='#' title=''>Ipad 1</a></li>
</div>
<div class='submenu-col'><h2><a href='#' title=''>Macbook</a></h2>
<li><a href='#' title=''>Macbook Pro</a></li>
<li><a href='#' title=''>Macbook mini</a></li>
<li><a href='#' title=''>Imac</a></li>
<li><a href='#' title=''>Macbook Air</a></li>
</div>
</ul>

</li>
<li><a href='#' title=''>Bao da các loại</a>
<ul class='submenu'>
<div class='submenu-col'><h2><a href='#' title=''>Iphone</a></h2>
<li><a href='#' title=''>Iphone 6 Plus</a></li>
<li><a href='#' title=''>Iphone 6</a></li>
<li><a href='#' title=''>Iphone 5</a></li>
<li><a href='#' title=''>Iphone 4</a></li>
<li><a href='#' title=''>Iphone 3</a></li>
</div>
<div class='submenu-col'><h2><a href='#' title=''>Ipad</a></h2>
<li><a href='#' title=''>Ipad air 2</a></li>
<li><a href='#' title=''>Ipad air</a></li>
<li><a href='#' title=''>Ipad 4</a></li>
<li><a href='#' title=''>Ipad 3</a></li>
<li><a href='#' title=''>Ipad mini</a></li>
<li><a href='#' title=''>Ipad FPT</a></li>
<li><a href='#' title=''>Ipad 1</a></li>
</div>
<div class='submenu-col'><h2><a href='#' title=''>Macbook</a></h2>
<li><a href='#' title=''>Macbook Pro</a></li>
<li><a href='#' title=''>Macbook mini</a></li>
<li><a href='#' title=''>Imac</a></li>
<li><a href='#' title=''>Macbook Air</a></li>

</div>
</ul>
</li>

<li><a href='http://www.zalomuasam.com/2015/12/khu-vuc-cap-nhat-hang-moi-nhap-ve-hang.html' title='Khu vực cập nhật hàng mới nhập về, hàng mới thay đổi liên tục trong tuần'>Hàng hot mới về </a></li>
<li><a href='#' title=''>Đồ chơi điện thoại</a></li>
<li><a href='#' title=''>Đồ chơi Ipad</a></li>
<li><a href='#' title=''>Thẻ nhớ từ 2GB-64GB</a></li>
<li><a href='#' title=''>USB từ 2GB-64GB  </a></li>
<li><a href='#' title=''>Điện thoại cùi bắp</a></li>
<li><a href='#' title=''>Máy tính bàn </a></li>
<li><a href='#' title=''>Đồng hồ thời trang </a></li>
<li><a href='#' title=''>Cáp sạc điện thoại </a></li>
<li><a href='#' title=''>Cáp các loại </a></li>
<li><a href='#' title=''>Cóc sạc điện thoại</a></li>
<li><a href='#' title=''>Pin điện thoại các loại</a></li>
<li><a href='#' title=''>Tai nghe điện thoại</a></li>
<li><a href='#' title=''>Miếng dán cảm ứng</a></li>
<li><a href='#' title=''>Viền -Bao da - ốp lưng</a></li>
<li><a href='#' title=''>Đầu đọc thẻ nhớ</a></li>
<li><a href='#' title=''>Bộ vít đa năng</a></li>
<li><a href='#' title=''>Linh kiện vi tính</a></li>
<li><a href='#' title=''>Cục sạc điện thoại</a></li>
<li><a href='#' title=''>Pin điện thoại </a></li>
<li><a href='#' title=''>Tai nghe BLUETOOTH </a></li>
<li><a href='#' title=''>MP3 - MP4 </a></li>
<li><a href='#' title=''>Loa cắm thẻ nhớ, USB </a></li>
<li><a href='#' title=''>Loa nghe nhạc BLUETOOTH </a></li>
<li><a href='#' title=''>Pin sạc dự phòng </a></li>
<li><a href='#' title=''>Bộ vệ sinh laptop </a></li>
<li><a href='#' title=''>Túi chống sốc </a></li>
<li><a href='#' title=''>Đèn led các loại</a></li>
<li><a href='#' title=''>Miếng lót chuột </a></li>
<li><a href='#' title=''>Mico phone</a></li>
<li><a href='#' title=''>WEBCAM </a></li>
<li><a href='#' title=''>Thiết bị mạng</a></li>
<li><a href='#' title=''>Chuột dây - Dây rút </a></li>
<li><a href='#' title=''>Chuột không dây </a></li>
<li><a href='#' title=''>Bàn phím vi tính </a></li>
<li><a href='#' title=''>Đế tản nhiệt </a></li>
<li><a href='#' title=''>Headphone </a></li>
<li><a href='#' title=''>Loa vi tính</a></li>
<li><a href='#' title=''>Hub chia USB </a></li>
<li><a href='#' title=''>Tay game </a></li>
<li><a href='#' title=''>Linh phụ kiện linh tinh</a></li>
<li><a href='#' title=''>Hột quẹt</a></li>

</ul>
</div>
<div class='sidebarbox'>
<div class='categorytit'>
<h2>THỜI TRANG NAM</h2>
</div>
<ul class='menuleft'>

<li><a href='#' title=''>Áo sơ mi</a></li>
<li><a href='#' title=''>Áo khoát</a></li>
<li><a href='#' title=''>Quần Kaki -Jean</a></li>
<li><a href='#' title=''>Quần đùi - Quần sort</a></li>
<li><a href='#' title=''>Quần Ống côn</a></li>
<li><a href='#' title=''>Quần lót</a></li>
</ul>
</div>




<div class='sidebarbox'>
<div class='categorytit'>
<h2>THỜI TRANG NỮ</h2>
</div>
<ul class='menuleft'>
<li><a href='#' title=''>Đầm dạo phố</a></li>
<li><a href='#' title=''>Áo khoát</a></li>
<li><a href='#' title=''>Váy thời trang</a></li>
<li><a href='#' title=''>Đồ bộ - đồ ngủ</a></li>
<li><a href='#' title=''>Quần jean - kaki</a></li>
<li><a href='#' title=''>Rip - Váy ngắn</a></li>
<li><a href='#' title=''>Quần lót</a></li>
</ul>
</div>






<div class='sidebarbox'>
<div class='categorytit'>
<h2>MẶT HÀNG KHÁC</h2>
</div>
<ul class='menuleft'>
<li><a href='#' title=''>Ví cầm tay Nam</a></li>
<li><a href='#' title=''>Ví cầm tay Nữ</a></li>
<li><a href='#' title=''>Túi xách Nữ</a></li>
<li><a href='#' title=''>Giày thời trang Nam</a></li>
<li><a href='#' title=''>Giày thời trang Nữ</a></li>
<li><a href='#' title=''>Nón thời trang Nam</a></li>
<li><a href='#' title=''>Nón thời trang Nữ</a></li>
    <li><a href='#' title=''>Đồng hồ thời trang Nam - Nữ</a></li>
</ul>
</div>

Nhận xét

Bài đăng phổ biến từ blog này

Download Microsoft Office 2010 Portable Không Cần Cài Đặt

Danh bạ website