Similar topics
Latest topics
» Bảng thông báo đẹp cho forumby ThanhCong Fri Dec 12, 2014 10:36 pm
» [Hot] Chữ ký lung linh!...
by pe.keomut_love_who Wed Nov 21, 2012 8:49 pm
» QUY ĐỊNH CHUNG CHO CÁC THÀNH VIÊN TRONG DIỄN ĐÀN Thành công
by pe.keomut_love_who Wed Nov 21, 2012 8:47 pm
» CSS thay backgound liên tục
by ThanhCong Thu Jul 26, 2012 10:18 am
» [Chia sẻ] Bảng Thông Báo [Đơn Giản] [Đẹp]
by ThanhCong Wed Feb 01, 2012 9:05 pm
» [Chia sẻ] Thanh load kute
by ThanhCong Wed Feb 01, 2012 8:51 pm
» Nút Move Lên Đầu Trang
by ThanhCong Wed Feb 01, 2012 8:33 pm
» [FMvi.Org] Shop avatar hoạt hình tự cập nhật 100%
by ThanhCong Wed Feb 01, 2012 8:18 pm
» Share cây thư mục, khung login + trang thông báo đăng nhập thành công
by ThanhCong Wed Feb 01, 2012 8:08 pm
» [Chia sẻ] Viewsoure Website Nhanh ^^ Vui Lắm
by ThanhCong Sat Jan 07, 2012 1:26 pm
» [Chia sẻ] Khung đăng nhập+chuyển trang thành công ver 1..."HOT"
by ThanhCong Sat Jan 07, 2012 1:20 pm
» [Chia Sẽ] Code Trò Nhỏ Rất Hay ! HeHe
by ThanhCong Sat Jan 07, 2012 1:18 pm
» [Chia sẻ] Chec lượt truy cập của 4rum trên Alexa
by ThanhCong Sat Jan 07, 2012 1:17 pm
» Chia sẻ] Câu đối trượt chào năm mới
by ThanhCong Sat Jan 07, 2012 1:15 pm
» Share thanh chia sẻ bài viết lên các trang mạng xã hội
by ThanhCong Sat Jan 07, 2012 1:12 pm
Statistics
Diễn Đàn hiện có 115 thành viênChúng ta cùng chào mừng thành viên mới đăng ký: Ren_KXO
Tổng số bài viết đã gửi vào diễn đàn là 670 in 624 subjects
QUY ĐỊNH CHUNG CHO CÁC THÀNH VIÊN TRONG DIỄN ĐÀN Thành công
Mon Oct 17, 2011 12:39 pm by ThanhCong
QUY ĐỊNH CHUNG CHO CÁC THÀNH VIÊN TRONG DIỄN ĐÀN FORUM Wed 1 Jun 2011 - 20:57 Trả lời với trích dẫn nội dung bài viết này Sửa/Xóa bài viết Xóa bài viết Xem địa chỉ IP của thành viên này
* Tất cả thành viên có trách nhiệm thực hiện nội quy khi tham gia hoạt động trên https://thanhcong.forumvi.com/forum đồng thời chú ý theo …
* Tất cả thành viên có trách nhiệm thực hiện nội quy khi tham gia hoạt động trên https://thanhcong.forumvi.com/forum đồng thời chú ý theo …
Comments: 3
[Code] Share code Menu với style mới!!
Trang 1 trong tổng số 1 trang
[Code] Share code Menu với style mới!!
<style type="text/css">
#menu_click{
width: 100%;
margin: 0 auto;
background: url("http://www.blogblog.com/1kt/transparent/black50.png") repeat scroll left top transparent;
}
#menu{
border-radius:5px;
border-color:#FFFFFF;
border-width:2px 2px 2px 10px;
color:#000000;
font-weight:700;
margin:0px auto 10px auto;
padding:10px 7px;
text-align:center;
width: 810px;
}
#menu ul{
list-style: none;
}
#menu ul li {
position: relative;
float: left;
}
#menu li a {
display: block;
color: white;
font-weight: bold;
text-decoration: none;
padding: .3em 6px;
}
#menu li a:hover {
color: white;
background: orange;
}
#menu li ul{
position: absolute;
display: none;
width: 163px;
margin-left:5px;
padding: 0px;
}
#menu li:hover ul{
display: block;
}
#menu ul li ul li {
background: #0C7341;
border: 1px solid white;
width: 100%;
-moz-border-radius: 5px 5px 5px 5px;
}
#menu .mho_so {
-moz-border-radius: 5px 5px 5px 5px;
background: url("http://img1-photo.apps.zing.vn/upload/original/2010/09/27/0/12855235301715406732.jpg") repeat scroll 0 0 #327DD7;
border-width: 2px 2px 2px 0;
color: #FFFFFF;
font-size: 13px;
font-weight: 700;
margin: 0 5px;
padding: 10px 7px;
text-align: center;
width: 120px;
}
#menu .mlien_ket {
-moz-border-radius: 5px 5px 5px 5px;
background: url("http://img1-photo.apps.zing.vn/upload/original/2010/09/27/0/128552277380383065.jpg") repeat scroll 0 0 #327DD7;
border-width: 2px 2px 2px 0;
color: #FFFFFF;
font-size: 13px;
font-weight: 700;
margin: 0 5px;
padding: 10px 7px;
text-align: center;
width: 120px;
}
#menu .mbai_gui {
-moz-border-radius: 5px 5px 5px 5px;
background: url("http://img1-photo.apps.zing.vn/upload/original/2010/09/27/0/1285522773243872274.jpg") repeat scroll 0 0 #327DD7;
border-width: 2px 2px 2px 0;
color: #FFFFFF;
font-size: 13px;
font-weight: 700;
margin: 0 5px;
padding: 10px 7px;
text-align: center;
width: 120px;
}
#menu .mtim_kiem {
-moz-border-radius: 5px 5px 5px 5px;
background: url("http://img1-photo.apps.zing.vn/upload/original/2010/09/27/0/1285522773638371976.jpg") repeat scroll 0 0 #327DD7;
border-width: 2px 2px 2px 0;
color: #FFFFFF;
font-size: 13px;
font-weight: 700;
margin: 0 5px;
padding: 10px 7px;
text-align: center;
width: 120px;
}
#menu .home {
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#327DD7 url(http://img1-photo.apps.zing.vn/upload/original/2010/09/27/0/1285522774191404211.jpg) repeat scroll 0 0;
border-width:2px 2px 2px 0;
color:#FFFFFF;
font-size:13px;
font-weight:700;
margin:0 5px;
padding:10px 7px;
text-align:center;
width:120px;
}
#menu .ho_so {
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#327DD7 url(http://img1-photo.apps.zing.vn/upload/original/2010/09/27/0/12855235301715406732.jpg) repeat scroll 0 0;
border-width:2px 2px 2px 0;
color:#FFFFFF;
font-size:13px;
font-weight:700;
margin:0 5px;
padding:10px 7px;
text-align:center;
width:150px;
}
#menu .dang_ky {
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#327DD7 url(http://img1-photo.apps.zing.vn/upload/original/2010/09/27/0/12855235301715406732.jpg) repeat scroll 0 0;
border-width:2px 2px 2px 0;
color:#FFFFFF;
font-size:13px;
font-weight:700;
margin:0 5px;
padding:10px 7px;
text-align:center;
width:120px;
}
#menu .lien_ket {
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#327DD7 url(http://img1-photo.apps.zing.vn/upload/original/2010/09/27/0/128552277380383065.jpg) repeat scroll 0 0;
border-width:2px 2px 2px 0;
color:#FFFFFF;
font-size:13px;
font-weight:700;
margin:0 5px;
padding:10px 7px;
text-align:center;
width:150px;
}
#menu .bai_gui {
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#327DD7 url(http://img1-photo.apps.zing.vn/upload/original/2010/09/27/0/1285522773243872274.jpg) repeat scroll 0 0;
border-width:2px 2px 2px 0;
color:#FFFFFF;
font-size:13px;
font-weight:700;
margin:0 5px;
padding:10px 7px;
text-align:center;
width:150px;
}
#menu .home, #menu .lien_ket{
color: #fff;
}
#menu .ho_so,#menu .dang_ky, #menu .bai_gui, #menu .tim_kiem{
color: #000;
}
/* Menu blank */
#menu ul li a:hover{
background:#FFFFFF url(http://img1-photo.apps.zing.vn/upload/original/2010/09/27/0/1285522774294677702.jpg) repeat scroll 0 0;
color:#000000;
}
.clear{
clear: both;
}
</style>
<div id="menu_click"><div id="menu">
<ul>
<li><a href="/forum" class="home">Home</a></li>
<li>
<a class="dang_ky" href="/register" rel="nofollow">Đăng kí</a>
</li>
<li>
<a class="lien_ket">Liên kết nhanh</a>
<ul class="popupbody popuphover">
<li><a href="/memberlist">Danh sách thành viên</a></li>
</ul>
</li>
<li><a href="/search?search_id=newposts" class="bai_gui">Bài gửi hôm nay</a></li>
</ul><div class="clear"></div>
HD: Chèn vào chỗ nào tùy bạn thích (VD: Overall_Body, Overall_Head,...)
#menu_click{
width: 100%;
margin: 0 auto;
background: url("http://www.blogblog.com/1kt/transparent/black50.png") repeat scroll left top transparent;
}
#menu{
border-radius:5px;
border-color:#FFFFFF;
border-width:2px 2px 2px 10px;
color:#000000;
font-weight:700;
margin:0px auto 10px auto;
padding:10px 7px;
text-align:center;
width: 810px;
}
#menu ul{
list-style: none;
}
#menu ul li {
position: relative;
float: left;
}
#menu li a {
display: block;
color: white;
font-weight: bold;
text-decoration: none;
padding: .3em 6px;
}
#menu li a:hover {
color: white;
background: orange;
}
#menu li ul{
position: absolute;
display: none;
width: 163px;
margin-left:5px;
padding: 0px;
}
#menu li:hover ul{
display: block;
}
#menu ul li ul li {
background: #0C7341;
border: 1px solid white;
width: 100%;
-moz-border-radius: 5px 5px 5px 5px;
}
#menu .mho_so {
-moz-border-radius: 5px 5px 5px 5px;
background: url("http://img1-photo.apps.zing.vn/upload/original/2010/09/27/0/12855235301715406732.jpg") repeat scroll 0 0 #327DD7;
border-width: 2px 2px 2px 0;
color: #FFFFFF;
font-size: 13px;
font-weight: 700;
margin: 0 5px;
padding: 10px 7px;
text-align: center;
width: 120px;
}
#menu .mlien_ket {
-moz-border-radius: 5px 5px 5px 5px;
background: url("http://img1-photo.apps.zing.vn/upload/original/2010/09/27/0/128552277380383065.jpg") repeat scroll 0 0 #327DD7;
border-width: 2px 2px 2px 0;
color: #FFFFFF;
font-size: 13px;
font-weight: 700;
margin: 0 5px;
padding: 10px 7px;
text-align: center;
width: 120px;
}
#menu .mbai_gui {
-moz-border-radius: 5px 5px 5px 5px;
background: url("http://img1-photo.apps.zing.vn/upload/original/2010/09/27/0/1285522773243872274.jpg") repeat scroll 0 0 #327DD7;
border-width: 2px 2px 2px 0;
color: #FFFFFF;
font-size: 13px;
font-weight: 700;
margin: 0 5px;
padding: 10px 7px;
text-align: center;
width: 120px;
}
#menu .mtim_kiem {
-moz-border-radius: 5px 5px 5px 5px;
background: url("http://img1-photo.apps.zing.vn/upload/original/2010/09/27/0/1285522773638371976.jpg") repeat scroll 0 0 #327DD7;
border-width: 2px 2px 2px 0;
color: #FFFFFF;
font-size: 13px;
font-weight: 700;
margin: 0 5px;
padding: 10px 7px;
text-align: center;
width: 120px;
}
#menu .home {
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#327DD7 url(http://img1-photo.apps.zing.vn/upload/original/2010/09/27/0/1285522774191404211.jpg) repeat scroll 0 0;
border-width:2px 2px 2px 0;
color:#FFFFFF;
font-size:13px;
font-weight:700;
margin:0 5px;
padding:10px 7px;
text-align:center;
width:120px;
}
#menu .ho_so {
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#327DD7 url(http://img1-photo.apps.zing.vn/upload/original/2010/09/27/0/12855235301715406732.jpg) repeat scroll 0 0;
border-width:2px 2px 2px 0;
color:#FFFFFF;
font-size:13px;
font-weight:700;
margin:0 5px;
padding:10px 7px;
text-align:center;
width:150px;
}
#menu .dang_ky {
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#327DD7 url(http://img1-photo.apps.zing.vn/upload/original/2010/09/27/0/12855235301715406732.jpg) repeat scroll 0 0;
border-width:2px 2px 2px 0;
color:#FFFFFF;
font-size:13px;
font-weight:700;
margin:0 5px;
padding:10px 7px;
text-align:center;
width:120px;
}
#menu .lien_ket {
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#327DD7 url(http://img1-photo.apps.zing.vn/upload/original/2010/09/27/0/128552277380383065.jpg) repeat scroll 0 0;
border-width:2px 2px 2px 0;
color:#FFFFFF;
font-size:13px;
font-weight:700;
margin:0 5px;
padding:10px 7px;
text-align:center;
width:150px;
}
#menu .bai_gui {
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#327DD7 url(http://img1-photo.apps.zing.vn/upload/original/2010/09/27/0/1285522773243872274.jpg) repeat scroll 0 0;
border-width:2px 2px 2px 0;
color:#FFFFFF;
font-size:13px;
font-weight:700;
margin:0 5px;
padding:10px 7px;
text-align:center;
width:150px;
}
#menu .home, #menu .lien_ket{
color: #fff;
}
#menu .ho_so,#menu .dang_ky, #menu .bai_gui, #menu .tim_kiem{
color: #000;
}
/* Menu blank */
#menu ul li a:hover{
background:#FFFFFF url(http://img1-photo.apps.zing.vn/upload/original/2010/09/27/0/1285522774294677702.jpg) repeat scroll 0 0;
color:#000000;
}
.clear{
clear: both;
}
</style>
<div id="menu_click"><div id="menu">
<ul>
<li><a href="/forum" class="home">Home</a></li>
<li>
<a class="dang_ky" href="/register" rel="nofollow">Đăng kí</a>
</li>
<li>
<a class="lien_ket">Liên kết nhanh</a>
<ul class="popupbody popuphover">
<li><a href="/memberlist">Danh sách thành viên</a></li>
</ul>
</li>
<li><a href="/search?search_id=newposts" class="bai_gui">Bài gửi hôm nay</a></li>
</ul><div class="clear"></div>
HD: Chèn vào chỗ nào tùy bạn thích (VD: Overall_Body, Overall_Head,...)
Similar topics
» [Share] Code Google tan nát =]]
» share code trái tim bay lơ lửng
» [ITvui]Chia sẻ code share bài viết lên mạng kiểu vbb 100%
» share code trái tim bay lơ lửng
» [ITvui]Chia sẻ code share bài viết lên mạng kiểu vbb 100%
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|