Friday, September 21, 2012

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 menu và Kwicks 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.
 

Theo Blogger Noct
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 nhận xét

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
© 2025 Sổ ghi chú
Designed by BlogThietKe Cooperated with Duy Pham
Released under Creative Commons 3.0 CC BY-NC 3.0
Posts RSSComments RSS
Back to top