Đưa Skin mới vào diễn đàn sử dụng ! Nếu quá trình sử dụng diễn đàn xảy ra lỗi, xin vui lòng liên hệ Admin để báo lỗi ! Cảm ơn !

You are not connected. Please login or register

[Code] Hiệu ứng tooltip

  • Please log in to post a topic
  • avatar

    Êu Ngáo VL
    avatar

    Êu Ngáo VL

    Group: Administrator

    Hiện đang:
    Bài viết : 1725
    Points : 7058
    Birthday : 08/11/2000
    Thanks : 3825

    Administrator
    Xem lý lịch thành viên http://www.cntt-k3.org/

    Administrator
    Bài viết thứ :1

    Đăng vào:on 30/4/2012, 15:04

    Administrator
    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>







    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>
    thay bằng đọan:
    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

    #1 - Posted on 30/4/2012, 15:04
    Xem lý lịch thành viên http://www.cntt-k3.org/
    avatar

    Supper...Post
    avatar

    Supper...Post

    Group: Moderagerator

    Hiện đang:
    Bài viết : 1068
    Points : 2662
    Thanks : 413

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

    Moderagerator
    Bài viết thứ :2

    Đăng vào:on 30/4/2012, 16:30

    Moderagerator
    cái này thời c3z là hot lắm nè

    #2 - Posted on 30/4/2012, 16:30
    Xem lý lịch thành viên
    avatar

    Cros
    avatar

    Cros

    Group: Designs Skin

    Hiện đang:
    Bài viết : 174
    Points : 619
    Birthday : 16/03/1991
    Thanks : 329
    Đến từ : Đảo thiên đường

    Designs Skin
    Xem lý lịch thành viên http://www.cntt-k3.biz

    Designs Skin
    Bài viết thứ :3

    Đăng vào:on 30/4/2012, 16:36

    Designs Skin
    lỗi thời quá rồi

    #3 - Posted on 30/4/2012, 16:36

    __________________________________________________________________________________________
    • Mời các bạn tham gia diễn đàn giải trí :

      [You must be registered and logged in to see this link.]
    Xem lý lịch thành viên http://www.cntt-k3.biz
    avatar

    Êu Ngáo VL
    avatar

    Êu Ngáo VL

    Group: Administrator

    Hiện đang:
    Bài viết : 1725
    Points : 7058
    Birthday : 08/11/2000
    Thanks : 3825

    Administrator
    Xem lý lịch thành viên http://www.cntt-k3.org/

    Administrator
    Bài viết thứ :4

    Đăng vào:on 30/4/2012, 16:59

    Administrator
    Cros đã viết:lỗi thời quá rồi
    lỗi thì sao ?
    Vẫn đầy forum dùng kia kìa :>lè lưỡi

    #4 - Posted on 30/4/2012, 16:59
    Xem lý lịch thành viên http://www.cntt-k3.org/
    avatar

    trantin27
    avatar

    trantin27

    Group: Member

    Hiện đang:
    Bài viết : 120
    Points : 251
    Birthday : 03/03/1992
    Thanks : 119

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

    Member
    Bài viết thứ :5

    Đăng vào:on 8/5/2012, 12:18

    Member
    tk

    #5 - Posted on 8/5/2012, 12:18
    Xem lý lịch thành viên http://thanhtin.forumvi.com
    avatar

    a5mile.tk
    avatar

    a5mile.tk

    Group: Member

    Hiện đang:
    Bài viết : 234
    Points : 361
    Birthday : 16/01/1995
    Thanks : 85
    Đến từ : a5pro.net

    Member
    Xem lý lịch thành viên http://www.a5pro.net

    Member
    Bài viết thứ :6

    Đăng vào:on 31/5/2012, 21:27

    Member
    lỗi thời nhưng vẫn đẹp mà bạn.cái này phải gọi là đồ cổ mới đúng cười ngoác miệng

    #6 - Posted on 31/5/2012, 21:27
    Xem lý lịch thành viên http://www.a5pro.net
    avatar

    ddr3
    avatar

    ddr3

    Group: Member

    Hiện đang:
    Bài viết : 113
    Points : 235
    Birthday : 15/03/1985
    Thanks : 124

    Member
    Xem lý lịch thành viên http://www.thegreeksenergy.com

    Member
    Bài viết thứ :7

    Đăng vào:on 31/5/2012, 23:40

    Member
    tnx

    #7 - Posted on 31/5/2012, 23:40
    Xem lý lịch thành viên http://www.thegreeksenergy.com
    avatar

    long than
    avatar

    long than

    Group: Member

    Hiện đang:
    Bài viết : 48
    Points : 75
    Birthday : 20/05/1998
    Thanks : 27

    Member
    Xem lý lịch thành viên http://diendan.chinhphuc.ìno

    Member
    Bài viết thứ :8

    Đăng vào:on 29/6/2012, 23:49

    Member
    hjx. cái này [You must be registered and logged in to see this link.] kg chạy, thế h làm sao ạ?

    #8 - Posted on 29/6/2012, 23:49
    Xem lý lịch thành viên http://diendan.chinhphuc.ìno
    avatar

    24h...CậuéC
    avatar

    24h...CậuéC

    Group: Member

    Hiện đang:
    Bài viết : 789
    Points : 1026
    Thanks : 155
    Đến từ : Về nhà mà thể hiện

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

    Member
    Bài viết thứ :9

    Đăng vào:on 6/8/2012, 10:44

    Member
    xem

    #9 - Posted on 6/8/2012, 10:44
    Xem lý lịch thành viên
    avatar

    iloveyou19
    avatar

    iloveyou19

    Group: Member

    Hiện đang:
    Bài viết : 69
    Points : 68
    Birthday : 02/03/1999
    Thanks : 1

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

    Member
    Bài viết thứ :10

    Đăng vào:on 13/6/2013, 15:47

    Member
    cxzcx

    #10 - Posted on 13/6/2013, 15:47
    Xem lý lịch thành viên
    avatar

    Zildjian
    avatar

    Zildjian

    Group: Member

    Hiện đang:
    Bài viết : 13
    Points : 21
    Thanks : 6

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

    Member
    Bài viết thứ :11

    Đăng vào:on 7/3/2016, 10:11

    Member
    xxxx

    #11 - Posted on 7/3/2016, 10:11
    Xem lý lịch thành viên

    Sponsored content

    Sponsored content

    Group:
    Hiện đang:

    Bài viết thứ :12

    Đăng vào:

    #12 - Posted

    Đang kiểm tra dữ liệu...

    Bạn phải điền đầy đủ thông tin đăng ký.

    Số ký tự phải từ 3 trở lên
    Hãy chọn tài khoản khác
    Có thể dùng tài khoản này
    Không sử dụng địa chỉ này
    E-mail sẽ được kiểm sau
    Số ký tự phải từ 3 trở lên
    Trùng tên đăng nhập
    Chưa đúng
    Chính xác

    Free forum | © PunBB | Free forum support | Liên hệ | Report an abuse | Have a free blog with Sosblogs
    YOUR BANNER HERE
    728x90