- Vào phần chỉnh sửa HTML của template tìm dòng:
.catnav_wrapper { ... z-index: 4; ... }
sửa thành:
.catnav_wrapper { ... z-index: 9999; ... }
Tiếp tục tìm:
<li><a href='#'><strong>Browser</strong><span>Random Stuff</span></a></li>
sửa thành
<li><a href='#'><strong>Browser</strong><span>Random Stuff</span></a>
<ul class='sub-menu'>
<li class='menu-item'><a href='#'><strong>Community</strong></a></li>
<li class='menu-item'><a href='#'><strong>Browser</strong></a></li>
<li class='menu-item'><a href='#'><strong>Slides</strong></a>
<ul class='sub-menu'>
<li class='menu-item'><a href='#'><strong>Tech News</strong></a></li>
<li class='menu-item'><a href='#'><strong>Adobe</strong></a></li>
</ul>
</li>
</ul>
</li>
Như vậy trong mục Browser của menu đã có thêm 2 menu con với hiệu ứng jQuery. Bạn chỉ việc sửa lại hoặc thêm/bớt cho phù hợp với nội dung site của bạn.
Không có nhận xét nào:
Đăng nhận xét