[Đóng góp] Slide nav cho PunBB

  Bài viết hay nhất1
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ũ)
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}
nếu mún đổi font chữ cho tên fm thì tìm trong đoạn css trên
Code:
font-family:"Comic Sans Ms"
đổi "Comic Sans Ms" thành font chữ bạn thích
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)
  Bài viết hay nhất2
Sai một cái ngay font chữ là "đổi "Comic Sans Ms" thành font chữ bạn thích, nhớ xài các font có trong máy tính hoặc dùng font sử dụng CSS trên mạng, điển hình là font Awesome chứ fm không có font nào sẵn để xài đâu trừ khi đã add font vào fm rồi, nếu dùng font máy mình có mà font không phổ biến hoặc người ta không dùng thì sẽ không hiện cho thành viên không có font đó đâu
  Bài viết hay nhất3
cảm ưn bạn, mình sẽ sửa lại ngay
  Bài viết hay nhất4
Đã xin tác giả chưa? Nếu chưa thì xem lại nhé.
Mọi bài viết vi phạm bản quyền hoặc chưa có sự đồng ý của tác giả sẽ bị xoá. Người vi phạm sẽ bị ban ít nhất 7 ngày.
  Bài viết hay nhất5
hình như bạn ấy chỉ lấy phần code còn nội dung bài viết thì bạn ấy tự viết mà ? (mình xem bên đó bài viết khác với bài bên đây)
  Bài viết hay nhất6

KTV2 wrote:hình như bạn ấy chỉ lấy phần code còn nội dung bài viết thì bạn ấy tự viết mà ? (mình xem bên đó bài viết khác với bài bên đây)
mình rút gọn mấy phần thừa và thêm mắm thêm muối vào bài viết để mọi người dễ hỉu và có thể trang trí thêm thôi :D
@Boom: mình có rip của ai đâu, vứi lại bên đó cũng lấy nguồn từ đâu đâu đó đó mà, bên đó cũng bảo là ko được đem bài viết này qua nơi khác share, mình cũng ghi nguồn nơi lấy mà
  Bài viết hay nhất7
Sao biết là nguồn của ai ai đó
- Không đem bài viết qua nơi share khác có nghĩa là bạn không được lấy rồi về đây share
- Không spam tránh loãng topic
  Bài viết hay nhất8
You cannot reply to topics in this forum