Demo:
Chèn cuối index_body
[You must be registered and logged in to see this link.]
- Code:
<style type="text/css" id="vbulletin_css"> .menu_float{width:100px;border:1px solid #ccc;background:white;padding:5px;float:left;clear:both;margin:1px;} .menu_float:hover{background: #F3F3F3;border:1px solid black;} .menu_float img{vertical-align:middle;margin-bottom:3px;} </style> <script type="text/javascript"> $(document).ready(function(){ $('#open_quick_menu').click(function(){ $('#quick_menu').show(500); $('#open_quick_menu').fadeOut(100); }); $('#close_quick_menu').click(function(){ $('#quick_menu').fadeOut(100); $('#open_quick_menu').fadeIn(500); }); getCount(); setInterval("getCount()",180000); }); </script> <div id="open_quick_menu" style="position:fixed; top:50px;left:10px;cursor:pointer;"> <div class="menu_float" style="width:33px;"><center><img src=http://i.imgur.com/5vzH7.png border=0 /><br />Menu</center></div> </div> <div id="quick_menu" style="position:fixed; top:50px;left:10px;display:none;"> <a href="http://teenkimdong.biz/h7-upanh" target="_blank"><div class="menu_float"><img src=http://i.imgur.com/9j4jg.png border=0 /> Upload ảnh</div></a> <a href="http://teenkimdong.biz/profile?mode=editprofile&page_profil=preferences" target="_blank"><div class="menu_float"><img src=http://i.imgur.com/xkaAs.png border=0 /> Càiđặt</div></a> <a href="http://www.teenkimdong.biz/privmsg?folder=inbox" target="_blank"><div class="menu_float"><img src=http://i.imgur.com/qwskX.png border=0 />Tin nhắn</div></a> <div class="menu_float" id="close_quick_menu" style="cursor:pointer;"><img src=http://i.imgur.com/lTiFH.png border=0 /> Đóng Menu</div> </div>
Chèn cuối index_body