[Share] thanh menu Kinggame

[akimoto]

Demo: http://4rdk.5forum.net/

CHo vào Header:

Code:

<div style="background:#444 url(http://i77.servimg.com/u/f77/16/55/90/36/bg_rep10.jpg); ">
<ul class="fade" id="mbt-menu">
<li>
<a href="http://4rdk.5forum.net/forum">Diễn Đàn</a>
</li>
<li><a href="#">GAME PRIVATE</a><ul><li><a href="/f15-forum">Gunny Private</a></li>
<li><a href="/f14-forum">Kiếm Thế Private</a></li>
<li><a href="/f180-forum">Đột Kích Private</a></li>
<li><a href="/f16-forum">VLCM Private</a></li>
<li><a href="/f17-forum">Mu Online &amp; JX1 Private</a></li>
<li><a href="/f19-forum">Game Private Khác</a></li></ul></li>

<li><a href="#">CỘNG ĐỒNG GAME</a>
<ul><li><a href="/f28-forum">Đại Sảnh Thảo Luận »</a><ul>
<li><a href="/f29-forum">Thảo Luận Chung</a></li>
<li><a href="/f30-forum">Game Trên ZingMe</a></li>
<li><a href="/f31-forum">Share Gift Code </a></li>
<li><a href="/f32-forum">Share Account Game</a></li></ul></li>
</li>

<li><a href="/f20-forum"> MMORPG &amp; Casual »</a><ul><li><a href="/f21-forum"> Tiếu Ngạo Giang Hồ 3D</a></li>
<li><a href="/f13-forum">Kiếm Thế</a></li><li><a href="/f22-forum"> FIFA Online 3</a></li
><li><a href="/f24-forum">Avatar Star</a></li><li><a href="/f26-forum"> Võ Lâm Truyền Kỳ 3D</a></li>
<li><a href="/f23-forum">Cửu Âm Chân Kinh</a></li><li><a href="/f27-forum">Các Game Online Khác</a></li></ul>
</li>
<li><a href="/f33-forum" title="WebGame Center">E-sport »</a>
<ul><li><a href="/f34-forum">Liên Minh Huyền Thoại</a></li>
<li><a href="/f36-forum">Warcraft - Dota Allstars</a></li>
<li><a href="/f35-forum">[Củ Hành] 3Q</a></li>
<li><a href="/f37-forum">Age of Empires</a></li></ul>
</li>
</ul>
<li><a href="#">THÔNG TIN GIẢI TRÍ</a><ul>
<li><a href="/f56-forum">Bản Tin Tổng Hợp »</a>
<ul><li><a href="/f57-forum">Tin Game Online</a></li>
<li><a href="/f58-forum">Tin Game Offline</a></li>
<li><a href="/f59-forum">Tin Đó Đây</a></li>
<li><a href="/f61-forum">Tin Âm Nhạc</a></li>
<li><a href="/f60-forum">Tin Thể Thao</a></li>
<li><a href="f62-forum">Tin Công Nghệ</a></li>
<li><a href="/f63-forum">Tin Điện Ảnh</a></li>
<li><a href="/f64-forum"> Tin Khác</a></li></ul>
</li>


<li><a href="/f65-forum">CLB - Fanclub »</a>
<ul><li><a href="/f66-forum">ĐôRêMon Chế</a></li>
<li><a href="/f69-forum">Vua Hải Tặc</a></li>
<li><a href="/f67-forum">Troll - Ragecomics</a></li>
<li><a href="/f70-forum">Beelzebub - Vua Quỷ</a></li>
<li><a href="/f68-forum">Ninja Naruto</a></li>
<li><a href="/f71-forum">Chém Gió Hội</a></li>
</ul></li>

<li><a href="/f72-forum">Thư Viện Forum »</a>
<ul><li><a href="/f73-forum">Truyện Tranh</a></li>
<li><a href="/f78-forum">Tự Sáng Tác</a></li>
<li><a href="/f74-forum">Truyện Game Chế</a></li>
<li><a href="/f79-forum">Truyện Ngắn - Dài</a></li>
<li><a href="/f75-forum">Tiểu Thuyết</a></li>
<li><a href="/f80-forum">Fiction &amp; FanFiction</a></li>
<li><a href="/f76-forum">Truyện Ma</a></li>
<li><a href="/f81-forum">Truyện Vui</a></li>
<li><a href="/f77-forum">Văn Thơ - Danh Ngôn</a></li>
<li><a href="/f82-forum">Truyện Tuổi Teen</a></li></ul></li>


<li><a href="/f83-forum">Phim &amp; Nhạc »</a>
<ul><li><a href="/f84-forum">Nhạc Việt Nam</a></li>
<li><a href="/f85-forum">Nhạc Quốc Tế</a></li>
<li><a href="/f86-forum">Nhạc Dance - DJ</a></li>
<li><a href="/f87-forum">Album Chọn Lọc</a></li>
<li><a href="f91-forum">Nhạc Chế</a></li>
<li><a href="/f88-forum">Phim Online</a></li>
<li><a href="/f90-forum">Clip Hài</a></li>
<li><a href="/f89-forum">Hoạt Hình</a></li></ul></li>

<li><a href="f92-forum">Khu Ảnh Đẹp »</a>
<ul><li><a href="/f9-forum">Ảnh Thành Viên</a></li>
<li><a href="/f97-forum">Star - Teen Đẹp</a></li>
<li><a href="/f94-forum">Ảnh Cosplay</a></li>
<li><a href="/f93-forum">Bikini - Sexy</a></li>
<li><a href="/f95-forum">Ảnh Vui</a></li>
<li><a href="/f98-forum">Anime - Avatar</a></li>
<li><a href="/f96-forum">Ảnh Wallpaper</a></li></ul></li></ul></li>

<li><a href="#">GIAO LƯU - KẾT BẠN</a>
<ul><li><a href="/f7-forum">"Tám" Làm Quen</a></li>
<li><a href="/f73-forum">Nhật Ký Online</a></li>
<li><a href="/f11-forum">Box Con Trai</a></li>
<li><a href="/f104-forum">Box Con Gái</a></li>
<li><a href="/f105-forum">Chuyện Trường Lớp</a></li>
<li><a href="/f107-forum">Box Bói Toán</a></li>
<li><a href="/f106-forum">Thế Giới Xe</a></li>
<li><a href="/f9-forum">Mẹo Vặt</a></li></ul></li>

<li><a href="#">THỦ THUẬT</a><ul>
<li><a href="/f38-forum">Thủ Thuật Forum »</a>
<ul><li><a href="/f40-forum">Skin PhpBB3 </a></li>
<li><a href="/f41-forum"> Skins Invision</a></li>
<li><a href="/f42-forum"> Skin PunBB</a></li>
<li><a href="/f39-forum">Skin PhpBB2</a></li>
<li><a href="/f43-forum">HTML Page</a></li>
<li><a href="/f44-forum">Yêu Cầu RIP Skin</a></li></ul>
</li>

<ul><li><a href="/f45-forum">Thủ Thuật Blog »</a>
<ul><li><a href="/f46-forum">Thủ Thuật</a></li>
<li><a href="/f47-forum">Kho Theme</a></li>
<li><a href="/f48-forum">Thủ Thuật FaceBook</a></li></ul></li>
<li><a href="/f49-forum">Thủ Thuật Khác</a></li></ul>

<li><a href="#">Phần Mềm Tiện Ích »</a>
<ul><li><a href="/f51-forum">Thủ Thuật Điện Thoại</a></li>
<li><a href="/f52-forum">Thủ Thuật Computer</a></li>
<li><a href="/f53-forum">Thủ Thuật Internet</a></li>
<li><a href="/f55-forum">Lập Trình - Đồ Họa</a></li>
<li><a href="/f54-forum">Software For PC</a></li></ul></li></ul></li>

<li><a href="#">MUA BÁN</a>
<ul><li><a href="#">Mua Bán VIP</a></li>
<li><a href="/f99-forum">Chợ Account Game</a></li>
<li><a href="/f101-forum">Đăng Mua</a></li>
<li><a href="/f102-forum">Đăng Bán</a></li>
<li><a href="/f103-forum">Quảng Cáo</a></li></ul></li></ul></div>

Cho vào css:

Code:

   #mbt-menu a {
    color: #F5FFFA;
    float: left;
    font-family: Arial,Helvetica;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    padding: 12px 25px;
    text-decoration: none;
    text-shadow: 0px 0px 0px #111, 0px 0px 0.5em #306EFF, 0px 0px 0.4em #306EFF;
    text-transform: uppercase;
 margin: 0px;
    padding: 0px;
 list-style: none outside none;
}
#mbt-menu,#mbt-menu ul{list-style:none;margin:-10;padding:0}
#mbt-menu{background:#444 url(http://i77.servimg.com/u/f77/16/55/90/36/bg_rep10.jpg);border:1.5px solid #000;border-radius:5px;margin-left:195;position:fixed;width:949px!important;z-index:996;zoom:1}
#mbt-menu:after,#mbt-menu:before{content:"";display:table}#mbt-menu:after{clear:both}
#mbt-menu li{-moz-box-shadow:1px 0 0 #444;-webkit-box-shadow:1px 0 0 #444;border-right:1px solid #222;box-shadow:1px 0 0 #444;float:left;position:relative}#mbt-menu a{color:#f5fffa;float:left;font-family:Arial,Helvetica;font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;padding:12px 25px;text-decoration:none;text-shadow:0 0 0 #111,0 0 .5em #306EFF,0 0 .4em #306EFF;text-transform:uppercase}#mbt-menu li:hover > a{-moz-border-radius:4px;-moz-box-shadow:inset 0 0 10px #EEE;-webkit-border-radius:4px;-webkit-box-shadow:inset 0 0 10px #EEE;border-image:initial;border-radius:4px;box-shadow:inset 0 0 10px #EEE;color:#f5fffa;text-shadow:0 0 0 #111,0 0 .5em Orange,0 0 .4em Orange}*html #mbt-menu li a:hover{color:#fafafa}#mbt-menu ul{-moz-border-radius:3px;-moz-box-shadow:0 -1px rgba(255,255,255,.3);-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-border-radius:3px;-webkit-box-shadow:0 -1px 0 rgba(255,255,255,.3);-webkit-transition:all .2s ease-in-out;_margin:0;background:linear-gradient(#444,#111);border-radius:3px;box-shadow:0 -1px 0 rgba(255,255,255,.3);left:0;margin:20px 0 0;opacity:0;position:absolute;top:38px;transition:all .2s ease-in-out;visibility:hidden;z-index:999}#mbt-menu li:hover > ul{margin:0;opacity:1;visibility:visible}#mbt-menu ul ul{-moz-box-shadow:-1px 0 0 rgba(255,255,255,.3);-webkit-box-shadow:-1px 0 0 rgba(255,255,255,.3);_margin:0;box-shadow:-1px 0 0 rgba(255,255,255,.3);left:150px;margin:0 0 0 20px;top:0}#mbt-menu ul li{-moz-box-shadow:0 1px 0 #111,0 2px 0 #666;-webkit-box-shadow:0 1px 0 #111,0 2px 0 #666;_line-height:0;border:0;box-shadow:0 1px 0 #111,0 2px 0 #666;display:block;float:none}#mbt-menu ul li:last-child{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}#mbt-menu ul a{_height:10px;display:block;float:none;padding:10px;text-transform:none;white-space:nowrap;width:130px}#mbt-menu ul a:hover{background-color:#0186ba;background-image:linear-gradient(#04acec,#0186ba)}#mbt-menu ul li:first-child > a{-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}#mbt-menu ul li:first-child > a:after{border-bottom:6px solid #444;border-left:6px solid transparent;border-right:6px solid transparent;content:'';left:40px;position:absolute;top:-6px}#mbt-menu ul ul li:first-child a:after{border-bottom:6px solid transparent;border-left:0;border-right:6px solid #3b3b3b;border-top:6px solid transparent;left:-6px;margin-top:-6px;top:50%}#mbt-menu ul li:first-child a:hover:after{border-bottom-color:#04acec}#mbt-menu ul ul li:first-child a:hover:after{border-bottom-color:transparent;border-right-color:#0299d3}#mbt-menu ul li:last-child > a{-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}a[href="/u3698"] strong{color:#ffd700}a[href="/u50384"] strong{color:#fff}a[href="/u88888"] strong{color:#fff}a[href="/u42527"] strong{color:#fff}.pun strong.pagination a{-khtml-border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;background-color:#fff;border:1px solid #999;border-radius:2px;color:#333;font-size:11px;font-weight:400;line-height:1.5em;margin:0 1px;padding:0 3px 0 4px}strong.pagination span a:hover{border-color:#407294;text-decoration:none!important}strong.pagination span.page-sep{display:none}strong.pagination span{color:#333;font-size:11px;padding:5px}.pun input[type=submit],input.button2:hover,input[type=button],input[type=reset]{background:#FFF url(http://i38.servimg.com/u/f38/16/18/15/10/untitl27.png)repeat-x bottom left;border:1px solid #999;box-shadow:0 1px 0 #dedade;color:#000;cursor:pointer;font-family:Tahoma!important;font-size:11px!important;font-style:normal!important;font-variant:normal!important;font-weight:bold!important;line-height:!important;padding:3px 5px!important}.pun input[type=text],input.button2,select{padding:3px 5px}.pun input.mainoption,.pun input[name=post],.pun input[name=submit]{background:#f10 url(http://i38.servimg.com/u/f38/16/18/15/10/untitl26.png)repeat-x top left;border:1px solid #c20000;box-shadow:0 1px 0 #dedade;color:#fff}.pun input[type=reset]:active,input.button2:active,input[type=submit]:active{background:#dedede;box-shadow:inset 0 1px 1px #b0b0b0}.pun input[name=submit]:active,input.mainoption:active,input[name=post]:active{background:#de0d0d;box-shadow:inset 0 2px 2px #c90000}.prefix{background:#008287;border-radius:2px;color:#FFF;display:inline-block;height:18px;line-height:18px;padding:0 4px}.prefix.gunny-private{background:#16499a}.prefix.kiem-the-private{background:#60a917}.prefix.chu-y{background:#fa6800}.prefix.thong-bao{background:#f02}.prefix.sticky{background:#00ff2f}form#quick_reply textarea#text_editor_textarea{height:200px!important;width:826px!important}#content-container div#container{float:none}#content-container div#main{margin-bottom:0}*+ html #content-container div#main{margin-left:0;margin-right:0}#content-container div#left{float:none;width:100%}#left{margin:30px 0}#left,#left *,#left li:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#left a{display:block;height:inherit;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;width:75%}#left td{border-width:0 1px;vertical-align:top;width:25%}#left .double{border-left:0;width:50%}#left li{border-bottom:1px dashed #CCC;counter-increment:Zzindex;height:22px;line-height:24px;list-style-type:none;position:relative;width:100%}#left li:before{background:#98D0FF;border-radius:2px;color:#FFF;content:counter(Zzindex);display:block;font-size:11px;height:16px;left:-23px;line-height:16px;position:absolute;text-align:center;top:5px;width:18px}#left li:after{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);background:#98D0FF;content:" ";display:block;height:6px;left:-8px;position:absolute;top:10px;transform:rotate(45deg);width:6px}#left li:nth-child(1):after,#left li:nth-child(1):before{background:red}#left li:nth-child(2):after,#left li:nth-child(2):before{background:#d47a2a}#left li:nth-child(3):after,#left li:nth-child(3):before{background:#b9ba45}#left li:nth-child(4):after,#left li:nth-child(4):before{background:#aad655}#left li:nth-child(5):after,#left li:nth-child(5):before{background:#55e7aa}#active_topics a,#viewed_topics a{width:70%}#left #recent_topics a{width:80%}#left .lastRight{left:auto;overflow:hidden;position:absolute;right:0;text-align:right;text-overflow:ellipsis;top:0;white-space:nowrap}#left th,#left ul{margin:0;padding-left:34px;padding-right:10px}#left ul{height:164px}#left .changeLast{background:inherit;border:0 none!important;margin-bottom:-1px;margin-top:0!important;padding:0!important}#left .changeLast,#left th h2{color:#777}#left th{vertical-align:middle;width:25%}th.topicLast{border-top:1px solid #F3F3F3!important}th.double{text-align:left}#recent_topics li{margin:.5px 0}#left #recent_topics .lastRight{width:20%!important}#active_starters,#users_month,.half li:nth-child(10),.half li:nth-child(9){display:none}#tooltip{background-color:#FFF;border:.5px solid #333;color:#131313;max-width:550px;padding:10px}
 .fade {
 display:inline-block;
 }

RIP by me!  >< >< >< ><

[Chúa Tể Địa Ngục]

vui lòng xem lại code, nhìn thấy chưa add đã biết 100% là lỗi ròi!

[BTV2]

CSS mà có

Code:

[color=#858585][font=Arial][/font][/color]

là thế nào nhỉ?

[akimoto]

lỗi ngoài ý muốn đã edit lại rồi,tks ^^

[akimoto]

CSS mà có

Code:

[color=#858585][font=Arial][/font][/color]

là thế nào nhỉ?

cái đấy Đâu phải ở css, ở Overall_header mà

[anhoang_qn]

CSS mà có

Code:

[color=#858585][font=Arial][/font][/color]

là thế nào nhỉ?

cái đấy Đâu phải ở css, ở Overall_header mà

cái này cho punbb hả bạn, tại mình thấy nó là, temp của punbb có xài được bbcode hay không
mình không rõ lắm, bạn giải thích thêm

[Méo Hắc Hắc]

Thứ nhất là trong temp không dùng bbcode được
Thứ 2 là nhìn cái nav trông rất là quen
Có thể là trong skin kinggame đã có trước rồi chăng

[BTV2]

CSS mà có

Code:

[color=#858585][font=Arial][/font][/color]

là thế nào nhỉ?

cái đấy Đâu phải ở css, ở Overall_header mà

Lúc nãy CSS có đó cha. thớt edit Bài lại nên mất rồi  

mà trong Overall_header có cái này chi zậy trời? có dính dáng gì tới cái NAV đâu?

Code:

[color=#858585][font=Arial][/font][/color]

[Sponsored content]