Welcome to Miền ký ức Forum's. Nơi những kỷ niệm vẫn còn sống mãi với thời gian....

»[FM] Hiện Tooltip khi rê chuột lên đối tượng Empty»[FM] Hiện Tooltip khi rê chuột lên đối tượng Empty

»[FM] Hiện Tooltip khi rê chuột lên đối tượng

Share

Go downThông điệp [Trang 1 trong tổng số 1 trang]

on 10/12/2010, 2:28 pm
Quang Trung
Quang Trung


Quản Trị Viên

Quản Trị Viên

Templates ~> Chèn đoạn sau vào overall_footer:
Code:
<script type='text/javascript' src='http://quangtrung.googlecode.com/files/tooltip.js'></script>

Vào Color > CSS: Chèn đoạn sau vào cuối:

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;
}

Sử dụng tooltip theo mẫu:

Code:
<span onmouseover="showtip('Nội dung trong tooltip');" onmouseout="hidetip();">Vùng rê chuột vào hiện tooltip</span>

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>

Thay bằng:

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>

P/S: Để sử dụng lâu dài các bạn viewsource trang này "http://quangtrung.googlecode.com/files/tooltip.js" về dán vào trang html của 4rum bạn cho an toàn nha.
Nguồn c3z



»[FM] Hiện Tooltip khi rê chuột lên đối tượng Thanks10
*(`'•.¸(`'•.¸*¤*¸.•'´)¸.•'´)*
»~:¤.•º`•. I LOVE YOU .•´º•.¤:~«
*(¸.•'´(¸.•'´*¤*`'•.¸)`'•.¸)*
Xem lý lịch thành viên http://www.thuanphongvlog.com

Thích

Báo xấu [0]

Gửi một bình luận lên tường nhà Quang Trung
Trả lời chủ đề này

Về Đầu TrangThông điệp [Trang 1 trong tổng số 1 trang]

»[FM] Hiện Tooltip khi rê chuột lên đối tượng Empty»[FM] Hiện Tooltip khi rê chuột lên đối tượng Empty

« Xem bài trước | Xem bài kế tiếp »

Bài viết liên quan

    Quyền hạn của bạn:

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



    • Free forum | © PunBB | Free forum support | Liên hệ | Báo cáo lạm dụng | Thảo luận mới nhất
    • Skin SVNH Rip by dothinh Phát triển bởi BQT và tất cả thành viên.
      Chúng tôi không chịu trách nhiệm về các bài viết do thành viên đưa lên.
      Vui lòng ghi rõ nguồn gốc bài viết khi phát hành lại thông tin từ diễn đàn này.

      © FM - Mods by Zzbaivong

     Copyright © wWw.BếnXưa.Vn 2010 - 2020 | Diễn đàn bắt đầu : 16/07/2010 | Liên hệ / Phone 0973210690. | QC :