Đăng nhập
Latest topics
» Tôi sẽ đỗ đại học!by nightWalker 9/2/2024, 7:00 pm
» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm
» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm
» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm
» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am
» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am
» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm
» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am
» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm
» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am
» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm
» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am
» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm
» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm
» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm
» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm
» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm
» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm
» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am
» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm
» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm
» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm
» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am
» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm
» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am
Top posting users this week
No user |
[Code] Share code Menu với style mới!!
5 posters
Trang 1 trong tổng số 1 trang
[Code] Share code Menu với style mới!!
Mới rip anh em dùng nh1e ~> thấy ngon thì vote +1
Demo:
HD: Chèn vào chỗ nào tùy bạn thích (VD: Overall_Body, Overall_Head,...)
Demo:
- Code:
http://www.noiloiyeuthuong.com/h23-menu
HD: Chèn vào chỗ nào tùy bạn thích (VD: Overall_Body, Overall_Head,...)
- Code:
<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>
Re: [Code] Share code Menu với style mới!!
Mỗi máy có 1 font khác nhau mà . Rip kiểu này lỗi tè le tràn lan . Nên đặt font nào thông dụng nhất ấy, không thì dùng text HTML ịn lên luôn.
P/s: Nguồn đâu rồi .
P/s: Nguồn đâu rồi .
Được sửa bởi Mr.Anonymous ngày 17/9/2011, 9:00 am; sửa lần 1.
Re: [Code] Share code Menu với style mới!!
- Code:
xin lỗi, không chịu nổi
mas- CPMember
-
Ngày đăng ký : 14/10/2011
Số bài : 18
CPP : -1
Châm ngôn sống : hihi
Similar topics
» Share Code menu Nhanh Nhiều Tiện Ích - Menu trái
» [TUT][SHARE] Code menu nhanh bên trái[✔]
» [Share] Code Menu Selection cực đẹp cho forum
» Share code Share topics ( chia sẻ chủ đề )[✔]
» [Code] KLoading Style[✔]
» [TUT][SHARE] Code menu nhanh bên trái[✔]
» [Share] Code Menu Selection cực đẹp cho forum
» Share code Share topics ( chia sẻ chủ đề )[✔]
» [Code] KLoading Style[✔]
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
|
|