_BruceLee_
Demo: [You must be registered and logged in to see this link.]
Thực ra thì cũng không có gì mới, mình chỉnh lại cho ... lạ mắt thôi.
Kiểu này phù hợp với việc sử dụng trong trang chủ html, portal hay trong blog.
Hướng dẫn:
Cho code này vào 1 trang HTML
Thực ra thì cũng không có gì mới, mình chỉnh lại cho ... lạ mắt thôi.
Kiểu này phù hợp với việc sử dụng trong trang chủ html, portal hay trong blog.
Hướng dẫn:
Cho code này vào 1 trang HTML
- Code:
<style type='text/css'>
ul.navigation {
list-style:none;
width: 180px;
margin:0;
padding:0;
}
#menu a {
display: block;
padding: 4px 3px 4px 4px;
font-weight:bold;
background-image: url(http://i46.servimg.com/u/f46/14/26/60/46/pale_w10.jpg);
border-top :1px solid #000000;
border-right : 1px solid #000000;
border-bottom : 3px solid #000000;
border-left : 3px solid #9F4F2C;
-moz-border-radius-bottomright: 17px;
-khtml-border-radius-bottomright: 17px;
-webkit-border-bottom-right-radius:17px;
-moz-border-radius-topleft: 1px;
-khtml-border-radius-topleft: 1px;
-webkit-border-top-left-radius:1px;
-moz-border-radius-bottomleft: 1px;
-khtml-border-radius-bottomleft: 1px;
-webkit-border-bottom-left-radius:1px;
-moz-border-radius-topright: 17px;
-khtml-border-radius-topright: 17px;
-webkit-border-top-right-radius:17px;
color: #0000FF;
}
#menu a:link {
text-decoration: none;
}
#menu a:visited {
text-decoration: none;
}
#menu a:hover {
background:#2222FF url('http://i26.servimg.com/u/f26/14/26/60/46/arow10.gif') no-repeat right center;
color: #FFFFFF;
}
#menu a:active {
text-decoration: none;
color: #FF00FF;
}
</style>
<span id="menu">
<ul class="navigation">
<li><a href="http://www.trekhuyettat.org" class="menu" target="_blank">Trang chủ</a></li>
<li><a href="http://www.trekhuyettat.org/forum" class="menu" target="_blank">Diễn đàn</a></li>
<li><a href="http://www.trekhuyettat.org/html-h70.htm" class="menu" target="_blank">Luật người KT</a></li>
<li><a href="http://www.trekhuyettat.org/html-h61.htm" class="menu" target="_blank">Trang thơ</a></li>
<li><a href="http://trekhuyettat.blogspot.com/" class="menu" target="_blank">Blosgpost</a></li>
<li><a href="http://hunghsmn.net.ms" class="menu">Web cá nhân</a></li>
<li><a href="http://www.code1k.com/2010/05/bo-suu-tap-nhung-icons-nho-tuyet-dep.html" class="menu">Bộ stập icon</a></li>
<li><a href="http://www.code1k.com/2010/05/hieu-ung-flash-nen-dep-cho-blog-website.html" class="menu">BST flash nền</a></li>
</ul>
</span>