Oº°‘¨ [C]hia [S]ẻ [O]nline ¨‘°ºO
♥️Chào Mừng Các Bạn Ghé Thăm Forum Chia Sẻ Online♥️
Rất mong các bạn đăng ký làm thành viên để cùng
nhau chia sẻ mọi nỗi buồn vui
Chúc các bạn có những phút thư giãn vui vẻ
♥️Welcome to forum Chia Sẻ Online♥️
Welcome Guest, is this your first visit? Register
All times are GMT. The time now is 07:28 AM.

You are not connected. Please login or register

[Codes] Hiệu ứng tooltip (từ c3z)

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

1 [Codes] Hiệu ứng tooltip (từ c3z) on Tue Jun 26, 2012 2:56 pm

Admin

avatar
Administrators
Administrators
Hiện tooltip khi rê chuột lên đối tượng

demo:
Spoiler:

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>



Nguồn : C3z



Xem lý lịch thành viên http://chiaseonline.forumvi.com/

2 Re: [Codes] Hiệu ứng tooltip (từ c3z) on Tue Jun 26, 2012 4:26 pm

jaykal

avatar
Thành Viên
Thành Viên
mình k hiểu cái tooltip theo mẫu là sao :|

Xem lý lịch thành viên http://www.chiaseonline.biz

3 Re: [Codes] Hiệu ứng tooltip (từ c3z) on Tue Jun 26, 2012 6:51 pm

jaykal đã viết:mình k hiểu cái tooltip theo mẫu là sao :|
Bim láy ví dụ cho bạn hiểu nghen.hihi
Ví dụ ở Index_box có code nì
Code:
{catrow.forumrow.FORUM_NAME}
đó là code tên chuyên mục của bạn.Bi chừ bạn muốn nó có tooltip ở tên chuyên mục thì bạn chèn như sau:
Code:
<span onmouseover="showtip('Ví dụ nè');" onmouseout="hidetip();">{catrow.forumrow.FORUM_NAME}</span>

đó, như rứa,hehe.
bạn thử zô index_box của bạn rùi thay như Bim đi.hehe,bạn sẽ hiểu ngay thui.hihi

Xem lý lịch thành viên http://streetcrew.forum.st/

4 Re: [Codes] Hiệu ứng tooltip (từ c3z) on Tue Jun 26, 2012 9:53 pm

Iwillnotlove

avatar
Moderator
Moderator
tks bim =.="

Xem lý lịch thành viên

5 Re: [Codes] Hiệu ứng tooltip (từ c3z) on Thu Jun 28, 2012 2:51 pm

HoàngTửNaivip5p

avatar
Thành Viên
Thành Viên
có 2 cái Overall_footer là overall_footer_begin và overall_footer_end thì bỏ code vào đâu hả my?

Xem lý lịch thành viên http://shun----showluo.forumvi.com/

6 Re: [Codes] Hiệu ứng tooltip (từ c3z) on Thu Jun 28, 2012 7:52 pm

overall_footer_begin và overall_footer_end bạn có thể cho vào 1 trong 2.hehe
nhưng chỉ được phép 1 cái thui nghen.hihi
Bim khuyến khích bạn nhét zô overall_footer_end

Xem lý lịch thành viên http://streetcrew.forum.st/

7 Re: [Codes] Hiệu ứng tooltip (từ c3z) on Thu Jun 28, 2012 8:25 pm

HoàngTửNaivip5p

avatar
Thành Viên
Thành Viên
hic hic, tớ làm theo đúng hướng dẫn rùi mà chẳng có thay đổi gì cả! nản quá! 41

Xem lý lịch thành viên http://shun----showluo.forumvi.com/

8 Re: [Codes] Hiệu ứng tooltip (từ c3z) on Fri Jun 29, 2012 9:41 am

yubilove420

avatar
Thành Viên
Thành Viên
cái này có tác dụng gì vậy mấy bạn ?
mình là lính mới mà Cười nhăn răng

Xem lý lịch thành viên

9 Re: [Codes] Hiệu ứng tooltip (từ c3z) on Fri Jun 29, 2012 10:27 am

HoàngTửNaivip5p

avatar
Thành Viên
Thành Viên
bạn sem demo là hiểu ngay ý mà!

Xem lý lịch thành viên http://shun----showluo.forumvi.com/

10 Re: [Codes] Hiệu ứng tooltip (từ c3z) on Sat Jun 30, 2012 12:10 pm

yubilove420

avatar
Thành Viên
Thành Viên
làm sao để có bảng thống kê đó vậy ?

Xem lý lịch thành viên

Sponsored content


Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết