CHINH PHỤC
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.
CHINH PHỤC

Cộng đồng Forumotion Việt Nam

Đăng nhập

Ghi nhớ
Latest topics
» Tôi sẽ đỗ đại học!
by NgocPRO 6/11/2024, 8:37 am

» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm

» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm

» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm

» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am

» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am

» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm

» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am

» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm

» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am

» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm

» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am

» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm

» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm

» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm

» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm

» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm

» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm

» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am

» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm

» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm

» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm

» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am

» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm

» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am

Top posting users this week
No user


[Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản

+3
handsomevip007
_Alexander_
Draudrey
7 posters

CHINH PHỤC :: KHU VỰC CHIA SẺ :: Sản phẩm tự làm

Go down

[Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản Empty [Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản

Bài gửi by Draudrey 30/9/2012, 10:14 am

demo: [You must be registered and logged in to see this link.]

thay cái qwer với cái asdf asdf asfd asdf asfd asdf asdf asfd asdf thành cái bạn muốn hiện. HD:
Code:
            <td><a class="tooltip" href="#">Tên Tooltip<span>Nội Dung ToolTip</span></a></td>

đây là code hoàn chỉnh
Code:
<html>
<head>
    <style type="text/css">
        /*  tooltip By Ghost[1St]Die Vs DemonDragon/  */
        a.tooltip { position: relative; color: red; }
        a.tooltip span { margin-left: -2000px; position: absolute; left: 10px; top: 10px; width: 200px; padding: 4px; background-color: #E2E7FF; border: 1px solid #003099; text-decoration: none; color: #000; z-index: 999; }
        a.tooltip:hover span { margin-left: 0px; }
    </style>
</head>
<body>
    <table>
        <tr>
            <td>asdf</td>
            <td><a class="tooltip" href="#">qwer<span>asdf asdf asfd asdf asfd asdf asdf asfd asdf</span></a></td>
            <td>zxcv</td>
        </tr>
        <tr>
            <td>asdf</td>
            <td><a class="tooltip" href="#">qwer<span>asdf asdf asfd asdf asfd asdf asdf asfd asdf</span></a></td>
            <td>zxcv</td>
        </tr>
    </table>
</body>
</html>
vui lòng để lại tên người viết
Draudrey
Draudrey
CPModerator
CPModerator

Chrome Invision
Ngày đăng ký : 10/08/2012
Số bài : 902
CPP : 601
Châm ngôn sống : Nhìn lại mình trên CP mới thấy mình hồi đó sao trẻ trâu vcđ ra, đan con mạch nó muốn tự sát v l

http://diendan.chinhphuc.info/

Về Đầu Trang Go down

[Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản Empty Re: [Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản

Bài gửi by _Alexander_ 30/9/2012, 10:25 am

cái này dùng để làm gì bạn chịu
_Alexander_
_Alexander_
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 08/05/2012
Số bài : 410
CPP : 113
Châm ngôn sống : Lạnh lùng là điểm mạnh của người lãnh đạo

Về Đầu Trang Go down

[Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản Empty Re: [Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản

Bài gửi by Draudrey 30/9/2012, 10:28 am

bó tay .com - thiếu gì cách làm - làm tooltip cho 1 chữ chẳng hạn
Draudrey
Draudrey
CPModerator
CPModerator

Chrome Invision
Ngày đăng ký : 10/08/2012
Số bài : 902
CPP : 601
Châm ngôn sống : Nhìn lại mình trên CP mới thấy mình hồi đó sao trẻ trâu vcđ ra, đan con mạch nó muốn tự sát v l

http://diendan.chinhphuc.info/

Về Đầu Trang Go down

[Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản Empty Re: [Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản

Bài gửi by _Alexander_ 30/9/2012, 10:30 am

còn last thì sao dùng dc Vỗ tay
_Alexander_
_Alexander_
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 08/05/2012
Số bài : 410
CPP : 113
Châm ngôn sống : Lạnh lùng là điểm mạnh của người lãnh đạo

Về Đầu Trang Go down

[Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản Empty Re: [Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản

Bài gửi by Draudrey 30/9/2012, 10:32 am

làm bình thường như cái tooltip khác
Draudrey
Draudrey
CPModerator
CPModerator

Chrome Invision
Ngày đăng ký : 10/08/2012
Số bài : 902
CPP : 601
Châm ngôn sống : Nhìn lại mình trên CP mới thấy mình hồi đó sao trẻ trâu vcđ ra, đan con mạch nó muốn tự sát v l

http://diendan.chinhphuc.info/

Về Đầu Trang Go down

[Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản Empty Re: [Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản

Bài gửi by handsomevip007 30/9/2012, 12:02 pm

Code chưa tối ưu khi dùng <table> . Tham khảo thêm [You must be registered and logged in to see this link.] Rose
handsomevip007
handsomevip007
CPAdministrator
CPAdministrator

Opera Invision
Ngày đăng ký : 22/12/2010
Số bài : 6406
CPP : 11255
Châm ngôn sống : Tuổi trẻ sẽ dừng lại nhưng sáng tạo là mãi mãi ...

http://a14toiyeu.forumvi.net/

Về Đầu Trang Go down

[Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản Empty Re: [Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản

Bài gửi by Draudrey 30/9/2012, 4:35 pm

em đây còn nhỏ, có gì dạy bảo Cười nhe răng
Draudrey
Draudrey
CPModerator
CPModerator

Chrome Invision
Ngày đăng ký : 10/08/2012
Số bài : 902
CPP : 601
Châm ngôn sống : Nhìn lại mình trên CP mới thấy mình hồi đó sao trẻ trâu vcđ ra, đan con mạch nó muốn tự sát v l

http://diendan.chinhphuc.info/

Về Đầu Trang Go down

[Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản Empty Re: [Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản

Bài gửi by Juskteez 30/9/2012, 7:50 pm

Sao dài vậy??
Juskteez
Juskteez
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 08/06/2012
Số bài : 370
CPP : 742
Châm ngôn sống : Be Simple, but...Not too Simple!

http://deezsign.forumotion.com/

Về Đầu Trang Go down

[Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản Empty Re: [Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản

Bài gửi by Draudrey 30/9/2012, 8:40 pm

do kèm với mấy cái như </body>, </head>, bạn thấy dài vậy đó, chứ bỏ ra là có chút ỉn à
Draudrey
Draudrey
CPModerator
CPModerator

Chrome Invision
Ngày đăng ký : 10/08/2012
Số bài : 902
CPP : 601
Châm ngôn sống : Nhìn lại mình trên CP mới thấy mình hồi đó sao trẻ trâu vcđ ra, đan con mạch nó muốn tự sát v l

http://diendan.chinhphuc.info/

Về Đầu Trang Go down

[Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản Empty Re: [Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản

Bài gửi by HieuKen 1/10/2012, 5:54 pm

Code:
                <td><a class="tooltip" href="#">Tên Tooltip<span>Nội Dung ToolTip</span></a></td>
ủa thẻ <td> trong trường hợp này để làm gì Thắc mắc
HieuKen
HieuKen
CPMember
CPMember

Firefox PhpBB2
Ngày đăng ký : 07/05/2011
Số bài : 272
CPP : 306
Châm ngôn sống : Ghét tất cả

http://loitamsu.org

Về Đầu Trang Go down

[Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản Empty Re: [Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản

Bài gửi by notme 1/10/2012, 6:25 pm

Code:

$(function() {
  $("a.tooltip").each(function() {
    var a = $(this).attr("alt");
    0 < a.length && $(this).html($(this).html() + "<span>" + a + "</span>")
  })
});
tận dụng cái alt
notme
notme
CPModerator
CPModerator

Chrome PunBB
Ngày đăng ký : 16/07/2011
Số bài : 872
CPP : 824
Châm ngôn sống : Nhát gái nó thành bản năng rồi :(

Về Đầu Trang Go down

[Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản Empty Re: [Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản

Bài gửi by hunghsmn 1/10/2012, 8:15 pm

Cán ơn ๖ۣۜGhost[1St]Die Cái scrip mình đang dùng thua xa cái style của bạn mặc dù kết quả thì giống nhau nhưng với cái syle này dễ viết nội dung hơn nhiều.
Ví dụ:
- Hiện nay mình không thể viết tiêu đề của topic có dấu nháy kép, nhưng thay scrip bằng style của bạn thì viết được
- Hiện nay để chèn ảnh góc trên trái trong nội dung tooltip mình phải viết sai: <img src= link ảnh align = left>(mình không hiểu sao mình viết sai vậy mà trình duyệt nào cũng hiểu) nhưng nếu thay bàng cái style của bạn thì có thể viết đúng: <img src= "link ảnh" align="left" > ...
Cám ơn bạn, Khi nảo siêng mình sẽ thay script bằng style của bạn. CHỉ cần cho thẻ style này vào phần head của temp header là xong.

Về cái table thì mình chê rồi
hunghsmn
hunghsmn
CPYellowMember
CPYellowMember

Firefox PunBB
Ngày đăng ký : 04/06/2009
Số bài : 3212
CPP : 2751
Châm ngôn sống : Học, học nữa, học mãi

http://www.trekhuyettat.org

Về Đầu Trang Go down

[Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản Empty Re: [Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản

Bài gửi by Draudrey 2/10/2012, 3:55 am

hunghsmn đã viết:Cán ơn ๖ۣۜGhost[1St]Die Cái scrip mình đang dùng thua xa cái style của bạn mặc dù kết quả thì giống nhau nhưng với cái syle này dễ viết nội dung hơn nhiều.
Ví dụ:
- Hiện nay mình không thể viết tiêu đề của topic có dấu nháy kép, nhưng thay scrip bằng style của bạn thì viết được
- Hiện nay để chèn ảnh góc trên trái trong nội dung tooltip mình phải viết sai: <img src= link ảnh align = left>(mình không hiểu sao mình viết sai vậy mà trình duyệt nào cũng hiểu) nhưng nếu thay bàng cái style của bạn thì có thể viết đúng: <img src= "link ảnh" align="left" > ...
Cám ơn bạn, Khi nảo siêng mình sẽ thay script bằng style của bạn. CHỉ cần cho thẻ style này vào phần head của temp header là xong.

Về cái table thì mình chê rồi
Cảm ơn anh Hùng cho ý kiến đánh giá Vui
Draudrey
Draudrey
CPModerator
CPModerator

Chrome Invision
Ngày đăng ký : 10/08/2012
Số bài : 902
CPP : 601
Châm ngôn sống : Nhìn lại mình trên CP mới thấy mình hồi đó sao trẻ trâu vcđ ra, đan con mạch nó muốn tự sát v l

http://diendan.chinhphuc.info/

Về Đầu Trang Go down

[Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản Empty Re: [Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản

Bài gửi by hunghsmn 2/10/2012, 7:28 am

Xem nè Cười nhe răng :

[You must be registered and logged in to see this image.]

Làm thêm thanh tiêu đề nữa đi, như thế này nè, nó chỉ thua mỗi cái tiêu đề thôi:

[You must be registered and logged in to see this image.]

Thôi, không cần, nếu mình thích mình làm lấy được
hunghsmn
hunghsmn
CPYellowMember
CPYellowMember

Firefox PunBB
Ngày đăng ký : 04/06/2009
Số bài : 3212
CPP : 2751
Châm ngôn sống : Học, học nữa, học mãi

http://www.trekhuyettat.org

Về Đầu Trang Go down

[Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản Empty Re: [Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản

Bài gửi by Draudrey 2/10/2012, 10:40 am

mới có cái ver 2 cũng dc dc anh em ủng hộ nhé Vui [You must be registered and logged in to see this link.]
Draudrey
Draudrey
CPModerator
CPModerator

Chrome Invision
Ngày đăng ký : 10/08/2012
Số bài : 902
CPP : 601
Châm ngôn sống : Nhìn lại mình trên CP mới thấy mình hồi đó sao trẻ trâu vcđ ra, đan con mạch nó muốn tự sát v l

http://diendan.chinhphuc.info/

Về Đầu Trang Go down

[Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản Empty Re: [Tự Chế] Tooltip Cực Nhẹ Và Đơn Giản

Bài gửi by Sponsored content


Sponsored content


Về Đầu Trang Go down

Về Đầu Trang

- Similar topics

CHINH PHỤC :: KHU VỰC CHIA SẺ :: Sản phẩm tự làm

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