[Code] @ Thanh Menu Bên Trái

  • kun.iam.7
    1. [Code] @ Thanh Menu Bên Trái
    avatar MEM LV1
    Ảnh :



    Demon onl : http://dnksv1.forumvi.com/

    Chèn Vào overall_header :  
    Code:
    <div id="left-bar" style="display: block;">
      <div class="content-bar">
        <nav>
        
          <span id="group-frumlink">
            <div class="pro5user">
        
            </div>
            
            <a href="/" title="" alt="">Truyện Tranh  </a>
            <a href="/" title="" alt="">Dan Sách  </a>
          <a href="/" title="" alt="">Thể Loại  </a>
          <a href="/" title="" alt="">DownLoad Manga  </a>
          <a href="/" title="" alt="">DowLoad Anime  </a>
          <a href="/" title="" alt="">Anime Online  </a>
          <a href="/" title="" alt="">Window Theme  </a>
          <a href="/" title="" alt="">Music </a>
          <a href="/" title="" alt="">Otaku Land </a>
          </span>
        </nav>
      </div>
    </div>


    CSS :
    Code:

    /*Cột menu trái*/
    #left-bar{z-index:999;/*background-size:20px;*/background:#000 url(http://i58.servimg.com/u/f58/18/50/03/43/arrow_11.png) no-repeat top right;position:fixed;top:0;left:-160;width:180px;height:100%;transition:all 1s ease}
    #left-bar:hover{left:0;background:#00 url(http://i58.servimg.com/u/f58/18/50/03/43/arrow_11.png) no-repeat top right;transition:all 1s ease}
    #left-bar:hover .content-bar{background:#000;transition:all 1s ease;width:150px}
    .content-bar{overflow:hidden;background:#000;width:0;height:100%;transition:all 1s ease}
    nav a{display:block;line-height:35px;text-align:center;color:#fff;font-weight:bold}
    #group-frumlink a{background:transparent;transition:all 1s ease;color:#fff;overflow:hidden}
    .container_IE{padding-left:20px}




    --Chữ ký--
    @  2018 -  kun.iam.7
  • Admin
    2. Re: [Code] @ Thanh Menu Bên Trái
    avatar ACP
    hiệu ứng được nhưng hơi giật, màu hơi tối, chỉ chuột vào hơi rung khó nhìn, :)


    --Chữ ký--
    www.danganhviet.com


    • - Tránh đặt tiêu đề các dạng như: Giúp em với, Code này hay nè, Vào xem nè anh em,...
      - Đăng bài phải có ảnh demo hoặc viết mô tả rõ ràng, code phải bỏ vào khung code
      - Không comment vô nghĩa, không spam, không chữi tục, không post link độc hại, không hide bài viết
      - Hạn chế viết tắt, viết chữ màu, chữ to, chữ in đậm
Thông tin tác giả
avatar
MEM LV1
Bài viết :
10
Points :
24
Like :
2
Punbb
Status :
Hellooooooooo
Xem lý lịch thành viên http://dohoa-vn.ace.st
Thông tin tác giả
avatar
ACP
Bài viết :
310
Points :
604
Like :
103
Punbb
Quản trị
Status :
test
Xem lý lịch thành viên http://hotrofm.forumvi.com
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