Thứ Ba, 22 tháng 11, 2011

Dropdown menu cho Newscast Template

NewscastNewscast Template vốn có sẵn menu xổ dọc (dropdown) nhưng do nó xung đột với Slider nên Noct đã tạm thời ẩn nó đi. Giờ đây vấn đề đã được giải quyết, nếu bạn muốn sử dụng đồng thời cả dropdown menuKwicks Slider thì làm như sau:





- 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