You are not connected. Please login or register

 » Forumotion » Share Code » Css » share mod tooltip chứa dc bất kỳ thứ gì

share mod tooltip chứa dc bất kỳ thứ gì

Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

๖ۣۜTom

avatar
Admintrator
Admintrator
share mod tooltip chứa dc bất kỳ thứ gì như hình ảnh + js + css + tá lả lên nói chung là chứa dc code html ! hàng xịn đó nha
demo : [You must be registered and logged in to see this link.]
css
Code:
/*  */
#tooltip .tiplFMvi {
border-bottom:1.5px dashed;
padding-bottom:5px;
margin-bottom:5px;
}

#tooltip{
position:absolute;
border:5px solid #333;
opacity: 0.8;
background:#FFFFFF;
padding:2px 5px;
color:#000; 
border-radius:10px;
box-shadow:0 0 20px #222;
text-shadow: 1px 1px 2px #FFFFFF;
font-weight:bold;
height:auto;
width:auto;
padding: 8px 13px; }
#tooltip {
      z-index: 999; /*Vị trĂ­, trạng thĂ¡i mẕc định*/
      left: -300px; top:0px;
      visibility: hidden;
      position: absolute;
      padding: 15px;
      text-align:left;

      opacity: 0.8;
      filter: alpha(opacity=80);
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
   
      width: auto; /* Chiều rá»™ng tối Ä‘a */
      max-width: 340px;
      width:expression(document.body.clientWidth > 340? "340px": "auto");
  -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
  transition:all 0.3s ease;
    }

chèn cái này vào cuối footer_end :
Code:
<script src="http://illiweb.com/rsc/13/frm/admin/admin.js" type="text/javascript"></script>
sử dụng tooltip theo cách sau
Code:
<a class="gensmall" onmouseover="show_tooltip(this,this.getElementsByTagName('div')[0].innerHTML,'tên tooltip');">cái cần thêm tooltip ( vd trong cái demo là cửa hàng ăn uống )<div style="display:none">nội dung tooltip</div></a>
enjoy ! cái này mấy ng cần lắm :> :>



[center]Yahoo Hỗ Trợ [You must be registered and logged in to see this link.]
Chào Mừng Khách viếng thăm đã đến với 4rum
:000001:
Xem lý lịch thành viên http://www.vn-answer.tk
Share this post on: diggdeliciousredditstumbleuponslashdotyahoogooglelive

No Comment.

Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết