Oº°‘¨ [C]hia [S]ẻ [O]nline ¨‘°ºO
♥️Chào Mừng Các Bạn Ghé Thăm Forum Chia Sẻ Online♥️
Rất mong các bạn đăng ký làm thành viên để cùng
nhau chia sẻ mọi nỗi buồn vui
Chúc các bạn có những phút thư giãn vui vẻ
♥️Welcome to forum Chia Sẻ Online♥️
Welcome Guest, is this your first visit? Register
All times are GMT. The time now is 07:28 AM.

You are not connected. Please login or register

[Codes] Tooltip đen chuẩn cho forum

Chuyển đến trang : 1, 2  Next

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 2 trang]

1 [Codes] Tooltip đen chuẩn cho forum on Thu Apr 19, 2012 10:03 pm

Yuni

avatar
Moderator
Moderator
Demo


Code

Spoiler:
- Chèn code sau vào cuối CSS . Nếu có code tooltip cũ thì bỏ thế = code này
Code:
#dhtmlpointer, #dhtmltooltip {
        -moz-opacity: .8;
        filter: alpha(opacity=80);
        left: -300px;
        opacity: .8;
        position: absolute;
        top: 0;
        visibility: hidden;
        z-index: 999
    }
     
    #dhtmltooltip {
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        background-color: #000;
        border: #000 0 solid;
        border-radius: 6px;
        color: #fff;
        font-family: Arial;
        font-size: 9pt;
        font-weight: 700;
        max-width: 340px;
        padding: 15px;
        text-align: left;
        width: expression(document.body.clientWidth>340?"340px":"auto")
    }
- Chèn code này vào cuối overall_footer
Code:


Nguồn : Clubteen9x



Xem lý lịch thành viên http://4allvn.ucoz.net

2 Re: [Codes] Tooltip đen chuẩn cho forum on Fri Apr 20, 2012 11:07 am

Minh Tuấn

avatar
Moderator
Moderator
Đẹp đó vote!Vui vẻ
à nhưng mà lưu ý chỉ dành cho phpbb2



I ♥️ Chia Sẻ Online,Khách viếng thăm
Xem lý lịch thành viên http://chiaseonline.forumvi.com

3 Re: [Codes] Tooltip đen chuẩn cho forum on Fri Apr 20, 2012 2:07 pm

các bạn làm như sau để nhỡ đâu clupteen bỏ trang html
Vào tạo 1 trang html với nội dung
Code:
jQuery("#emoclik").click(function(){ jQuery(this).hide("slow"); jQuery("#ltt_lovemess").animate({ height:"-=50" },2000); jQuery.ajax({ type:"POST", url:"/h99-", success:function(emo){ jQuery("#emo4mes").html(emo).show("slow");} });}); var offsetfromcursorX = 12; var offsetfromcursorY = 10; var offsetdivfrompointerX = 10; var offsetdivfrompointerY = 15; document.write('
'); document.write(''); var ie = document.all; var ns6 = document.getElementById && ! document.all; var enabletip = false; var tipobj = document.getElementById("dhtmltooltip"); var pointerobj = document.getElementById("dhtmlpointer"); function ietruebody() { return (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body; } String.prototype.trim = function () { return this.replace(/^\s*/, "").replace(/\s*$/, ""); } function showtip(thetext, thewidth, thecolor) { if (ns6 || ie) { if (typeof thewidth != "undefined") tipobj.style.width = thewidth + "px"; if (typeof thecolor != "undefined" && thecolor != "") tipobj.style.backgroundColor = thecolor; thetext = thetext.trim(); var arr = thetext.split(" "); for(i=0;i=40) thetext=thetext.replace(arr[i],arr[i].substr(0,40)+"..."); tipobj.innerHTML = thetext; enabletip = true; return false; } } function positiontip(e) { if (enabletip) { var nondefaultpos = false; var curX = (ns6) ? e.pageX : event.clientX + ietruebody().scrollLeft; var curY = (ns6) ? e.pageY : event.clientY + ietruebody().scrollTop; var winwidth = ie && ! window.opera ? ietruebody().clientWidth : window.innerWidth - 20; var winheight = ie && ! window.opera ? ietruebody().clientHeight : window.innerHeight - 20; var rightedge = ie && ! window.opera ? winwidth - event.clientX - offsetfromcursorX : winwidth - e.clientX - offsetfromcursorX; var bottomedge = ie && ! window.opera ? winheight - event.clientY - offsetfromcursorY : winheight - e.clientY - offsetfromcursorY; var leftedge = (offsetfromcursorX < 0) ? offsetfromcursorX * (- 1) : - 1000; if (rightedge < tipobj.offsetWidth) { tipobj.style.left = curX - tipobj.offsetWidth + "px"; nondefaultpos = true; } else if (curX < leftedge) tipobj.style.left = "5px"; else { tipobj.style.left = curX + offsetfromcursorX - offsetdivfrompointerX + "px"; pointerobj.style.left = curX + offsetfromcursorX + "px"; } if (bottomedge < tipobj.offsetHeight) { tipobj.style.top = curY - tipobj.offsetHeight - offsetfromcursorY + "px"; nondefaultpos = true; } else { tipobj.style.top = curY + offsetfromcursorY + offsetdivfrompointerY + "px"; pointerobj.style.top = curY + offsetfromcursorY + "px"; } tipobj.style.visibility = "visible"; if (! nondefaultpos) pointerobj.style.visibility = "visible"; else pointerobj.style.visibility = "hidden"; } } function hidetip() { if (ns6 || ie) { enabletip = false; tipobj.style.visibility = "hidden"; pointerobj.style.visibility = "hidden"; tipobj.style.left = "-1000px"; tipobj.style.backgroundColor = ''; tipobj.style.width = ''; } } document.onmousemove = positiontip; $(function(){ $("a[rel='example1']").colorbox(); $(".lttluvmes").colorbox({width:"50%", inline:true, href:"#c3_luvmes"}); $(".login_ca3").colorbox({width:"50%", inline:true, href:"#login_ca3"}); $(".bbcode").colorbox({width:"50%", inline:true, href:"#ca3_bbcode"}); $(".c3_reply").colorbox({width:"50%", inline:true, href:"#ca3_reply"}); $(".example6").colorbox({iframe:true, innerWidth:425, innerHeight:344}); $(".example7").colorbox({width:"80%", height:"80%", iframe:true}); $.get('/profile.forum?mode=editprofile&page_profil=friendsfoes', function(data) { c3moi= $('.forumline:eq(2) .row2', data).html();c3ban= $('.forumline:eq(0) .row2', data).html(); $('#c3zfriend').html(c3moi);$('#c3zfriends').html(c3ban); var i = 0, ii = 0; $('.forumline:eq(2) .row2 .friends-foes-list',data).each(function(index){i++;}); $('#c3dem').text($('#c3dem').text()+i+" "); $('.forumline:eq(0) .row2 .friends-foes-list',data).each(function(index){ii++;}); $('#nban').text($('#nban').text()+ii+" "); }); }) $(document).ready(function(){$("[class*='add-google']").remove();$("[id*='add-google-bottom']").remove()}); $(function () { if (location.pathname === "/profile") { $("td.row1:contains('avatar-dulieu')").parent().remove(); }; $("img[src$=/.gif], .fmviPro5:contains('avatar-dulieu')").remove(); });

Sau đó tìm http://clubteen9x.us.to/h160- trong footer thay bằng link html các bạn vừa tạo.
Bấm chấp nhận.hehe

Xem lý lịch thành viên http://streetcrew.forum.st/

4 Re: [Codes] Tooltip đen chuẩn cho forum on Fri Apr 20, 2012 2:49 pm

Minh Tuấn

avatar
Moderator
Moderator
các bạn nên làm theo cách của Bjm để đề phòng trường hợp link trang html Tooltip bị die Vui vẻ



I ♥️ Chia Sẻ Online,Khách viếng thăm
Xem lý lịch thành viên http://chiaseonline.forumvi.com

5 Re: [Codes] Tooltip đen chuẩn cho forum on Sat Apr 28, 2012 7:12 am

Admin

avatar
Administrators
Administrators
ùh
cái tooltip này đẹp thật ! Vote Vui vẻ



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

6 Re: [Codes] Tooltip đen chuẩn cho forum on Sat Apr 28, 2012 7:42 am

nh0k_pro

avatar
Thành Viên
Thành Viên
-CuBimtQ™️ đã viết:các bạn làm như sau để nhỡ đâu clupteen bỏ trang html
Vào tạo 1 trang html với nội dung
Code:
jQuery("#emoclik").click(function(){ jQuery(this).hide("slow"); jQuery("#ltt_lovemess").animate({ height:"-=50" },2000); jQuery.ajax({ type:"POST", url:"/h99-", success:function(emo){ jQuery("#emo4mes").html(emo).show("slow");} });}); var offsetfromcursorX = 12; var offsetfromcursorY = 10; var offsetdivfrompointerX = 10; var offsetdivfrompointerY = 15; document.write('
'); document.write(''); var ie = document.all; var ns6 = document.getElementById && ! document.all; var enabletip = false; var tipobj = document.getElementById("dhtmltooltip"); var pointerobj = document.getElementById("dhtmlpointer"); function ietruebody() { return (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body; } String.prototype.trim = function () { return this.replace(/^\s*/, "").replace(/\s*$/, ""); } function showtip(thetext, thewidth, thecolor) { if (ns6 || ie) { if (typeof thewidth != "undefined") tipobj.style.width = thewidth + "px"; if (typeof thecolor != "undefined" && thecolor != "") tipobj.style.backgroundColor = thecolor; thetext = thetext.trim(); var arr = thetext.split(" "); for(i=0;i=40) thetext=thetext.replace(arr[i],arr[i].substr(0,40)+"..."); tipobj.innerHTML = thetext; enabletip = true; return false; } } function positiontip(e) { if (enabletip) { var nondefaultpos = false; var curX = (ns6) ? e.pageX : event.clientX + ietruebody().scrollLeft; var curY = (ns6) ? e.pageY : event.clientY + ietruebody().scrollTop; var winwidth = ie && ! window.opera ? ietruebody().clientWidth : window.innerWidth - 20; var winheight = ie && ! window.opera ? ietruebody().clientHeight : window.innerHeight - 20; var rightedge = ie && ! window.opera ? winwidth - event.clientX - offsetfromcursorX : winwidth - e.clientX - offsetfromcursorX; var bottomedge = ie && ! window.opera ? winheight - event.clientY - offsetfromcursorY : winheight - e.clientY - offsetfromcursorY; var leftedge = (offsetfromcursorX < 0) ? offsetfromcursorX * (- 1) : - 1000; if (rightedge < tipobj.offsetWidth) { tipobj.style.left = curX - tipobj.offsetWidth + "px"; nondefaultpos = true; } else if (curX < leftedge) tipobj.style.left = "5px"; else { tipobj.style.left = curX + offsetfromcursorX - offsetdivfrompointerX + "px"; pointerobj.style.left = curX + offsetfromcursorX + "px"; } if (bottomedge < tipobj.offsetHeight) { tipobj.style.top = curY - tipobj.offsetHeight - offsetfromcursorY + "px"; nondefaultpos = true; } else { tipobj.style.top = curY + offsetfromcursorY + offsetdivfrompointerY + "px"; pointerobj.style.top = curY + offsetfromcursorY + "px"; } tipobj.style.visibility = "visible"; if (! nondefaultpos) pointerobj.style.visibility = "visible"; else pointerobj.style.visibility = "hidden"; } } function hidetip() { if (ns6 || ie) { enabletip = false; tipobj.style.visibility = "hidden"; pointerobj.style.visibility = "hidden"; tipobj.style.left = "-1000px"; tipobj.style.backgroundColor = ''; tipobj.style.width = ''; } } document.onmousemove = positiontip; $(function(){ $("a[rel='example1']").colorbox(); $(".lttluvmes").colorbox({width:"50%", inline:true, href:"#c3_luvmes"}); $(".login_ca3").colorbox({width:"50%", inline:true, href:"#login_ca3"}); $(".bbcode").colorbox({width:"50%", inline:true, href:"#ca3_bbcode"}); $(".c3_reply").colorbox({width:"50%", inline:true, href:"#ca3_reply"}); $(".example6").colorbox({iframe:true, innerWidth:425, innerHeight:344}); $(".example7").colorbox({width:"80%", height:"80%", iframe:true}); $.get('/profile.forum?mode=editprofile&page_profil=friendsfoes', function(data) { c3moi= $('.forumline:eq(2) .row2', data).html();c3ban= $('.forumline:eq(0) .row2', data).html(); $('#c3zfriend').html(c3moi);$('#c3zfriends').html(c3ban); var i = 0, ii = 0; $('.forumline:eq(2) .row2 .friends-foes-list',data).each(function(index){i++;}); $('#c3dem').text($('#c3dem').text()+i+" "); $('.forumline:eq(0) .row2 .friends-foes-list',data).each(function(index){ii++;}); $('#nban').text($('#nban').text()+ii+" "); }); }) $(document).ready(function(){$("[class*='add-google']").remove();$("[id*='add-google-bottom']").remove()}); $(function () { if (location.pathname === "/profile") { $("td.row1:contains('avatar-dulieu')").parent().remove(); }; $("img[src$=/.gif], .fmviPro5:contains('avatar-dulieu')").remove(); });

Sau đó tìm http://clubteen9x.us.to/h160- trong footer thay bằng link html các bạn vừa tạo.
Bấm chấp nhận.hehe
mình chưa hiểu ý bạn lúm ? :-/

Xem lý lịch thành viên http://chiaseonline.us.to

7 Re: [Codes] Tooltip đen chuẩn cho forum on Sat Apr 28, 2012 12:50 pm

Ty Khoai Lang

avatar
Thành Viên
Thành Viên
xem

Xem lý lịch thành viên http://teenhanoi.us.to

8 Re: [Codes] Tooltip đen chuẩn cho forum on Sun Apr 29, 2012 12:55 pm

withfun

avatar
Thành Viên
Thành Viên
xem

Xem lý lịch thành viên http://teen-ub.forumvi.com/

9 Re: [Codes] Tooltip đen chuẩn cho forum on Sun Apr 29, 2012 1:01 pm

withfun

avatar
Thành Viên
Thành Viên
hihi thanks

Xem lý lịch thành viên http://teen-ub.forumvi.com/

10 Re: [Codes] Tooltip đen chuẩn cho forum on Sun May 13, 2012 6:05 pm

trantin27

avatar
Thành Viên
Thành Viên
tk

Xem lý lịch thành viên http://tpcaolanh.us.to/

11 Re: [Codes] Tooltip đen chuẩn cho forum on Mon May 14, 2012 9:26 pm

rockmanvnx6

avatar
Thành Viên
Thành Viên
xem

Xem lý lịch thành viên http://css-style.forumvi.com/

12 Re: [Codes] Tooltip đen chuẩn cho forum on Wed May 16, 2012 10:11 pm

HoàngTửNaivip5p

avatar
Thành Viên
Thành Viên
hehe, vấn đề là tớ ko thể chỉnh sửa đc mấy cái nì. Đau đầu ghê! Nhấn vào nút tick màu xanh thì cái mà ngồi đợi mãi nó ko hiện chán quá.

Xem lý lịch thành viên http://shun----showluo.forumvi.com/

13 Re: [Codes] Tooltip đen chuẩn cho forum on Thu May 17, 2012 9:01 am

ebtesam

avatar
Thành Viên
Thành Viên

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

14 Re: [Codes] Tooltip đen chuẩn cho forum on Fri May 18, 2012 3:31 pm

kutunvg2010

avatar
Thành Viên
Thành Viên
Dùng thữ cái nào Cười nhăn răng

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

15 Re: [Codes] Tooltip đen chuẩn cho forum on Fri May 18, 2012 5:56 pm

Ken_Vin

avatar
Thành Viên
Thành Viên
xem

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

16 Re: [Codes] Tooltip đen chuẩn cho forum on Mon May 21, 2012 8:22 pm

Hữu Phước

avatar
Thành Viên
Thành Viên
xem

Xem lý lịch thành viên http://diendana1.us.to/forum

17 Re: [Codes] Tooltip đen chuẩn cho forum on Mon May 28, 2012 9:38 pm

Hữu Phước

avatar
Thành Viên
Thành Viên
xem

Xem lý lịch thành viên http://diendana1.us.to/forum

18 Re: [Codes] Tooltip đen chuẩn cho forum on Wed May 30, 2012 7:21 pm

xem

Xem lý lịch thành viên http://theworl.6forum.net/

19 Re: [Codes] Tooltip đen chuẩn cho forum on Wed May 30, 2012 7:34 pm

Admin

avatar
Administrators
Administrators

ngauhungbatchot2703 đã viết:xem
xem ji vậy ? Codes đâu có ẩn ?



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

20 Re: [Codes] Tooltip đen chuẩn cho forum on Wed May 30, 2012 8:09 pm

withfun

avatar
Thành Viên
Thành Viên
haha bệnh thế ko biết hehe

Xem lý lịch thành viên http://teen-ub.forumvi.com/

21 Re: [Codes] Tooltip đen chuẩn cho forum on Thu May 31, 2012 1:29 am

trantin27

avatar
Thành Viên
Thành Viên
tk

Xem lý lịch thành viên http://tpcaolanh.us.to/

22 Re: [Codes] Tooltip đen chuẩn cho forum on Thu May 31, 2012 9:22 pm

hakuba

avatar
Thành Viên
Thành Viên
xem

Xem lý lịch thành viên http://hohteam.5forum.net

23 Re: [Codes] Tooltip đen chuẩn cho forum on Thu May 31, 2012 9:22 pm

hakuba

avatar
Thành Viên
Thành Viên
xem

Xem lý lịch thành viên http://hohteam.5forum.net

24 Re: [Codes] Tooltip đen chuẩn cho forum on Fri Jun 08, 2012 3:22 pm

WhiteShark

avatar
Thành Viên
Thành Viên
cái tooltip đẹp thật! Để làm cái tooltip giống như ngoài trang chủ thì làm ntn nhỉ?

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

25 Re: [Codes] Tooltip đen chuẩn cho forum on Sat Jun 09, 2012 8:20 pm

Admin

avatar
Administrators
Administrators
cái đó thì dùng tootlip theo mẫu Cười nhăn răng



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

Sponsored content


Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 2 trang]

Chuyển đến trang : 1, 2  Next

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