admin [—»Sói™~]-[Ðại Ma Ðầu]
Giới tính : Chinese zodiac : Bài viết : 1042 Xu : 158 Thanked : 650 Sinh Nhật : 20/09/1990 Tham Gia : 15/07/2011 Tuổi : 33 Yahoo : Hà Nội Nghề Nghiệp : Giáo Sư Status : hgfggggggggggggg
Character sheet Tài Sản:
| Tiêu đề: [Code] Hiện Popup phóng to khi rê vào ảnh Sun Nov 06, 2011 8:39 am | |
| Hôm qua đi dạo các diễn đàn mình mới tìm được code hay lắm..rất hữu ích cho diễn đàn.. Do s4u chưa có phần CSS của code này nên không thể demo tại diễn đàn... Em demo ở link gốc: Demo: [You must be registered and logged in to see this link.] - Code:
-
.ienlarger a:hover span { display:block; top: 50px; /* means the pop-up's top is 50px away from thumb's top */ left: 90px; /* means the pop-up's left is 90px far from the thumb's left */ z-index: 100; /* If you want the pop-up open to the left of thumb, remove the left: 90px; and add right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */
/* If you want the pop-up open above the thumb, remove the top: 50px; and add bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */
/* add cursor:default; to this rule to disable the hand cursor only for the large image */ }
.resize_thumb { width: 150px; /* enter desired thumb width here */ height : auto; }
Chèn vào nhưng nơi cho phép html. - Code:
-
<div class="ienlarger"><a href="http://cntt5a.forums1.net/forum.htm"><img src="http://i226.photobucket.com/albums/dd123/anhtienbs/tienbstk.jpg" alt="thumb" class="resize_thumb" />><span> <img src="http://i226.photobucket.com/albums/dd123/anhtienbs/tienbstk.jpg" alt="large />
Diễn đàn CNTT 5A</span></a></div
| |
|