Trang ChínhTrang Chính  CalendarCalendar  GalleryGallery  Trợ giúpTrợ giúp  Tìm kiếmTìm kiếm  Thành viênThành viên  NhómNhó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%
 
Juskteez.G (110)
7 Số bài - 5%
 
Daniel Baxter (7)
4 Số bài - 3%
 
bububu (4)
4 Số bài - 3%
 
hoangtuquay (4)
3 Số bài - 2%
 
Adminduthienfc (3)
3 Số bài - 2%
 
Pummi (3)
3 Số bài - 2%
 
hieukoims (3)
1 Bài gửi - 1%
 
hotuanvuct (1)
1 Bài gửi - 1%
 
truongchun (1)
1 Bài gửi - 1%
 
nanhtrang14 (1)

Các bài gửi mới nhấtNgười gửi cuối
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ửiThu Dec 22, 2011 9:54 am
Cause I'm Burnin Up..Burnin Up For You,Baby!

avatar
Xem lý lịch thành viên http://solvn.us.to
SoL.MemberNam
Chào các bạn!
Tớ là Juskteez.G
Năm nay 22 tuổi
Administrator
Quick Link
Xem lý lịch thành viên 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 : 3203
Thanked Thanked : 6
Tuổi : 22
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!!!
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
Ai thấy hay thì Thanks cho bạn để bạn í còn phát huy nha!


I\'m slipping into the lava
And I\'m tryin\' to keep from going under
Baby, who turned the temperature hotter?
\'Cause I\'m burning up, burning up
For you baby
http://www.isdntek.com/tagbot/tabtop.htm
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 
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: Mon Nov 19, 2018 8:47 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 [?]
Create a forum on Forumotion | ©phpBB | Free forum support | Liên hệ | Report an abuse | Create a free blog