[Code] Thanh nav đơn giản

  • roseila2310

    Demo




    Khi rê chuột vào:



    Cách làm


    Thanh nav khá đơn giản , ai thích thì xài, có gì thì chỉnh thông số theo ý thích của mình

    ACP->HTML & JAVASCRIPT ->Javascript codes management
    Title * : Tùy thích
    Menu Placement : In all the pages


    Code:
    document.write('<style type="text/css">#menu,#menu a{font-family:Arial,Helvetica,sans-serif;padding:3px}#menu,#menu #bar,#menu a,#menu a:hover{font-weight:700}#menu{position:fixed;top:70px;left:-192px;width:210px;height:450px;font-size:14px;color:#09f;overflow:hidden;border:1px solid #09f;background:#fff}#menu:hover{left:0}#menu a{font-size:12px;line-height:20px;color:#09f;font-style:normal;text-decoration:none}#menu a:hover{color:#09f}#menu #bar{position:absolute;top:0;right:0;width:25px;padding:2px;text-align:center;height:460px;font-size:12px;background:#09f;border-left:1px solid #09f;color:#fff}#menu hr{border:5px solid #fff;border-left:0;color:#09f;height:1px;text-align:center;width:100%;background:#000;}</style>');
    $(function() {
      document.body.insertAdjacentHTML('beforeEnd', '<div id="menu">
    <div id="bar"><br><br><br><br><br><br>T<br>R<br>U<br>Y<br><br><br>C<br>Ậ<br>P<br><br><br>N<br>H<br>A<br>N<br>H</div>
    <a rel="nofollow" href="/">Trang chủ</a><br>
    <a rel="nofollow" href="/memberlist">Thành viên </a><br>
    <hr><span style="color:#0d7cc9">DIỄN&nbsp; ĐÀN</span>
    <br>
    <a rel="nofollow" href="/search">Tìm kiếm</a><br>
    <a rel="nofollow" href="/faq">Trợ&nbsp; giúp</a><br>
    <hr><span style="color:#0d7cc9">ỨNG&nbsp; DỤNG</span>
    <br>
    <a rel="nofollow" href="/#">Game</a><br>
    <a rel="nofollow" href="/#">Up ảnh</a><br>
    </div>');
    });

    Tags: #code

  • Giựt
    2. Re: [Code] Thanh nav đơn giản
    avatar MOD
    Kitkat à Very Happy


    --Chữ ký--
    Diễn đàn Kênh Game 360>> Smile
  • huyvip83
    3. Re: [Code] Thanh nav đơn giản
    avatar MEM LV3
    Nav này ít người dùng cho forum
    Nó chỉ phù hợp cho làm trang Home là hợp lý


    --Chữ ký--
    Thà làm thằng member thường, còn hơn làm thằng Mod bất đắc dĩ

    Ghé thăm forum chơi nào bạn: http://thainguyennews.forumvi.com
  • Giựt
    4. Re: [Code] Thanh nav đơn giản
    avatar MOD
    Thêm code sau vào footer_begin , hoặc footer_end để đỡ bị lỗi js :

    Code:
    <style type="text/css">
      #menu,
      #menu a {
        font-family: Arial, Helvetica, sans-serif;
        padding: 3px
      }
     
      #menu,
      #menu #bar,
      #menu a,
      #menu a:hover {
        font-weight: 700
      }
     
      #menu {
        position: fixed;
        top: 70px;
        left: -192px;
        width: 210px;
        height: 450px;
        font-size: 14px;
        color: #09f;
        overflow: hidden;
        border: 1px solid #09f;
        background: #fff
      }
     
      #menu:hover {
        left: 0
      }
     
      #menu a {
        font-size: 12px;
        line-height: 20px;
        color: #09f;
        font-style: normal;
        text-decoration: none
      }
     
      #menu a:hover {
        color: #09f
      }
     
      #menu #bar {
        position: absolute;
        top: 0;
        right: 0;
        width: 25px;
        padding: 2px;
        text-align: center;
        height: 460px;
        font-size: 12px;
        background: #09f;
        border-left: 1px solid #09f;
        color: #fff
      }
     
      #menu hr {
        border: 5px solid #fff;
        border-left: 0;
        color: #09f;
        height: 1px;
        text-align: center;
        width: 100%;
        background: #000;
      }

    </style>
    <div id="menu">
      <div id="bar">
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>T
        <br>R
        <br>U
        <br>Y
        <br>
        <br>
        <br>C
        <br>Ậ
        <br>P
        <br>
        <br>
        <br>N
        <br>H
        <br>A
        <br>N
        <br>H</div>
      <a rel="nofollow" href="/">Trang chủ</a>
      <br>
      <a rel="nofollow" href="/memberlist">Thành viên </a>
      <br>
      <hr><span style="color:#0d7cc9">DIỄN&nbsp; ĐÀN</span>
      <br>
      <a rel="nofollow" href="/search">Tìm kiếm</a>
      <br>
      <a rel="nofollow" href="/faq">Trợ&nbsp; giúp</a>
      <br>
      <hr><span style="color:#0d7cc9">ỨNG&nbsp; DỤNG</span>
      <br>
      <a rel="nofollow" href="/#">Game</a>
      <br>
      <a rel="nofollow" href="/#">Up ảnh</a>
      <br>
    </div>


    --Chữ ký--
    Diễn đàn Kênh Game 360>> Smile
  • roseila2310
    Ừ thank chú Duat , con Kitkat đây Very Happy

  • Sponsored content

Thông tin tác giả
avatar
MEM
Bài viết :
9
Points :
11
Like :
0
Punbb
An toàn
Xem lý lịch thành viên
Thông tin tác giả
avatar
MOD
Bài viết :
273
Points :
440
Like :
89
Punbb
Cẩn thận
Status :
Giựt đẹp trai
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM LV3
Bài viết :
226
Points :
371
Like :
65
Punbb
Cẩn thận
Xem lý lịch thành viên
Thông tin tác giả
avatar
MOD
Bài viết :
273
Points :
440
Like :
89
Punbb
Cẩn thận
Status :
Giựt đẹp trai
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM
Bài viết :
9
Points :
11
Like :
0
Punbb
An toàn
Xem lý lịch thành viên
Thông tin tác giả
Sponsored content
Bài viết liên quan
    Đang tải dữ liệu

Permissions in this forum:
Bạn không có quyền trả lời bài viết