Hum nay mình đi dạo cntt-k3 thấy cái thanh nav đẹp quá đem về share cho mn chơi, vs lại cũng có người đã từng hỏi xin thanh nav này nên càng quyết tâm đem về share hơn( thanh nav này xài rất tốt cho skin mặc định, sr cho mấy bạn ko xài skin mặc định :P)
Demo ảnh: https://i.servimg.com/u/f48/16/58/89/73/truot11.jpg
Demo sống: http://eng-lovepeoplefamily.forumvi.com/
Bắt đầu làm thôi
ACP >> Display >> Pictures and Colors >> Colors >> CSS Stylesheet: Thêm vào CSS code sau (Nên xóa đoạn CSS liên quan đến navlinks cũ)
ACP - Modules - HTML & JAVASCRIPT - Javascript codes management
Tạo một file js có nội dung như sau
Title: Slide nav
Placement: In all the pages
Javascript code:
Nguồn: http://www.cntt-k3.com/t3114-code-mot-so-kieu-navlinks-dep-cho-punbb (ở nơi đó share khó hỉu hơn đúng hêm)
Demo ảnh: https://i.servimg.com/u/f48/16/58/89/73/truot11.jpg
Demo sống: http://eng-lovepeoplefamily.forumvi.com/
Bắt đầu làm thôi
ACP >> Display >> Pictures and Colors >> Colors >> CSS Stylesheet: Thêm vào CSS code sau (Nên xóa đoạn CSS liên quan đến navlinks cũ)
- Code:
/* Slide nav - www.fmvi.org */
body{padding-top:43px}
#pun-head{left:0;position:fixed;top:0;width:100%;z-index:999}
.title-overview{background-color:#1571A3;color:#FF0;font-size:20px;font-variant:small-caps;font-weight:700;margin-bottom:10px;padding:5px 0}
#pun-title{padding: 15px;color:#FFF!important;font-family:"Comic Sans Ms";font-size:33px;font-style:normal;font-variant:normal;font-weight:700;text-shadow:3px 3px 3px #000;text-transform:uppercase;z-index:1}
#pun-head #pun-navlinks{background-color:rgba(0, 68, 99, 0.73);background-origin:padding-box;background-position:0 0;background-repeat:repeat-x;border:1px solid #1E2831;box-shadow:0 0 0 1px rgba(255,255,255,0.2) inset;height:28px}
#pun-navlinks ul{list-style:none outside none;text-align:center}
#pun-navlinks li{display:inline;font-size:15px;line-height:30px}
#pun-navlinks a:active,#pun-navlinks a:focus,#pun-navlinks a:hover{background-color:rgba(0,0,0,0.2);background-image:url(http://i40.servimg.com/u/f40/17/10/12/79/76120810.gif);color:#FFF;text-decoration:none;text-shadow:0 0 4px rgba(255,255,255,0.7);padding:12px 14px 10px}
#pun-navlinks li a{color:#FFF;font-family:tahoma,helvetica,arial,sans-serif;margin-left:-8px;margin-right:-8px;text-shadow:1px 1px 1px #000;padding:12px 14px 10px}
- Code:
font-family:"Comic Sans Ms"
ACP - Modules - HTML & JAVASCRIPT - Javascript codes management
Tạo một file js có nội dung như sau
Title: Slide nav
Placement: In all the pages
Javascript code:
- Code:
$(function () {
$("#pun-navlinks a.mainmenu[href='/search']").removeAttr("onclick").click(function () {
$(this).parent().css("position", "relative");
$("#search_menu").css({
"top": "30px",
"left": "-7px"
}).slideToggle();
return false;
});
});
Nguồn: http://www.cntt-k3.com/t3114-code-mot-so-kieu-navlinks-dep-cho-punbb (ở nơi đó share khó hỉu hơn đúng hêm)