Đă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 |
[Đóng góp] Thanh nav cùi zách
Trang 1 trong tổng số 1 trang
[Đóng góp] Thanh nav cùi zách
Demo
http://testduat.forumvi.com/
Tích góp từ
Thứ 1 : http://web360plus.com/html-css/cach-tao-menu-da-cap-bang-html-va-css-trong-hoc-lap-trinh-thiet-ke-website-165.html
Thứ 2 : Cái khung login của skin Chinh phục cũ
Thứ 3 : http://devs.forumvi.com/t620-tips-huong-dan-su-dung-font-awesome
P/s : Nhớ rằng forum phải được cài đặt font-awesome[/b]
Sửa lại các thông số phù hợp với forum
Cách làm
Vào CSS thêm :
- Code:
/*Thanh nav*/
.main_menu li{list-style:none}
.main_menu a{text-decoration:none;color:#FFF!important;font-size:14px}
.clear{clear:both}
.main_menu{background:#00A69B;margin-top:30px;position:fixed;z-index:999;width:71.15%;top:-30px;box-shadow:0 1px 1px #DDD;left:195px}
.main_menu i{margin-right:2px;font-size:15px}
.forum-active i{font-size:17px}
.main_menu>ul>li{float:left;padding:11px 27px;position:relative;border-right:1px dotted #E7E7E7}
.main_menu>ul>li>ul{display:none;position:absolute;background:#00A69B;top:40px;width:198px;left:0;box-shadow:0 1px 1px #DDD}
.main_menu>ul>li:hover ul{display:block}
.main_menu ul li:hover{background:rgba(0,139,139,0.39);transition:all 0.25s}
.main_menu>ul>li>ul>li{padding:10px 10px}
.main_menu>ul>li>ul>li{border-bottom:1px dotted #ACACAC}
.main_menu li:nth-child(1){background:rgba(0,139,139,0.39)}
.khunglogin input[type="password"],.CPlogin input[type="text"],inputusername{margin-top:5px;width:92%;margin-right:2px;padding:7px;border:1px solid #DDD}
.khunglogin{position:absolute;background:white;padding:10px;border:1px solid #DDD;border-top:0;display:none;margin-top:11.5px;padding:8px;position:absolute;width:210px;right:162px;top:26px}
.khunglogin:hover,.btndn:hover+.khunglogin{display:block}
.khunglogin input[type="text"]{padding:7px!Important;border:1px solid #DDD;width:193px}
.avatar img{text-align:center!Important;width:100px;position:relative;right:-35px;padding:2px;border:1px solid #DDD;background:white}
.avatar{background:transparent;border:none}
Vào overall_header add code :
- HTML:
- Code:
<!-- BEGIN switch_user_logged_in -->
<div class="wrapper">
<div class="main_menu">
<ul>
<li><a href="/forum"><i class="fa fa-home" aria-hidden="true"></i> Diễn đàn</a></li>
<li><a href="/faq"><i class="fa fa-question-circle" aria-hidden="true"></i> Trợ giúp</a></li>
<li class="lilich"><a href="/profile?mode=editprofile"><i class="fa fa-user" aria-hidden="true"></i> Lý lịch</a>
<ul>
<li><div class="avatar"></div></li>
<script>//<![CDATA[$(".avatar").html(_userdata.avatar);//]]></script>
<li><a href="/profile?mode=editprofile"><i class="fa fa-cog" aria-hidden="true"></i> Thông Tin Cá Nhân</a></li>
<li><a href="/profile?mode=editprofile&page_profil=preferences"><i class="fa fa-lock" aria-hidden="true"></i> Tùy Chọn Riêng Tư</a></li>
<li><a href="/profile?mode=editprofile&page_profil=avatars"><i class="fa fa-picture-o" aria-hidden="true"></i> Thay Ảnh Đại Diện</a></li>
<li><a href="/search?search_id=egosearch"><i class="fa fa-list-alt" aria-hidden="true"></i> Bài Viết Của Bạn</a></li>
<li><a href="/privmsg?folder=inbox"><i class="fa fa-inbox" aria-hidden="true"></i> Hộp tin nhắn</a></li>
<li><a href="/login?logout"><i class="fa fa-sign-out" aria-hidden="true"></i> Đăng Xuất</a></li>
</ul>
</li>
<li><a href="/search"><i class="fa fa-search" aria-hidden="true"></i> Tìm kiếm</a></li>
<li><a href="/memberlist"><i class="fa fa-users" aria-hidden="true"></i> Thành viên</a></li>
<li style="background: rgba(185, 147, 0, 0.62);border-left: 1px dotted #DDD;box-shadow: 0 0px 1px white;text-shadow: 1px 0px 1px #444;"><a href="/h2-page"><i class="fa fa-paw" aria-hidden="true"></i> Vào shop pet</a></li>
</ul>
<div class="clear"></div>
</div>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div class="wrapper">
<div class="main_menu">
<ul>
<li><a href="/forum"><i class="fa fa-home" aria-hidden="true"></i> Diễn đàn</a></li>
<li><a href="/faq"><i class="fa fa-question-circle" aria-hidden="true"></i> Trợ giúp</a></li>
<li><a href="/search"><i class="fa fa-search" aria-hidden="true"></i> Tìm kiếm</a></li>
<li><a href="/memberlist"><i class="fa fa-users" aria-hidden="true"></i> Thành viên</a></li>
<li class="btndn"><a href="/login"><i class="fa fa-sign-in" aria-hidden="true"></i> Đăng nhập</a></li>
<form class="khunglogin" action="/login.forum" method="post" name="form_login">
<input placeholder="Username" type="text" name="username">
<input placeholder="Password" type="password" name="password">
<br>
<input type="submit" name="login" value="Đăng Nhập" style="float:right;margin-top:10px;vertical-align:top;width:100%;">
<input type="hidden" name="redirect" value="/">
</form>
<li><a href="/register"><i class="fa fa-user-plus" aria-hidden="true"></i> Đăng kí</a></li>
</ul>
<div class="clear"></div>
</div>
</div>
<!-- END switch_user_logged_out -->
- Chú ý:
- Đây không là code em tích góp nên ...
Similar topics
» [Share] chia sẽ các bạn thanh lv rút gọn gồm 3 thanh lv nhẹ gọn đễ dùng... cho punbb
» Xin Thanh level nhung thanh nay[✔]
» Lỗi thanh ngang và thanh dọc
» [CSS] Biến Thanh toolbar mặc định thành thanh toolbar facebook
» [Thắc mắc] Muốn đổi màu thanh nav ????
» Xin Thanh level nhung thanh nay[✔]
» Lỗi thanh ngang và thanh dọc
» [CSS] Biến Thanh toolbar mặc định thành thanh toolbar facebook
» [Thắc mắc] Muốn đổi màu thanh nav ????
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
|
|