Me nu đẹp cho blog

Một me nu giống tranh tuoitre.com đẹp và dễ tạo dành cho bạn (được lấy từ một trang tiếng Anh)

Hình ảnh:

• HOME
• CSS EXAMPLES
• TOOLS
• JAVASCRIPT
• GALLERY

Bạn xem thử trang này:
http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_tabs/

Đoạn code dưới đây thêm vào phần HEAD trang của bạn:


<link rel="stylesheet" type="text/css" href="droplinetabs.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script src="droplinemenu.js" type="text/javascript"></script>

<script type="text/javascript">

//build menu with DIV ID="myslidemenu" on page:
droplinemenu.buildmenu("droplinetabs1")

</script>

Cóp đoạn dưới  vào bố cục, thêm tiện ích HTML và dán vào trong đó bạn thay # và Activities 1bằng linh liên kết và tên chủ đề

<div id="droplinetabs1" class="droplinetabs">

<ul>

<li><a href="http://www.dynamicdrive.com/"><span>Home</span></a></li>

<li><a href="http://www.dynamicdrive.com/style/"><span>CSS Examples</span></a>

  <ul>

  <li><a href="#">Activities 1</a></li>

  <li><a href="#">Activities 2</a></li>

  <li><a href="#">Activities 3</a>

 <ul>

 <li><a href="#">Water Sports 1</a></li>

 <li><a href="#">Water Sports 1</a></li>

 <li><a href="#">Water Sports 1</a></li>

 <li><a href="#">Water Sports 1</a></li>

 </ul>

</li>

  <li><a href="#">Activities 4</a></li>

  </ul>

</li>

<li><a href="http://tools.dynamicdrive.com"><span>Tools</span></a></li>

<li><a href="http://www.javascriptkit.com/"><span>JavaScript</span></a>

  <ul>

  <li><a href="#">Traveling 1</a></li>

  <li><a href="#">Traveling 2</a></li>

  <li><a href="#">Traveling 3</a></li>

  <li><a href="#">Traveling 4</a>

 <ul>

 <li><a href="#">Africa 1</a></li>

 <li><a href="#">Africa 2</a></li>

 <li><a href="#">Africa 3</a></li>

 <li><a href="#">Africa 4</a>

 <ul>

 <li><a href="#">Kenya 1</a></li>

 <li><a href="#">Kenya 2</a></li>

 <li><a href="#">Kenya 3</a></li>

 <li><a href="#">Kenya 4</a></li>

 <li><a href="#">Kenya 5</a></li>

 </ul>

</li>

 </ul>

</li>

  <li><a href="#">Traveling 5</a></li>

  </ul>

</li>

<li><a href="http://www.cssdrive.com"><span>Gallery</span></a></li>

</ul>

</div>

THỦ THUẬT 05:20