[Code] Thanh Menu Bên Trái

Ả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}