Mã

<link rel="stylesheet" type="text/css" src="/cntt/chrome.css" />
<script type="text/javascript" src="/cntt/chrome.js"></script>

<div class="chromestyle" id="chromemenu">
 <ul>
 <li><a href="#" rel="dropmenu0">{l s='Home'}</a></li>
 <li><a href="#" rel="dropmenu1">{l s='Channel'}</a></li>
 <li><a href="#" rel="dropmenu2">{l s='Application'}</a></li>
 <li><a href="#" rel="dropmenu3">{l s='Links'}</a></li>
 <li><a href="#" rel="dropmenu4">{l s='Advertisement'}</a></li>
 </ul>
 </div>
<!--1st drop down menu -->
 <div id="dropmenu0" class="dropmenudiv">
 <a href="/cntt/{$base_dir}" title="{l s='Home'}">{l s='Home'}</a>
 <a href="/cntt/cms.php?id_cms=4" title="{l s='About us'}"><b>{l s='About us'}</b></a>
 <a href="/cntt/{$base_dir}new-products.php" title="{l s='New products'}"><b>{l s='New products'}</b></a>
 <a href="/cntt/{$base_dir}best-sales.php" title="{l s='Top sellers'}"><b>{l s='Top sellers'}</b></a> 
 <a href="/cntt/cms.php?id_cms=3" title="{l s='Legal notice'}"><b>{l s='Legal notice'}</b></a>
 <a href="/cntt/{$base_dir}contact-form.php" title="{l s='Contact us'}"><b>{l s='Contact us'}</b></a>
 </div> 

 <!--1st drop down menu -->
 <div id="dropmenu1">
 <a href="http://bantinit.com/" target="_blank" title="Bản tin công nghệ thông tin">Bản Tin IT</b>
 <a href="http://www.didong.org" title="Thế giới Điện thoại di động" target="_blank">Điện thoại di động</a>
 <a href="http://www.toanquyen.com" title="Thế giới điện thoại giá rẻ" target="_blank">Toàn Quyền mobile</a>
 <a href="http://www.sieuhostvn.com" title="Dịch vụ tên miền" target="_blank">Dịch vụ tên miền</a>
 <a href="http://www.blog.kenh360.com" title="Blog 360" target="_blank">Blog xã hội 360</a>
 <a href="http://www.dict.kenh360.com" title="Từ điển 360" target="_blank">Từ điển 360</a>
 <a href="http://kenh360.com/3dview/" target="_blank" title="Thư viện ảnh 3D">Thư viện Ảnh 3D</a>
 <a href="http://kenh360.com/4rum/" target="_blank">Diễn đàn 360</a>
 </div>

 <!--2nd drop down menu -->
 <div id="dropmenu2">
 <a  href="#" title="Đặt kenh360.com làm trang chủ" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://kenh360.com');">Đặt làm trang chủ</a> 
 <a  href="#" onclick="bookmarksite('Kenh360.com','http://www.kenh360.com')">Lưu vào bookmark</a>
 <a href="mailto:
 Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó.
 " target="_blank" title="Liên hệ" >Liên hệ</a>
 <a href="http://kenh360.com/chat/" target="_blank" title="Ajax Chat 360">Ajax Chat</a>
 <a href="http://www.kenh360.com/pro/pagerank" target="_blank" title="Check pagerank">Check pager Rank</a>
 <a href="http://www.kenh360.com/pro/amlich.php" target="_blank" title="Tính ngày âm lịch">Tính ngày âm lịch</a>
 <a href="http://www.kenh360.com/pro/calculator/" target="_blank" title="Máy tính">Máy tính khoa học</a>
 <a href="http://www.kenh360.com/pro/matrix.html" target="_blank" title="Ma trận text">Ma trận text</a>
 <a href="http://www.kenh360.com/3dapplet" target="_blank" title="3D Applet">3D Applet</a>
 <a href="http://kenh360.com/googlemap/" target="_blank" title="Bản đồ 360">Bản đồ 360</a>
 <a href="http://www.kenh360.com/pro/encrypt.html" target="_blank" title="Mã hóa HTML">Mã hóa HTML</a>
 </div>

 <!--3rd drop down menu -->                                                   
 <div id="dropmenu3">
 <a href="http://www.co.cc/?id=149166" title="Đăng kí tên miền miễn phí"target="_blank">Tên miền miễn phí</a>
 <a href="http://www.raovat.thitruongnamdinh.com" target="_blank">Thị Trường Nam Định</a> 
 <a href="http://www.dvddoc.cntt.tv/" target="_blank">DVD độc</a> 
 <a href="http://www.dot.tk" target="_blank" title="Free domain .tk">Tên miền TK miễn phí</a>    
 
 <a href="http://www.prestashop.com/forums/viewforum/31/" target="_blank" title="Prestashop Forums - E-Commerce">Prestashop</a>
 <a href="http://www.ledmobile.net/diendan/index.php" target="_blank" title="LedMobile">Diễn đàn LedMobile</a>
 <a href="http://www.dynamicdrive.com/" target="_blank">Dynamic Drive</a>
 <a href="http://www.cssdrive.com/" target="_blank">CSS Drive</a>
 <a href="http://www.codingforums.com" target="_blank">Coding Forums</a>
 <a href="http://www.javascriptkit.com/jsref/" target="_blank">JavaScript Reference</a>
 </div>
 
 <!--4th drop down menu -->                                                   
 <div id="dropmenu4">
 <a href="http://www.vatgia.com/raovat/" target="_blank">Rao vặt</a> 
 <a href="http://www.vatgia.com/hoidap/" target="_blank">Hỏi đáp</a>
 <a href="http://www.vatgia.com/review/" target="_blank">Đánh giá</a>
 <a href="http://www.vatgia.com/438/mobile.html" target="_blank">Mobile</a>
 <a href="http://www.vatgia.com/317/may-tinh-laptop.html" target="_blank">Laptop</a> 
 <a href="http://vatgia.com/1300/mobile-pda.html" title="Điện thoại - PDA" target="_blank">Điện thoại - PDA</a>
 <a href="http://vatgia.com/392/may-vi-tinh-linh-kien-dich-vu.html" title="Máy tính - Linh kiện" target="_blank">Máy tính - Linh kiện</a>
 <a href="http://vatgia.com/405/may-anh-may-quay-thiet-bi.html" title="" target="_blank">Máy ảnh - Máy quay</a>
 <a href="http://vatgia.com/331/dien-tu-kinh-doanh-gia-dung.html" title="Điện tử gia dụng" target="_blank">Điện tử gia dụng</a>
 <a href="http://vatgia.com/575/mua-sam.html" title="Mua sắm" target="_blank">Mua sắm</a>
 </div><br />

<script type="text/javascript"> cssdropdown.startchrome("chromemenu")</script>

Download

chromestyle.css

chrome.js

• 21/05/2009 23:20 - Tạo bảng bằng thẻ DIV và CSS trong Thiết kế web tabless
• 21/05/2009 23:07 - Tầm quan trọng của thuộc tính alt trong thẻ img
• 21/05/2009 22:54 - Căn lề giữa cho bảng, ảnh và text bằng thẻ DIV và CSS
• 21/05/2009 22:41 - Tìm hiểu thẻ DIV cơ bản và nâng cao
• 14/05/2009 11:45 - Tạo chữ cuộn ngang, cuộn dọc bằng thẻ marquee

• 28/03/2009 14:10 - HTML căn bản phần 1
• 28/03/2009 14:06 - Thiết kế web thêm sinh động với thuộc tính Filter
• 16/03/2009 23:45 - Thiết kế bố cục trang web layout với thẻ div
• 15/03/2009 13:27 - Hướng dẫn tạo tootip trong khi rê chuột vào hình ảnh
• 27/02/2009 08:11 - Cắt ảnh bằng CSS và HTML