Trang ChínhTrang Chính  GalleryGallery  Latest imagesLatest images  Tìm kiếmTìm kiếm  Đăng kýĐăng ký  Đăng NhậpĐăng Nhập  


Quên mật khẩu! :: Chưa có tài khoản?


 







110 Số bài - 80%
Tooltips đơn giản Vote_lcapTooltips đơn giản Voting_barTooltips đơn giản Vote_rcap 
Juskteez.G (110)
7 Số bài - 5%
Tooltips đơn giản Vote_lcapTooltips đơn giản Voting_barTooltips đơn giản Vote_rcap 
Daniel Baxter (7)
4 Số bài - 3%
Tooltips đơn giản Vote_lcapTooltips đơn giản Voting_barTooltips đơn giản Vote_rcap 
bububu (4)
4 Số bài - 3%
Tooltips đơn giản Vote_lcapTooltips đơn giản Voting_barTooltips đơn giản Vote_rcap 
hoangtuquay (4)
3 Số bài - 2%
Tooltips đơn giản Vote_lcapTooltips đơn giản Voting_barTooltips đơn giản Vote_rcap 
Adminduthienfc (3)
3 Số bài - 2%
Tooltips đơn giản Vote_lcapTooltips đơn giản Voting_barTooltips đơn giản Vote_rcap 
Pummi (3)
3 Số bài - 2%
Tooltips đơn giản Vote_lcapTooltips đơn giản Voting_barTooltips đơn giản Vote_rcap 
hieukoims (3)
1 Bài gửi - 1%
Tooltips đơn giản Vote_lcapTooltips đơn giản Voting_barTooltips đơn giản Vote_rcap 
hotuanvuct (1)
1 Bài gửi - 1%
Tooltips đơn giản Vote_lcapTooltips đơn giản Voting_barTooltips đơn giản Vote_rcap 
truongchun (1)
1 Bài gửi - 1%
Tooltips đơn giản Vote_lcapTooltips đơn giản Voting_barTooltips đơn giản Vote_rcap 
nanhtrang14 (1)

Các bài gửi mới nhấtNgười gửi cuối
khanhduyle
Adminduthienfc
Adminduthienfc
Juskteez.G
Juskteez.G
Pummi
truongchun
hoangtuquay
Juskteez.G
Juskteez.G
Juskteez.G nhắn với mọi người!
gửi vào lúc Fri Jan 13, 2012 7:53 am ...
: Hôm nay là Thứ 6 Ngày 13 đầu tiên trong năm...Mong sẽ không có điều gì xấu xảy ra với mọi người Arrow
Daniel Baxter nhắn với Người tui iu
gửi vào lúc Wed Dec 21, 2011 11:12 am ...
: Ngày mới yêu nhau, không biết bao nhiêu lần tôi định nói chia tay vì sợ làm anh tổn thương khi trái tim tôi vẫn còn hình bóng người cũ....
Juskteez.G nhắn với Tất cả mọi người
gửi vào lúc Mon Dec 05, 2011 10:04 am ...
: Póc Tem Thông Điệp Yêu Thương cái...hihihi!!!Very Happy
Gửi đến :
Lời nhắn :
 
Feedback Form
Tài khoản:
Mật khẩu:
Đăng nhập tự động: :: Quên mật khẩu
Share | 
  Tooltips đơn giảnXem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Bài gửiTooltips đơn giản ClockframeThu Dec 22, 2011 9:54 am
Cause I'm Burnin Up..Burnin Up For You,Baby!

Juskteez.G
http://solvn.us.to
SoL.MemberNam
Chào các bạn!
Tớ là Juskteez.G
Năm nay 28 tuổi
Administrator
Quick Link
http://solvn.us.to



Thông tin cá nhân
Giới tính : Nam
Tham gia ngày Tham gia ngày : 28/11/2011
Đến từ Đến từ : Hạ Long
Bài gửi Bài gửi : 110
SPoints SPoints : 5160
Thanked Thanked : 6
Tuổi : 28
Châm ngôn sống : Cause I'm Burnin Up..Burnin Up For You,Baby!

Juskteez.G đã tham gia chủ đề Tooltips đơn giản!

Xem bạn í viết những gì nào!!!
Tooltips đơn giản TrentraiTooltips đơn giản Trenphai
Tooltip cực đơn giản, kích cỡ nhỏ gọn dành riêng cho FM, dựa trên nguyên lý của DHTML Tooltip.
Simplify by : vk. Size : 759 Bytes

- Demo :
Code:
http://demo.c3zone.net/h3-c3tooltip
- Hướng dẫn:
Javascript codes management tạo Javascript mới :
Title * : FM Simple tooltip
Placement : In all the pages
Javascript Code * :
Code:
    document.write('<div id="c3tip"></div>');
    var enablec3tip = false;
    var tipob = document.getElementById("c3tip");
    function c3tip(ob,cont,color,bgcolor) {
      var cd = FindXY(ob);
      overFlowX = cd['x'] + tipob.offsetWidth - document.body.offsetWidth;
      cd['x'] = overFlowX > 0 ? cd['x'] - overFlowX : cd['x'];
      tipob.style.left = (cd['x']+30) + 'px';
      tipob.style.top = (cd['y'] + ob.offsetHeight + 10) + 'px';
      if (typeof color!= "undefined" && color!= "")
            cont=cont.fontcolor(color);
      if (typeof bgcolor!= "undefined" && bgcolor!= "")
            tipob.style.backgroundColor = bgcolor;
      tipob.innerHTML = cont;
      enablec3tip = true;
      tipob.style.visibility = "visible";
      return false;
    }
    function c3untip() {
      enablec3tip = false;
      tipob.style.visibility = "hidden";
      tipob.style.left = "-1000px";
      tipob.style.backgroundColor = '';
      tipob.style.width = '';
    }

Trang trí : Dưới đây là style mình trang trí, tùy ý chỉnh sửa các thuộc tính cho vừa ý. Mình đã chú thích ý nghĩa các thuộc tính trong code CSS.
Chèn vào CSS
Code:
    #c3tip {
      z-index: 999; /*Vị trí, trạng thái mặc định*/
      left: -300px; top:0px;
      visibility: hidden;
      position: absolute;
      padding: 15px;
      text-align:left;
      -moz-opacity: 0.8; /* Độ trong suốt 80% */
      opacity: 0.8;
      filter: alpha(opacity=80);
      border: #000000 0px solid; /* Màu viền, bo tròn viền */
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      font-size: 9pt; font-weight:bold; /* Kiểu, cỡ, màu chữ mặc định */
      font-family: Arial; color:#fff;
      background-color: #000; /* Màu nền mặc định */
      width: auto; /* Chiều rộng tối đa */
      max-width: 340px;
      width:expression(document.body.clientWidth > 340? "340px": "auto");
    }

Cách sử dụng, tùy biến tooltip : Thêm sự kiện sau vào đối tượng muốn gắn tooltip.
Code:
    onmouseover="c3tip(this,'[Nội dung trong tooltip]','[Màu chữ]','[Màu nền]')" onmouseout="c3untip()"

Ví dụ muốn gắn tooltip vào 1 link
Code:
    <a href="http://demo.c3zone.net/h3-c3tooltip">Click here</a>
...Sửa thành:
Code:
    <a onmouseover="c3tip(this,'Click vào đây để xem demo')" onmouseout="c3untip()" href="http://demo.c3zone.net/h3-c3tooltip" >Click here</a>

Cách đặt màu chữ và màu nền tooltip xem trong demo

TUT by vk - c3zone.net
Tooltips đơn giản DuoitraiTooltips đơn giản Duoiphai
Ai thấy hay thì Thanks cho bạn để bạn í còn phát huy nha!
Tài sản của Juskteez.G

 
 :
Về Đầu Trang Go down
 

Tooltips đơn giản

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 

 Xem thêm các bài viết khác cùng chuyên mục

-
Chia sẻ lên Facebook, Zing Me, Google

Trang 1 trong tổng số 1 trang
Trả lời nhanh
Permissions in this forum:Bạn không có quyền trả lời bài viết
Soul of Life :: Forumotion :: Templates-
Múi giờ GMT + 7. Hôm nay: Fri Mar 29, 2024 7:11 am.
 Copyright © 2011, Forumotion Ltd.
 Skin Newsemester by eLDy
 Style by Juskteez.G
 FM rip by vlt
 Diễn đàn SoLvn.123.st được phát triển bởi các thành viên.
 Hiển thị tốt nhất trên Firefox 7 & Chrome 12 ở độ phân giải 1024x768 trở lên.
 Hoàn thành dưới sự giúp đỡ từ : Chinh Phục4Allvn, Wibiya, Disqus, Facebook Apps, Google Apps,....
 Nhà tài trợ : Forumotion, Phpbb

 
Đầu trang
Giữa trang
Cuối trang
Chat [?]
Free forum | ©phpBB | Free forum support | Báo cáo lạm dụng | Thảo luận mới nhất