Admin Admin
Tổng số bài gửi : 136 Được thank : 0 Join date : 22/11/2011
| Tiêu đề: Menu dọc kiểu đơn giản, rê chuột vào hiện icon Thu Dec 08, 2011 11:51 am | |
| Xem thử: - Code:
-
http://www.trekhuyettat.org/h210-page CODE: - 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> |
|