[Code] thanh menu bên trái forum

lasperpen đã viết:
tks trước

Code:

 <div class="float-frame">
   <div class="float-buttons" id="question">
      <a rel="nofollow" target="_blank" href="http://www.hotrofm.com/f5-forum"><img alt="Đặt câu hỏi" src="http://meyeucon.org/wp-content/themes/meyeucon/images/question-32.png"></a>
      <span>Hỏi - Đáp</span>
   </div>
   <div class="float-buttons" id="question">
      <a rel="nofollow" target="_blank" href="http://www.hotrofm.com/"><img alt="Trang chủ" src="http://meyeucon.org/wp-content/themes/meyeucon/images/home-32.png"></a>
      <span>www.Hotrofm.com</span>
   </div>   
   <div class="float-buttons" id="contact">
      <a rel="nofollow" href="http://www.hotrofm.com/t802-topic"><img alt="Liên hệ quảng cáo" src="http://meyeucon.org/wp-content/themes/meyeucon/images/email-32.png"></a>
      <span>Liên hệ quảng cáo</span>
   </div>   
   </div>
   <script>
   $(".float-buttons").hover(function(){ 
      $(this).stop().animate({width: '165px' }, 200).css({'z-index' : '10'}); 
   }, function () { 
      $(this).stop().animate({width: '32px' }, 200).css({'z-index' : '1'}); 
   });
   </script>
          </div>
<style>
.float-frame {
left: 0;
position: fixed;
top: 200px;
overflow: hidden;
}
  .float-buttons span {
color: white;
text-shadow: black 1px 1px 0px;
font-weight: bold;
padding: 6px 0 5px 5px;
}
.float-buttons {
height: 32px;
width: 32px;
background: url("http://meyeucon.org/wp-content/themes/meyeucon/images/dim.png") repeat;
margin-bottom: 5px;
overflow: hidden;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
.float-buttons span, .float-buttons a {
float: left;
}
</style>