[Thắc mắc] Thêm ảnh vào tooltip

by **jack lagger** 12/2/2012, 2:45 pm

cho mình hỏi là làm thế nào để cho được ảnh vào toottip ko vậy?

by **miamor** 12/2/2012, 5:39 pm

Bạn sử dụng jquery sticky tooltip hoặc loại tooltip như của bác Hùng. Xem lại topic này .../t21789-topic Vui

by **jack lagger** 12/2/2012, 5:51 pm

mình muốn thêm ảnh vô toottip giống như khi rê chuột đến nút vote của c3z ý////
có icon mặt cười bên dưới đó

by **hunghsmn** 12/2/2012, 7:53 pm

Tooltip thì có có nhiều kiểu mình cùng dùng 2 kiểu. Còn muốn thêm ảnh , thêm vào vị trí nào thì thêm vô thôi. Ví dụ kiểu sau đây của mình thêm ảnh như thế này:

Code:: <img src=https://lh4.googleusercontent.com/-3RzBTW9gMq4/TzenY82ZkHI/AAAAAAAAEB8/dpuAwtXxlcU/s200/DSC02786.JPG border=0 align=left width=120 HSPACE=3 VSPACE =3>

Nhìn link trên đây chẳng giống ai , không có một dấu nháy đơn nháy kép nào hết, nhưng không sao các trình duyệt đều hiểu.
Bây giờ bạn dán code sau vào một trang html mới rồi xem thử:

Code:: <html> <head><meta http-equiv="Content-Type"content="text/html; charset=UTF-8"> <title>Ví dụ tooltip</title></head> <body><script src="http://trekhuyettat.sosforum.net/h195-page"></script><a href="http://trekhuyettat.sosforum.net/t2744-topic#11489" target="_blank" onmouseover="Tip('<img src=https://lh4.googleusercontent.com/-3RzBTW9gMq4/TzenY82ZkHI/AAAAAAAAEB8/dpuAwtXxlcU/s200/DSC02786.JPG border=0 align=left width=120 HSPACE=3 VSPACE =3><font color=red><b> Kế hoạch chương trình <br>Thắp sáng niềm hy vọng</b></font><br><br>Ngày 18/4 hàng năm được chọn là ngày Người khuyết tật Việt Nam. Đây là một dịp để tất cả mọi người chúng ta thể hiện tình yêu thương của mình bằng những hành động thực tế, thăm hỏi, động viên, cảm thông chia sẻ, giúp đỡ những người khuyết tật kém may mắn trong xã hội để họ thêm niềm tin , thêm bản lĩnh và nghị lực đề vượt qua những trở ngại để vui sống và hòa nhập với cộng đồng <br><br>Nhân ngày 18/4/2012 - Ngày Người khuyết tật Việt Nam, DIỄN ĐÀN TÌNH THƯƠNG dự định sẽ tổ chức một chương trình mang tên Thắp sắng niềm hy vọng vào sáng ngày 15/4/2012 tại Trung tâm bảo trợ xã hội tỉnh khánh hòa. Chương trình cũng nhằm tạo cơ hội để cộng đồng tìm hiểu thêm những khó khăn, thiệt thòi của người khuyết tật, nhằm phát đi bức thông điệp kêu gọi những tấm lòng nhân ái sẵn sàng sát cánh và giúp đở người khuyết tật nhiều hơn nữa.....')" onmouseout="UnTip()"><font color="#0000A0"><blink><font color = red><b> »</b></font></blink>Kế hoạch chương trình "Thắp sáng niềm hy vọng"</font></a> <br></body></html>

by **baoden.mango** 12/2/2012, 9:43 pm

có nặng k nhỉ

by **quagiangsinh30** 13/8/2012, 3:38 pm

Code:
</td></tr></table></td> <td style="width: 0px"></td> <td valign="top" style="border: 1px solid #9DB3C5; padding: 1px"> <style type="text/css"> th,td,p { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif } /* Style cho menu tabs */div.TabView div.Tabs{height: 32px; /* chiều cao của tab menu */overflow: hidden;}div.TabView div.Tabs: hover,{height: 32px; /* chiều cao của tab menu */overflow: hidden;}div.TabView div.Tabs a , div.TabView div.Tabs a:hover {float: left;display: block;background-color:#;text-align: center;height: 29px;padding: 6px;vertical-align: middle;border:1px solid #b4d0f3;border-top: 0px;border-left: 0px;border-bottom: 0px; /* đường viền quanh tabs menu */text-decoration: none!important;font-family: Tahoma;font-size: 11px;color: #000000;}.hotrott{background-color: #ffffff;border: 0px solid #ded7d7;}.nen{background-color: #ffffff;border: 1px solid #ded7d7;}div.TabView div.Tabs a.Active{background-color: #ffffff; /* màu nền tab menu active */color: #000000;border:1px solid #b4d0f3;border-top: 0px;border-left: 0px;border-bottom: 0px; padding: 6px;height: 29px;font-size: 11px;font-weight: bold;}/* Style cho phần text nội dung của mỗi tab */div.TabView {clear: both;border: 0px solid #ffffff;overflow: hidden; /* giá trị là auto nếu muốn hiện scroll bar */}div.TabView div.Pages div.Page{height: 100%;padding: 0px;border: 0px solid #b4d0f3;overflow: hidden; /* giá trị là auto nếu muốn hiện scroll bar */}</style><script type="text/javascript" src="http://untip-js.googlecode.com/files/Tabview.js"></script><div id="TabView" class="TabView" style="padding: 0px;">  <div width="100%" class="Tabs"><a class="Active" href="javascript:tabview_switch('TabView', 1);">Bài viết mới</a><a>Topic trả lời nhiều nhất</a><a>Topics được xem nhiều nhất</a><a>Thống kê</a><a>Forumotion</a> <ul class="tabs" id="vietvbb_topstats_t"> <li style="border-right: 0px; display: none;" id="vietvbb_topstats_t_loading"></li> </ul> </div>  <div style="height:420px; width:100%" class="Pages"> <div class="Page" style="padding: 0px; height: 300px; display: block;">  <table class="tborder" style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr valign="top"> <td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr valign="top"> <td style="border-top: 0px none; padding: 0px; background: transparent url(http://i1122.photobucket.com/albums/l525/liger1723/linhtinh/list50.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"><img src="http://2img.net/i/fa/empty.gif" width="24" border="0"></td> <td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://i61.servimg.com/u/f61/15/61/17/20/listbg13.gif">   <table border="0" class="lbb" cellpadding="0" cellspacing="0" width="100%"> <tr valign="bottom"> <td style="height: 20px" width="74%"><a onmouseover="showtip('<font color=red> <center>BẢNG THÔNG TIN </center></font> <h3><img src=http://r26.imgfast.net/users/3115/25/32/47/avatars/8147-24.jpg style=margin-right: 10px; float: left; width: 100px; height: 100px;/><td><b><font color=red>Tiêu đề:</font> <font color=#FF66FF>{classical_row.recent_topic_row.L_TITLE}</font></b><br/></h3><p><b><font color=red>Thời gian:</font> <font color=#00FF99>{classical_row.recent_topic_row.S_POSTTIME}</font></b></td> </p> ');" onmouseout="hidetip();" href="{classical_row.recent_topic_row.U_TITLE}"><font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.L_TITLE}</font></a></td> <td style="height: 20px" width="26%" align="right"><a onmouseover="showtip('<b><font color=#131eed>Click để xem profile của thành viên này !</font></b>');" onmouseout="hidetip();" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}"> {classical_row.recent_topic_row.switch_poster.S_POSTER}</a> </td></tr></table>   </td></tr></table></td></tr></tbody></table> <script type="text/javascript"> jQuery(".lbb:contains('♥')").remove(); jQuery(".lbb:contains('»')").remove(); </script>  </div> <div class="Page" style="padding: 0px; height: 304px; display: block;"> <table class="tborder" style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr> <td> <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> </table></td></tr></tbody> <tbody> <tr>