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ì

Xem chủ đề cũ hơn Xem chủ đề mới hơn 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: Excite BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahooSmarking

No Comment.

Xem chủ đề cũ hơn Xem chủ đề mới hơn 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