![[Code] Hiệu ứng tooltip User_l10](https://i.servimg.com/u/f55/18/73/81/56/user_l10.png)
Sign In
Create Account
CNTT-K3![[Code] Hiệu ứng tooltip SSHoNEq](https://i.imgur.com/sSHoNEq.png)
Hiện tooltip khi rê chuột lên đối tượng
demo:
hướng dẫn:
1. Chèn đoạn sau vào Overall_footer
2. Chèn đoạn sau vào cuối CSS
3. sử dụng tooltip theo mẫu:
![[Code] Hiệu ứng tooltip 98932710](https://i.servimg.com/u/f64/13/54/69/46/98932710.gif)
Dùng tooltip cho recent topic ngang:
Tìm trong Mod_recent_topic đoạn sau:
demo:
- Spoiler:
![[Code] Hiệu ứng tooltip 110](https://i.servimg.com/u/f69/11/79/54/63/110.jpg)
hướng dẫn:
1. Chèn đoạn sau vào Overall_footer
- Spoiler:
- Code:
<script type='text/javascript' src='http://www.c3zone.net/html-h33.htm'></script>
2. Chèn đoạn sau vào cuối CSS
- Spoiler:
- 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;
}
3. sử dụng tooltip theo mẫu:
- Spoiler:
- Code:
<span onmouseover="showtip('Nội dung trong tooltip');" onmouseout="hidetip();">Vùng rê chuột vào hiện tooltip</span>
ví dụ: bạn muốn mỗi khi rê chuột vào chữ 'đăng ký' thì nó sẽ hiện:
'do dự chi nữa. tạo nick vô rum chơi liền đi.'
thì bạn sẽ chèn như ri:
Nội dung trong tooltip: do dự chi nữa. tạo nick vô rum chơi liền đi
Vùng rê chuột vào hiện tooltip: chỗ codes đăng ký a href="/register">
ví dụ rứa đó.
- Code:
<span onmouseover="showtip('do dự chi nữa. tạo nick vô rum chơi liền đi');" onmouseout="hidetip();">a href="/register"></span>
Dùng tooltip cho recent topic ngang:
Tìm trong Mod_recent_topic đoạn sau:
- Spoiler:
- Code:
<a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}
</a>
- Spoiler:
- 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>
Nguồn : c3z
