Admin Lãnh Chúa
Giới tính tớ là : Posts : 221 Points : 548 Thanked : 14 Tuổi : 30 Đến từ : wWw.Kiddy9.cO.cC Blast : Love Kiddy9
| Tiêu đề: [Mod] Hiện Tooltip khi rê chuột lên đối tượng 23/11/2010, 4:37 am | |
| Demo: [You must be registered and logged in to see this link.]- B1: Chèn đoạn sau vào cuối overall_footer
- Code:
-
<script type='text/javascript' src='http://www.www.kiddy9.co.cc/html-h17.htm'></script> - B2: Chèn đoạn sau vào cuối CSS
- Code:
-
#dhtmlpointer, #dhtmltooltip { z-index: 999; left: -300px; top:0px; visibility: hidden; position: absolute; } #dhtmltooltip { border: #666 2.4px solid; -moz-opacity: 0.8; /* lam mo tooltip FF */ opacity: 0.8; /* lam mo tooltip Opera */ filter: alpha(opacity=80); /* lam mo tooltip IE */ -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 10px; font-size: 10pt; font-family: Arial; background-color: white; width: auto; max-width: 340px; /* chieu rong toi da cho FF */ width:expression( document.body.clientWidth > 340? "340px": "auto" ); /* chieu rong toi da cho IE */ text-align:left; }
- Code:
-
<span onmouseover="showtip('Nội dung trong tooltip');" onmouseout="hidetip();">Vùng rê chuột vào hiện tooltip</span> VD: Dùng tooltip cho lastest topic ngang: - Tìm trong Mod_recent_topic đoạn sau :
- Code:
-
<a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE} </a> - Code:
-
<a onmouseover="showtip('Tiêu đề: {classical_row.recent_topic_row.L_TITLE}<br>Thời gian: {classical_row.recent_topic_row.S_POSTTIME}');" onmouseout="hidetip();" href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a> by C3Z | |
|