Home
![[FM] zTip - Tooltip nhẹ và đẹp User_login](https://2img.net/h/i1327.photobucket.com/albums/u661/quanligerv/vanilla/user_login.png)
Đăng nhập![[FM] zTip - Tooltip nhẹ và đẹp User_register](https://2img.net/h/i1327.photobucket.com/albums/u661/quanligerv/vanilla/user_register.png)
Đăng ký
Tham gia : 2012-07-08
Số bài gửi : 121
Điểm : 360
Thanked : 18
Giới tính :
Sinh ngày : 1993-08-10
Đến từ : Nơi Có Gió
Số bài gửi : 121
Điểm : 360
Thanked : 18
Giới tính :
Sinh ngày : 1993-08-10Đến từ : Nơi Có Gió
Trang chủ: http://code.google.com/p/ztip/
Demo: http://jsfiddle.net/creepyzero/tUQfJ/
Tác giả: Zero
Tính năng:
Cài đặt:
Vào Modules >> Javascript codes management >> Tạo mới >> Chọn In the pages
Vào Display >> Css
Hướng dẫn chỉnh sửa:
- extension: dạng ảnh
- xOffset: di chuyển tooltip sang phải # px
- yOffset: di chuyển tooltip lên trên # px
- img_width: chiều dài của ảnh
- img_height: chiều rông của ảnh
Tính năng cho phiên bản sau:
- Hỗ trợ "flip" tooltip khi đụng góc của trang
Demo: http://jsfiddle.net/creepyzero/tUQfJ/
Tác giả: Zero
Tính năng:
- Hỗ trợ html
- Hổ trợ hình ảnh
Cài đặt:
Vào Modules >> Javascript codes management >> Tạo mới >> Chọn In the pages
- Code:
extention = ['jpg', 'jpeg', 'png'];
xOffset = 20;
yOffset = 10;
img_width = '200px';
img_height = '200px';
document.write('<div id="tooltip"></div>');
$.getScript('http://ztip.googlecode.com/files/ztip-newest.min.js');
Vào Display >> Css
- Code:
#tooltip {
position:absolute;
border:1px solid #D5D5D5;
background:#F8F8F8;
padding:4px;
display:none;
border-radius:4px;
box-shadow:0 1px 1px rgba(0,0,0,0.05),0 1px 0 #FFFFFF inset;
z-index: 1004;
}
Hướng dẫn chỉnh sửa:
- extension: dạng ảnh
- xOffset: di chuyển tooltip sang phải # px
- yOffset: di chuyển tooltip lên trên # px
- img_width: chiều dài của ảnh
- img_height: chiều rông của ảnh
Tính năng cho phiên bản sau:
- Hỗ trợ "flip" tooltip khi đụng góc của trang
