Đưa Skin mới vào diễn đàn sử dụng ! Nếu quá trình sử dụng diễn đàn xảy ra lỗi, xin vui lòng liên hệ Admin để báo lỗi ! Cảm ơn !

You are not connected. Please login or register

[Code] Một số kiểu navlinks đẹp cho punBB

Trang 3 trong tổng số 7 trang Chuyển đến trang : Previous  1, 2, 3, 4, 5, 6, 7  Next

  • Please log in to post a topic

  • jacklagger

    jacklagger

    Group: Moderagerator

    Hiện đang:
    Bài viết : 408
    Points : 1148
    Birthday : 08/01/1995
    Thanks : 672
    Đến từ : http://a1family.forumvi.com/

    Moderagerator
    Xem lý lịch thành viên http://a1family.forumvi.com/

    Moderagerator
    Bài viết thứ :1

    Đăng vào:on 13/4/2012, 18:08

    Moderagerator
    First topic message reminder :

    [Bài viết không bị Ẩn]

    • vBB - Dạng mặc định của vBulletin.

    [You must be registered and logged in to see this link.]
    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:
    /* vBB nav - www.fmvi.org*/
    .title-overview{background-color:#1571A3;color:#FF0;font-size:20px;font-variant:small-caps;font-weight:700;margin-bottom:10px;padding:5px 0}
    .navbar{background-color:#E3E3E3;border-bottom-left-radius:0;border-bottom-right-radius:0;color:#FFF;font:11px Arial,Calibri,Verdana,Geneva,sans-serif;height:56px;position:relative;margin:0}
    .navtabs{background-color:#000;height:28px;padding:0}
    .navtabs ul{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top:0 solid #5A7F97;direction:ltr;left:0;margin-right:-80px;position:absolute;top:28px;width:100%}
    .navtabs li{list-style:none outside none;border-right:0 solid #5A7F97;float:left;width:80px}
    .navtabs li.selected{color:#000;height:28px}
    .navtabs li.selected a.navtab{background-color:#E3E3E3;border-radius:5px 5px 0 0;color:#000;padding-top:4px;position:relative;top:-4px;z-index:10}
    .navtabs li a.navtab{background-color:#000;border-left:0 solid #CEDFEB;border-top:0 solid #CEDFEB;color:#FFF;display:block;font:bold 12px/28px Arial,Calibri,Verdana,Geneva,sans-serif;text-align:center;text-decoration:none;width:auto!important}
    .globalsearch{clear:left;display:block;float:right;line-height:1em;position:absolute;right:20px;text-align:right;top:0;width:180px}
    .navbar_search{display:block;position:relative;right:-20px;width:180px}
    .globalsearch .textboxcontainer{border-left:0 solid #5A7F97;display:inline-block;float:left;height:28px;margin-left:-10px;text-align:center}
    .globalsearch .textboxcontainer span{border-left:0 solid #CEDFEB;border-top:0 solid #CEDFEB;display:inline-block;height:24px;margin-bottom:1px;padding-left:2px;padding-right:2px;padding-top:3px;width:147px}
    .globalsearch input.textbox{width:120px}
    .globalsearch .searchbutton{background-color:transparent;border:0 none;margin-left:-2px;margin-top:-2px;width:22px;padding:0}
    .navbar_search input{border:1px solid #B1B1B1;font-size:11px;margin-top:2px;vertical-align:middle;padding:1px}
    .globalsearch .buttoncontainer{border-left:0 solid #5A7F97;border-right:0 solid #5A7F97;display:inline-block;float:right;height:28px;margin-right:10px;overflow:hidden;width:25px}
    .globalsearch .buttoncontainer span{border-left:0 solid #CEDFEB;border-top:0 solid #CEDFEB;display:inline-block;height:25px;padding-left:4px;padding-top:3.5px}
    .navtabs li.selected li a,.navbar_advanced_search li a{font:11px/28px Arial,Calibri,Verdana,Geneva,sans-serif;text-decoration:none}
    .floatcontainer ul li{font-size:13px!important;padding-left:12px;width:auto}
    ACP - Display - Templates - Ganeral - overall_header: Tìm đoạn sau
    Code:
    <div id="pun-head">
       <div id="pun-navlinks">
          <ul class="clearfix">
             <li>{GENERATED_NAV_BAR}</li>
          </ul>
       </div>
    </div>
    ... và thay thế nó bằng
    Code:
    <div class="navbar" id="navbar">
       <ul class="navtabs floatcontainer" id="navtabs">
          <li>
             <a accesskey="2" href="/" class="navtab">Trang chủ</a>
          </li>
          <li class="selected">
             <a href="/forum" class="navtab">Diễn đàn</a>
             <ul class="floatcontainer">
                <li>{GENERATED_NAV_BAR}</li>
             </ul>
          </li>
       </ul>
       <div class="globalsearch" id="globalsearch">
          <form class="navbar_search" id="navbar_search" method="get" action="/search">
             <input type="hidden" value="searchbox" name="mode" />
             <input type="hidden" type="radio" value="posts" name="show_results" id="rposts" />
             <input type="hidden" type="radio" checked="checked" value="topics" name="show_results" id="rtopics" />
             <span class="textboxcontainer">
                <span>
                   <input type="text" name="search_keywords" tabindex="99" class="textbox" name="search_keywords" />
                </span>
             </span>
             <span class="buttoncontainer">
                <span>
                   <input type="image" tabindex="100" name="submit" src="http://i967.photobucket.com/albums/ae153/ligerv/t1vn/search.png" class="searchbutton" />
                </span>
             </span>
          </form>
          <ul class="navbar_advanced_search">
             <li>
                <a accesskey="4" href="/search">Tìm chi tiết</a>
             </li>
          </ul>
       </div>
    </div>
    <script type="text/javascript">
       $("a.mainmenu[href='/'],a.mainmenu[href='/forum'],a.mainmenu[href='/search'],a.mainmenu[href='/groups'],a.mainmenu[href='/privmsg?folder=inbox']").parent().remove()
    </script>


    • Glass - Dạng gương trong suốt, thích hợp skin nền tối. Nên sử dụng Icon cho navlinks này.

    [You must be registered and logged in to see this link.]
    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:
    /* Glass nav - www.fmvi.org */
    #pun-head #pun-navlinks{background-color:transparent;border:0 none}
    .title-overview{font-size:20px;font-variant:small-caps;font-weight:700;margin-bottom:10px;padding:5px 0}
    .center-overview{color:#000!important}
    .center-overview a{background-image:none!important}
    .center-overview a:hover{background-image:none!important}
    #pun-navlinks ul{text-align:center}
    #pun-navlinks li{background-color:transparent;background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/btn_ri11.png);background-position:right top;background-repeat:no-repeat;color:#FFF;display:inline-block;font:13px tahoma,arial,sans-serif;height:32px;margin-right:5px;padding-right:10px;text-decoration:none}
    #pun-navlinks li:hover{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/btn_ho10.png);color:#FFFE1B;outline:medium none}
    #pun-navlinks li a{background-color:transparent;background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/btn10.png);background-repeat:no-repeat;color:#FFF;display:inline-block;line-height:21px;margin-right:-8px!important;padding:3px 0 8px 10px}
    #pun-navlinks li:hover a{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/btn_ho11.png)}

    • Slide - Dạng trượt theo thanh cuộn.

    [You must be registered and logged in to see this link.]
    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}
    ACP - Modules - HTML & JAVASCRIPT - Javascript codes management
    Click vào nút  :4r1:  Create a new javascript, để tạo file javascript.

    • 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;
       });
    });
    Lưu ý: Để sử dụng Javascript codes management bạn phải cập nhật Templates (nếu chưa): [You must be registered and logged in to see this link.]

    [+] Nếu không muốn thanh navlinks trượt, bạn xóa 2 dòng sau trong code trên:
    Code:
    body{padding-top:43px}
    #pun-head{left:0;position:fixed;top:0;width:100%;z-index:999}
    Nguồn: fmvi.org
    [/Bài viết không bị Ẩn]
    :Bài viết không bị Ẩn:

    #1 - Posted on 13/4/2012, 18:08
    Xem lý lịch thành viên http://a1family.forumvi.com/

    Bin.Smile

    Bin.Smile

    Group: Member

    Hiện đang:
    Bài viết : 86
    Points : 94
    Thanks : 6

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :51

    Đăng vào:on 3/8/2012, 10:19

    Member
    xem

    #51 - Posted on 3/8/2012, 10:19
    Xem lý lịch thành viên

    KingSoft.5forum.Net

    KingSoft.5forum.Net

    Group: Member

    Hiện đang:
    Bài viết : 88
    Points : 108
    Thanks : 6

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :52

    Đăng vào:on 3/8/2012, 10:21

    Member
    xem

    #52 - Posted on 3/8/2012, 10:21
    Xem lý lịch thành viên

    nh0zhuybmt

    nh0zhuybmt

    Group: Member

    Hiện đang:
    Bài viết : 66
    Points : 81
    Birthday : 30/08/1997
    Thanks : 13

    Member
    Xem lý lịch thành viên http://skinner-csvn.forum.st

    Member
    Bài viết thứ :53

    Đăng vào:on 5/8/2012, 02:20

    Member
    r

    #53 - Posted on 5/8/2012, 02:20
    Xem lý lịch thành viên http://skinner-csvn.forum.st

    anubis

    anubis

    Group: Member

    Hiện đang:
    Bài viết : 39
    Points : 39
    Thanks : 0

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :54

    Đăng vào:on 7/8/2012, 05:38

    Member
    dcfvggggggg

    #54 - Posted on 7/8/2012, 05:38
    Xem lý lịch thành viên

    Jinnie

    Jinnie

    Group: Member

    Hiện đang:
    Bài viết : 207
    Points : 252
    Thanks : 11

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :55

    Đăng vào:on 7/8/2012, 20:23

    Member
    cổ vũ

    #55 - Posted on 7/8/2012, 20:23
    Xem lý lịch thành viên

    gyui

    gyui

    Group: Member

    Hiện đang:
    Bài viết : 158
    Points : 164
    Thanks : 2

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :56

    Đăng vào:on 18/8/2012, 05:40

    Member
    6ytg

    #56 - Posted on 18/8/2012, 05:40
    Xem lý lịch thành viên

    Bực Mình

    Bực Mình

    Group: Member

    Hiện đang:
    Bài viết : 27
    Points : 28
    Thanks : 1

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :57

    Đăng vào:on 18/8/2012, 17:59

    Member
    xem

    #57 - Posted on 18/8/2012, 17:59
    Xem lý lịch thành viên

    phongpy009

    phongpy009

    Group: Member

    Hiện đang:
    Bài viết : 156
    Points : 173
    Thanks : 3

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :58

    Đăng vào:on 19/8/2012, 15:31

    Member
    xem

    #58 - Posted on 19/8/2012, 15:31
    Xem lý lịch thành viên

    kukha199

    kukha199

    Group: Member

    Hiện đang:
    Bài viết : 380
    Points : 440
    Thanks : 34
    Đến từ : http://vietshare.5forum.net/

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :59

    Đăng vào:on 19/8/2012, 15:41

    Member
    hay

    #59 - Posted on 19/8/2012, 15:41
    Xem lý lịch thành viên

    baotranno123

    baotranno123

    Group: Member

    Hiện đang:
    Bài viết : 368
    Points : 428
    Thanks : 28

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :60

    Đăng vào:on 19/8/2012, 15:56

    Member
    aaaaaaaaaaaa

    #60 - Posted on 19/8/2012, 15:56
    Xem lý lịch thành viên

    voquanghuy2002

    voquanghuy2002

    Group: Member

    Hiện đang:
    Bài viết : 25
    Points : 27
    Thanks : 2

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :61

    Đăng vào:on 19/8/2012, 22:59

    Member
    221

    #61 - Posted on 19/8/2012, 22:59
    Xem lý lịch thành viên

    zualuoi

    zualuoi

    Group: Member

    Hiện đang:
    Bài viết : 653
    Points : 1309
    Thanks : 510

    Member
    Xem lý lịch thành viên http://www.xaydungthanhhoa.com/

    Member
    Bài viết thứ :62

    Đăng vào:on 20/8/2012, 01:05

    Member
    cái gì

    #62 - Posted on 20/8/2012, 01:05
    Xem lý lịch thành viên http://www.xaydungthanhhoa.com/

    Cún Còi

    Cún Còi

    Group: Member

    Hiện đang:
    Bài viết : 132
    Points : 183
    Thanks : 23

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :63

    Đăng vào:on 22/8/2012, 00:08

    Member
    chụt chụt

    #63 - Posted on 22/8/2012, 00:08
    Xem lý lịch thành viên

    CrusaderVn

    CrusaderVn

    Group: Member

    Hiện đang:
    Bài viết : 14
    Points : 14
    Thanks : 0

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :64

    Đăng vào:on 22/8/2012, 12:32

    Member
    xem

    #64 - Posted on 22/8/2012, 12:32
    Xem lý lịch thành viên

    minhnho44

    minhnho44

    Group: Member

    Hiện đang:
    Bài viết : 71
    Points : 73
    Thanks : -2

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :65

    Đăng vào:on 22/8/2012, 12:56

    Member
    xen

    #65 - Posted on 22/8/2012, 12:56
    Xem lý lịch thành viên

    chubexinh

    chubexinh

    Group: Member

    Hiện đang:
    Bài viết : 362
    Points : 449
    Birthday : 13/10/1997
    Thanks : 45

    Member
    Xem lý lịch thành viên http://teennet.forumvi.com

    Member
    Bài viết thứ :66

    Đăng vào:on 22/8/2012, 13:01

    Member
    xem

    #66 - Posted on 22/8/2012, 13:01
    Xem lý lịch thành viên http://teennet.forumvi.com

    dr.fwin

    dr.fwin

    Group: Member

    Hiện đang:
    Bài viết : 594
    Points : 1078
    Thanks : 422
    Đến từ : Hà Nội

    Member
    Xem lý lịch thành viên http://all-4you.tk

    Member
    Bài viết thứ :67

    Đăng vào:on 22/8/2012, 13:24

    Member
    xem nào

    #67 - Posted on 22/8/2012, 13:24
    Xem lý lịch thành viên http://all-4you.tk

    rola fadi

    rola fadi

    Group: Member

    Hiện đang:
    Bài viết : 57
    Points : 59
    Thanks : 4

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :68

    Đăng vào:on 22/8/2012, 13:48

    Member
    thanks

    #68 - Posted on 22/8/2012, 13:48
    Xem lý lịch thành viên

    Administrator

    Administrator

    Group: Administrator

    Hiện đang:
    Bài viết : 722
    Points : 11639
    Birthday : 16/11/1996
    Thanks : 751

    Administrator
    Xem lý lịch thành viên

    Administrator
    Bài viết thứ :69

    Đăng vào:on 22/8/2012, 14:53

    Administrator
    coi tý

    #69 - Posted on 22/8/2012, 14:53

    __________________________________________________________________________________________

    Đọc bài hay thì nhớ like ! thì mới hỗ trợ + share code ngon nhé cười nhăn răng
    I ♥ you, Khách viếng thăm

    Xem lý lịch thành viên

    _Grand_

    _Grand_

    Group: Member

    Hiện đang:
    Bài viết : 519
    Points : 625
    Thanks : 68
    Đến từ : Kingdom of Velder

    Member
    Xem lý lịch thành viên http://fairytailfamily.1talk.net

    Member
    Bài viết thứ :70

    Đăng vào:on 22/8/2012, 14:58

    Member
    Coi nào

    #70 - Posted on 22/8/2012, 14:58
    Xem lý lịch thành viên http://fairytailfamily.1talk.net

    mrminh19991

    mrminh19991

    Group: Member

    Hiện đang:
    Bài viết : 172
    Points : 185
    Thanks : 1

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :71

    Đăng vào:on 23/8/2012, 19:05

    Member
    ád

    #71 - Posted on 23/8/2012, 19:05
    Xem lý lịch thành viên

    anhduyhanh

    anhduyhanh

    Group: Member

    Hiện đang:
    Bài viết : 76
    Points : 77
    Thanks : -3

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :72

    Đăng vào:on 25/8/2012, 14:32

    Member
    Xem Tý Nào

    #72 - Posted on 25/8/2012, 14:32
    Xem lý lịch thành viên

    mrkunvl

    mrkunvl

    Group: Member

    Hiện đang:
    Bài viết : 120
    Points : 147
    Birthday : 02/03/1996
    Thanks : 27

    Member
    Xem lý lịch thành viên http://wjb.com.cn

    Member
    Bài viết thứ :73

    Đăng vào:on 25/8/2012, 14:44

    Member
    xem nào

    #73 - Posted on 25/8/2012, 14:44
    Xem lý lịch thành viên http://wjb.com.cn

    gikizay

    gikizay

    Group: Member

    Hiện đang:
    Bài viết : 74
    Points : 117
    Birthday : 20/10/1995
    Thanks : 39
    Đến từ : King Game

    Member
    Xem lý lịch thành viên http://kinggame.5forum.net/

    Member
    Bài viết thứ :74

    Đăng vào:on 25/8/2012, 16:47

    Member
    ôm một cái

    #74 - Posted on 25/8/2012, 16:47
    Xem lý lịch thành viên http://kinggame.5forum.net/

    phamlegiabao

    phamlegiabao

    Group: Member

    Hiện đang:
    Bài viết : 397
    Points : 422
    Thanks : 11

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :75

    Đăng vào:on 27/8/2012, 16:17

    Member
    ỷ6r56456456

    #75 - Posted on 27/8/2012, 16:17
    Xem lý lịch thành viên

    Sponsored content

    Sponsored content

    Group:
    Hiện đang:

    Bài viết thứ :76

    Đăng vào:Today at 00:24

    #76 - Posted Today at 00:24

    Trang 3 trong tổng số 7 trang Chuyển đến trang : Previous  1, 2, 3, 4, 5, 6, 7  Next

    Đang kiểm tra dữ liệu...

    Bạn phải điền đầy đủ thông tin đăng ký.

    Số ký tự phải từ 3 trở lên
    Hãy chọn tài khoản khác
    Có thể dùng tài khoản này
    Không sử dụng địa chỉ này
    E-mail sẽ được kiểm sau
    Số ký tự phải từ 3 trở lên
    Trùng tên đăng nhập
    Chưa đúng
    Chính xác

    Free forum | © PunBB | Free forum support | Liên hệ | Report an abuse | Create your own blog
    YOUR BANNER HERE
    728x90