Boyshockhn cho xin cái nút home iphone ở wap vs

#menu_box_QQ .fa {
    font-size: 35px;
    line-height: 70px;
}

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

(function(b){b.fn.popmenu=function(d){var a=b.extend({controller:!0,width:"300px",background:"#34495e",focusColor:"#1abc9c",borderRadius:"10px",top:"50",left:"0",iconSize:"100px"},d),g=!0===a.controller?"none":"block";d=b(this);var c=d.children("ul"),f=c.children("li"),h=f.children("a"),e=d.children(".pop_ctrl");return function(){c.css({display:g,position:"absolute","margin-top":-a.top,"margin-left":-a.left,background:a.background,width:a.width,"float":"left",padding:"0","border-radius":a.borderRadius});
f.css({display:"block",color:"#fff","float":"left",width:a.iconSize,height:a.iconSize,"text-align":"center","border-radius":a.borderRadius});h.css({"text-decoration":"none",color:"#fff"});e.hover(function(){e.css("cursor","pointer")},function(){e.css("cursor","default")});e.click(function(a){a.preventDefault();c.show("fast");b(document).mouseup(function(a){c.is(a.target)||0!==c.has(a.target).length||c.hide()})});f.hover(function(){b(this).css({background:a.focusColor,cursor:"pointer"})},function(){b(this).css({background:a.background,
cursor:"default"})})}()}})(jQuery);

$(function(){
  $('#menu_box_QQ').popmenu();
});

<div id="menu_box_QQ">
  <span class="pop_ctrl" style="display: block; position: fixed; top: 50%; right: 5px; cursor: default;"><img src="/files/199623/nut_home.png" height="50" width="50"></span>
  <ul id="demo_ul" style="position: absolute; margin-top: -50px; margin-left: 0px; width: 300px; float: left; padding: 0px; border-radius: 10px; background: rgb(52, 73, 94);">
      <li class="demo_li" style="margin-left: 33%; margin-right: 33%; display: block; color: rgb(255, 255, 255); float: left; width: 100px; height: 100px; text-align: center; border-radius: 10px;"><a href="/" style="text-decoration: none; color: rgb(255, 255, 255);"><div><i class="fa fa-home"></i></div><div>Home</div></a></li>
      <div style="clear:both"></div>
      <li class="demo_li" style="display: block; color: rgb(255, 255, 255); float: left; width: 100px; height: 100px; text-align: center; border-radius: 10px;"><a href="forums.php?" style="text-decoration: none; color: rgb(255, 255, 255);"><div><i class="fa fa-cloud"></i></div><div>Forum</div></a></li>
      <li class="demo_li" style="display: block; color: rgb(255, 255, 255); float: left; width: 100px; height: 100px; text-align: center; border-radius: 10px; cursor: pointer; background: rgb(26, 188, 156);"><a href="user_info.php?id=menu#settings" style="text-decoration: none; color: rgb(255, 255, 255);"><div><i class="fa fa-cog"></i></div><div>Settings</div></a></li>
      <li class="demo_li" style="display: block; color: rgb(255, 255, 255); float: left; width: 100px; height: 100px; text-align: center; border-radius: 10px; cursor: default; background: rgb(52, 73, 94);"><a href="pm.php?" style="text-decoration: none; color: rgb(255, 255, 255);"><div><i class="fa fa-envelope"></i></div><div>Tin nhắn</div></a></li>
      <div style="clear:both"></div>
      <li class="demo_li" style="margin-left: 33%; margin-right: 33%; display: block; color: rgb(255, 255, 255); float: left; width: 100px; height: 100px; text-align: center; border-radius: 10px;"><a href="main.php?id=logout" style="text-decoration: none; color: rgb(255, 255, 255);"><div><i class="fa fa-power-off"></i></div><div>Exit</div></a></li>
    </ul>
</div>

#menu_box {
    display: block;
    position: fixed;
    top: 25%;
    left: 3%;
    z-index: 999;
}