[Share] Thanh menu blog dtocrazy

[Kid Knight]

mới thấy nó đẹp quá, nên ngồi rip về chơi, chỉ vs HTML + CSS thôi

demo: http://k3-love.bbgraf.com/forum

chèn vào chỗ muốn hiện trong head

Code:

<style type="text/css">#nav{float:left;font:17px Times,Sans-serif;border-radius:10px;border-top:1px solid #2b2e30;overflow:hidden;width:100%;background:#3C4042;background:-webkit-gradient( linear,left bottom,left top,color-stop(0.09,rgb(59,63,65)),color-stop(0.55,rgb(72,76,77)),color-stop(0.78,rgb(75,77,77)) );background:-moz-linear-gradient( center bottom,rgb(59,63,65) 9%,rgb(72,76,77) 55%,rgb(75,77,77) 78% );background:-o-linear-gradient( center bottom,rgb(59,63,65) 9%,rgb(72,76,77) 55%,rgb(75,77,77) 78% )}
#nav ul{margin:0;padding:0;list-style:none}
#nav ul li{float:left}
#nav ul li a{float:left;color:#d4d4d4;padding:10px 20px;text-decoration:none;background:#3C4042;background:-webkit-gradient( linear,left bottom,left top,color-stop(0.09,rgb(59,63,65)),color-stop(0.55,rgb(72,76,77)),color-stop(0.78,rgb(75,77,77)) );background:-moz-linear-gradient( center bottom,rgb(59,63,65) 9%,rgb(72,76,77) 55%,rgb(75,77,77) 78% );background:-o-linear-gradient( center bottom,rgb(59,63,65) 9%,rgb(72,76,77) 55%,rgb(75,77,77) 78% );box-shadow:0 1px 0 rgba(255,255,255,0.1) inset,0 0 5px rgba(0,0,0,0.1) inset;border-left:1px solid rgba(255,255,255,0.05);border-right:1px solid rgba(0,0,0,0.2);text-shadow:0 -1px 1px rgba(0,0,0,0.6)}
#nav ul li a:hover,#nav ul li:hover > a{color:#252525;background:#3C4042;background:-webkit-gradient( linear,left bottom,left top,color-stop(0.09,rgb(77,79,79)),color-stop(0.55,rgb(67,70,71)),color-stop(0.78,rgb(69,70,71)) );background:-moz-linear-gradient( center bottom,rgb(77,79,79) 9%,rgb(67,70,71) 55%,rgb(69,70,71) 78% );background:-o-linear-gradient( center bottom,rgb(77,79,79) 9%,rgb(67,70,71) 55%,rgb(69,70,71) 78% );text-shadow:0 1px 0 rgba(255,255,255,0.2),0 -1px #000}
#nav li ul a:hover,#nav ul li li:hover > a{color:#2c2c2c;background:#5C9ACD;background:-webkit-gradient( linear,left bottom,left top,color-stop(0.17,rgb(61,111,177)),color-stop(0.51,rgb(80,136,199)),color-stop(1,rgb(92,154,205)) );background:-moz-linear-gradient( center bottom,rgb(61,111,177) 17%,rgb(80,136,199) 51%,rgb(92,154,205) 100% );background:-o-linear-gradient( center bottom,rgb(61,111,177) 17%,rgb(80,136,199) 51%,rgb(92,154,205) 100% );border-bottom:1px solid rgba(0,0,0,0.6);border-top:1px solid #7BAED9;text-shadow:0 1px rgba(255,255,255,0.3)}
#nav li ul{background:#3C4042;background-image:-webkit-gradient( linear,left bottom,left top,color-stop(0.09,rgb(77,79,79)),color-stop(0.55,rgb(67,70,71)),color-stop(0.78,rgb(69,70,71)) );background-image:-moz-linear-gradient( center bottom,rgb(77,79,79) 9%,rgb(67,70,71) 55%,rgb(69,70,71) 78% );background-image:-o-linear-gradient( center bottom,rgb(77,79,79) 9%,rgb(67,70,71) 55%,rgb(69,70,71) 78% );left:-999em;margin:35px 0 0;position:absolute;width:160px;z-index:9999;box-shadow:0 0 15px rgba(0,0,0,0.4) inset;-moz-box-shadow:0 0 15px rgba(0,0,0,0.4) inset;-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4) inset;border:1px solid rgba(0,0,0,0.5)}
#nav li:hover ul{left:auto}
#nav li ul a{background:none;border:0 none;margin-right:0;width:120px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border-bottom:1px solid transparent;border-top:1px solid transparent}
.nav ul li ul{position:absolute;left:0;display:none;visibility:hidden}
.nav ul li ul li{display:list-item;float:none}
.nav ul li ul li ul{top:0}
.nav ul li ul li a{font:normal 13px Verdana;width:160px;padding:5px;margin:0;border-top-width:0;border-bottom:1px solid gray}
#nav li li ul{margin:-1px 0 0 160px;visibility:hidden}
#nav li li:hover ul{visibility:visible}
</style>

<div id="nav">
<ul>
<li><a href="http://homenavigation.blogspot.com">Navigation</a></li><li>
<a href="http://kartriderdautocrazy01.blogspot.com/search/label/C%C3%B4ng%20C%E1%BB%A5%20Blog">Tools Blog</a><ul>
<li><a href="#">Công Cụ flash</a><ul>
<li><a href="https://dautocrazy.googlecode.com/svn/trunk/BoxCodeFlash.html" target="blank">Hộp Lấy Code</a></li><li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/M%E1%BA%ABu%20Code" target="blank">Mẫu Code</a></li> <li><a href="http://kartriderdautocrazy01.blogspot.com/2012/12/flash-can-thiet-cho-blog.html" target="blank">flash Cho Blog</a></li></ul></li>
<li><a href="">All to Blogger</a><ul>
<li><a href="https://dautocrazy.googlecode.com/svn/trunk/TwitterAnimation.html" target="blank">Twitter Hoạt Hình</a></li>
<li><a href="http://www.twitterflash.net/" target="blank">Twitter flash</a></li>
<li><a href="https://dautocrazy.googlecode.com/svn/trunk/PhanTrangKieu1.html" target="blank">Bảng Phân Trang</a></li>
</ul></li><li><a href="https://dautocrazy.googlecode.com/svn/trunk/BoxCvtCode.html" target="blank">Converter Code</a></li>
<li><a href="http://htmledit.squarefree.com/" target="blank">Thử Javascript</a></li> <li><a href="https://dautocrazy.googlecode.com/svn/trunk/compressionCode.html" target="blank">Nén CSS</a></li>
<li><a href="https://dautocrazy.googlecode.com/svn/trunk/BoxEndCode.html" target="blank">Mã Hóa HTML</a></li>
<li><a href="https://dautocrazy.googlecode.com/svn/trunk/Boxiframe.html" target="blank">Iframe Tool</a></li>
<li><a href="https://dautocrazy.googlecode.com/svn/trunk/BangMaMauChoBlog.html" target="blank">Bảng Mã Mầu</a></li> </ul></li>
<li><a href="https://dautocrazy.googlecode.com/svn/trunk/Navigation-Pagehome-DTC.html" target="blank">My Blogspot</a> <ul>
<li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Phim%20online">Phim Online</a><ul>
<li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Phim%20b%E1%BB%99%20T.H%E1%BB%A3p">Phim Bộ T.Hợp</a></li>
<li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Phim%20h%C3%A0nh%20%C4%91%E1%BB%99ng">Phim hành động</a></li>
<li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Phim%20l%E1%BA%BB">Phim lẻ</a></li>
<li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Ma-Kinh%20d%E1%BB%8B">Phim ma-Kinh dị</a></li>
<li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Ho%E1%BA%A1t%20h%C3%ACnh">Hoạt hình</a></li></ul></li> 
<li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Gi%E1%BA%A3i%20Tr%C3%AD">Giải Trí</a><ul>
<li><a href="http://kartriderdautocrazy01.blogspot.com/2013/06/xem-tivi-online.html">Xem Tivi Online</a></li>
<li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Nh%E1%BA%A1c%20Vi%E1%BB%87t">Nhạc Việt</a></li> <li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Nh%E1%BA%A1c%20Kh%C3%B4ng%20L%E1%BB%9Di">Nhạc Không Lời</a></li> <li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Nh%E1%BA%A1c%20H%C3%A0n">Nhạc Hàn</a></li> <li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Nh%E1%BA%A1c%20S%C3%A0n">Nhạc Sàn</a></li> <li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/T%C3%A2n%20C%E1%BB%95">Tân Cổ</a></li>
<li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/VideoClip%20H%C3%A0i">VideoClip Hài</a></li><li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Th%E1%BB%83%20Lo%E1%BA%A1i%20Kh%C3%A1c">Thể Loại Khác</a></li></ul></li> <li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Album%20%E1%BA%A2nh">Album Ảnh</a> <ul> <li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/H%C3%ACnh%20N%E1%BB%81n">Hình Nền</a></li> <li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Avata">Avata</a></li> <li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Hot%20Girl">Hot Girl</a></li> <li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Hot%20boy">Hot Boy</a></li> <li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/%E1%BA%A2nh%20%C4%90%E1%BB%99ng">Ảnh Động</a></li> <li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Mypicture">My Picture</a></li> <li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/T%E1%BB%95ng%20H%E1%BB%A3p">Tổng Hợp</a></li> </ul> </li> <li class="sub"><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Download">Download</a> <ul>
<li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Ph%E1%BA%A7n%20M%E1%BB%81m">Phần Mềm</a></li><li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Wallpaper">Wallpaper</a></li> </ul> </li>
<li><a href="#">Thủ Thuật</a> <ul>
<li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Th%E1%BB%A7%20thu%E1%BA%ADt%20Blogspot">Thủ thuật Blogspot</a></li> <li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Th%E1%BB%A7%20Thu%E1%BA%ADt%20Internet">Thủ Thuật Internet</a></li>
<li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Th%E1%BB%A7%20Thu%E1%BA%ADt%20Kh%C3%A1c">Thủ Thuật Khác</a></li> </ul> </li> <li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Ti%E1%BB%87n%20%C3%ADch%20Online">Tiện ích Online</a> <ul><li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Ti%E1%BB%87n%20%C3%ADch%20Blog">Tiện ích Blog</a></li> <li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Ti%E1%BB%87n%20%C3%ADch%20Internet">Tiện ích Internet</a></li> </ul> </li> <li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Cu%E1%BB%99c%20S%E1%BB%91ng">Cuộc Sống</a> <ul>
<li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/KartRider">KartRider</a></li> <li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/Qu%C3%A0%20T%E1%BA%B7ng%20Cu%E1%BB%99c%20S%E1%BB%91ng">Quà Tặng Cuộc Sống</a></li> </ul> </li> <li><a href="http://kartriderdautocrazy01.blogspot.com/search/label/flash%20%C4%90%E1%BA%B9p">flash Ðẹp</a></li></ul>
</li><li><a href="http://kartriderdautocrazy01.blogspot.com/p/ket-noi.html">Liên Kết</a></li>
<li><a href="#">ToolsOnline</a> <ul>
<li><a href="#">ResizePicture</a> <ul> <li><a href="http://www.resizeyourimage.com/" target="blank">Resizeyouimage</a></li></ul></li>
<li><a href="http://www.snazzyspace.com/image-effects/image-animator/" target="blank">Tạo Slideshow</a></li> 
<li><a href="https://www.virustotal.com/" target="blank">Quét Virus-Web/Blog</a></li>
<li><a href="http://tools.pingdom.com/fpt/" target="blank">Test Speed Web/Blog</a></li></ul></li></ul></div>

[Lowie]

chỉ gồm html với css thì là view rồi :v
không trượt xuống thì đặt ở trang chủ đẹp hơn
Ai cmt bên dưới có chữ like hoặc vote thì ngày mai bị bệnh trĩ cả nhà (phòng spam )

[kenz0ne]

xau qua'

[Lùn Lì Lợm]

đẹp mà :v

[Sponsored content]