Xin code menu touch hamburger demo isharecode

<div style="clear:both;"></div></div><script type="text/javascript" src="http://tienbo.mywap.lt/files/46329/tienbo.js.css"></script>
<script type="text/javascript" src="/files/46329/sideBar.js"></script>
<div class="navbar" style="left: 0px;"> <a class="toplink menuOpen selected left"> <span class="menu-icon">
<script type="text/javascript"> var sbkey='dGllbmJvLm15d2FwLmx0';$(document).ready(function() {bar_title='©©-Lemon'; sideBar='guestbook,galery,library,shop,forum,stats,chat,dating,news',lang['guestbook']='Phòng chat',lang['chat']='Vui chơi',lang['news']='Kết hôn',mlink1=['/main.php?f=2878999','©©-Lemon Ask']}); </script>
<script> var user={uid:'{{user_id}}',id:'[nick]',msg:'[pm_new]', all_msg:'[pm_all]',nick:'[nick]',ava_url:'/view_foto.php?2=0&amp;amp;type=3&amp;amp;preset_size=5&amp;amp;3=1&amp;amp;i=46329&amp;amp;m=5&amp;amp;ic=3&amp;amp;crop=1'};var loged= 1;var ninv; </script> </span></a>
<a href="/main.php?" class="toplink right"> <span class="home-icon"></span></a>
<div class="menulol"> <a href="/main.php?" class="toplink1 link1 leftlol"><span class="lol1-icon1"></span> </a>
<style> a[href='pm.php'],.pmlol0{display:none} </style>
<a href="/pm.php" class="toplink1 link1 leftlol"> <span class="lol1-icon2"><b style="position: relative;
font-size: 13px;top: -2px;left: 12px;background: none repeat scroll 0% 0% #F00;padding: 1px 5px;border-radius: 3px;color:#fff;border-radius: 50%;" class="pmlol0">[friends_online]</b></span> </a>
<a href="/friends.php?ses=z,SQrJtXUrAXskPFzQeiNTEcjie&amp;id=invites" class="toplink1 link1 leftlol"> <span class="lol1-icon4"><script> document.write(lol); </script>
</span> </a>
<a href="main.php?f=3508223" class="toplink1 link1 leftlol"><span class="lol1-icon3"><b style="position: relative;
font-size: 13px;top: -2px;left: 12px;background: none repeat scroll 0% 0% #F00;padding: 1px 5px;border-radius: 3px;color:#fff;border-radius: 50%;">[online]</b></span> </a>
<div class="cl"></div></div></div>
<div style="padding-top:90px;"></div> <style type="text/css">
.leftlol {
font-size: 15px;
float: left;
}
   .left{float:left}.right{float:right}
.selected,.toplink:hover{
background:#000000;}
.link1:hover{
background:#D3D8E8;}
.menulol {background-color: #fff;
border-top: 1px solid #BFC4CB;
border-bottom: 1px solid #B4B9C1;
text-shadow: 0px 1px #E0E5EA;
padding: 1px 1px;
color: #24292E;
     margin: 44px 0px;text-align: center;
}
.navbar {
  background: url('http://tienbo.mywap.lt/files/46329/2014-08-06 21.45.59-1.png') repeat-x scroll 0px -1% transparent;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    max-height: 85px;
    height: 85px;
    position: fixed;
    top: 0px;
    left: 0px;
position: fixed !important;
}
.toplink{width:44px;border-right:1px solid #3b5998;border-left:1px solid #3b5998;height:43px;margin: 1px -1px;}
.toplink1{width:25%;height:43px;margin: 0px 0px;}
.logo-icon{background:url(" http://tienbo.mywap.lt/files/46329/logotienbovip2.png")no-repeat;width:115px;height:40px;display:inline-block;margin:0px 1px}
.menu-icon{padding: 10px;
display: block;
float: left;
height: 36px;
width: 36px;
background: url('http://tienbo.mywap.lt/files/46329/menu_icon.png') -2px -27px no-repeat;
margin: 3px 3px;
box-sizing: border-box;
cursor: pointer; }
.home-icon{background:url("http://tienbo.mywap.lt/files/46329/sprite-1.png") no-repeat scroll 0 -5px transparent;display:block;height:25px;margin:9px 12px 11px 9px; width:29px}
 #sideBar{width:204px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background-color:#31394A;position:absolute;overflow:auto;to p:0;left:0;z-index:1;display:none} #sideBar>.sideBarHead{background:-webkit-linear-gradient(#434B5C, #394152);background:linear-gradient(#434B5C, #394152);background:-o-linear-gradient(#434B5C, #394152);background:-moz-linear-gradient(#434B5C, #394152);border-bottom:1px solid #242A37;border-top:none;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .08);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .08);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .08);color:#7A8292;padding-left:10px;text-shadow:0 1px 0 rgba(0, 0, 0, .6);font-weight:bold;font-size:1em;padding:5px} h1,h2,h3,h4,h5,h6{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0px;-webkit-margin-end:0px} #sideBar>.sideBarList{list-style-type:none;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0px;-webkit-margin-end:0;-webkit-padding-start:0;margin:0;padding:0}
#sideBar>.sideBarList>.sideBarItem{border-bottom:1px solid #242A37;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .08);background-color:#31394A}
 #sideBar>.sideBarList>.sideBarItem a{color:#C4CCDA;font-weight:bold;display:block;padding:15px 10px;text-decoration:none}
 #sideBar>.sideBarList>.sideBarItem a:hover{background-color:#202631} #sideBar>.sideBarList>.user_info_li{padding:2px 3px}
#sideBar>.sideBarList>.user_info_li a{padding:0;margin-left:10px} #sideBar>.sideBarList>.user_info_li div{width:140px;} #sideBar>.sideBarList>.user_info_li>.ava{padding :0;margin:4px} img.ava{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} img.ava2{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%} img.ava30{width:30px} img.ava40{width:40px}.img{max-width:100%}
   .fl{float:left}.fr{float:right}.cl{clear:both}.ml{margin-left:5px}.mr{margin-right:5px}.mt{margin-top:5px}.mb{margin-bottom:5px}
.lol1-icon1{background:url(http://tienbo.mywap.lt/files/46329/hinh1.png) no-repeat;width:40px;height:40px;display:inline-block;margin:4px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
.lol1-icon2{background:url(http://tienbo.mywap.lt/files/46329/hinh2.png) no-repeat;width:40px;height:40px;display:inline-block;margin:4px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
.lol1-icon3{background:url(http://tienbo.mywap.lt/files/46329/hinh3.png) no-repeat;width:40px;height:40px;display:inline-block;margin:4px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
.lol1-icon4{background:url(http://tienbo.mywap.lt/files/46329/hinh4.png) no-repeat;width:40px;height:40px;display:inline-block;margin:4px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }.anroikb{display:none}
.anroitn{display:none}
</style>
<style type="text/css">
body{
text-align: center;
font-family: Tahoma, Arial;
}
</style>