first to say it's full credit to my friend from FT indonesia [b]Nopathz [/b] you're the best for this script.. [color=#FF0000]What is Tool Tips anyway..?[/color] [b]tooltips is something.. (text...or image) that shown.. when you hovered your mouse to an object in our page[/b] a lil preview [img]http://h1.ripway.com/akeboshi227/Tracker/tooltip.jpg[/img] okay now lets begin.. first you have to copy-paste this code into your external.js or tracker.js <">pretty long isn't it..? okay .. now you have the function.. now how to make it work.. the common format for tooltips is like this.. [quote]title="parameter1=[value1] parameter2=[value2] parameter3=[value3]......"[/quote] Parameter Header. Default value = blank Value = string for header. Parameter Body. Default value = blank Value y = string body of the tooltips. Parameter Fadespeed. Default value = 0.04 Value = between 0 - 1 to make how fast tooltips show (fade in). Parameter Delay. Default value = 0 Value = integer delay for tooltips to show [b]for example [/b]: [quote]<DIV style="BORDER: #558844 1px solid;WIDTH:200px;HEIGHT: 75px"> value of DIV bla bla bla </DIV>[/quote] now with tooltips [quote]<DIV [b]title="header=[ Header] body=[ Your TXT tooltips][/b]" style="BORDER: #558844 1px solid;WIDTH:200px;HEIGHT: 75px"> DIV bla bla bla </DIV>[/quote] if you want your tooltips with image (GIF,JPG,PNG) <">another example (in my tracker.js) put this at the bottomest of your tracker.js [quote]// Review Box h=document.getElementById("12").getElementsByTagName("h2")[0]; h.innerHTML="<div title=\"header=[REVIEWS] body=[Tooltips body TXT or Image]\">BOX HEADER</div>"; // CONTROLPANEL BOX h=document.getElementById("controlpanel_header"); h.innerHTML="<div title=\"header=[HEADER] body=[Tooltips TXT or Image]\">=[BOX HEADERt]=</div>"; // PUBLICCOMMENT BOX h=document.getElementById("18").getElementsByTagName("h2")[0]; h.innerHTML="<div title=\"header=[TOOLTIPS HEADER] body=[Tooltips body TXT or Image]\">BOX HEADER</div>"; and so on..... // MOREABOUT BOX h=document.getElementById("6").getElementsByTagName("h2")[0]; h.innerHTML="<div title=\"header=[............] body=[....................]\">.................</div>"; // PHOTOS h=document.getElementById("1").getElementsByTagName("h2")[0]; h.innerHTML="<div title=\"header=[......................] body=[.......................]\">.................</div>";[/quote] and this inside your onload handler [quote]//FRIENDS h=document.getElementById("2").getElementsByTagName("h2")[0]; h.innerHTML="<div title=\"header=[....................] body=[...........................]\">........................</div>"; //FAN h=document.getElementById("7").getElementsByTagName("h2")[0]; h.innerHTML="<div title=\"header=[..................] body=[...............................]\">[..........................]</div>"; //Groups h=document.getElementById("8").getElementsByTagName("h2")[0]; h.innerHTML="<div title=\"header=[....................] body=[.............................]\">[..................................]</div>";[/quote] and for the addbox [quote]addBox("RIGHT","blabla",kawanku,"ynu","2");[/quote] with tooltips [quote]addBox("RIGHT","<div title=\"header=[MORE FRIENDS] body=[Tmandnya ynu yG lain.. hehehe]\">[More Friends]</div>",kawanku,"ynu","2");[/quote] Study the code... use your creativity anyway you can edit this part [quote]function defHdrStyle() { dvHdr.innerHTML='<img style="vertical-align:middle" src="info.gif"> '+dvHdr.innerHTML; dvHdr.style.fontWeight='bold'; dvHdr.style.width='170px'; dvHdr.style.fontFamily='StarTrek Film BT'; dvHdr.style.border='2px solid #000000'; dvHdr.style.padding='4'; dvHdr.style.fontSize='15'; dvHdr.style.color='#ffffff'; dvHdr.style.background='#000000'; dvHdr.style.filter='alpha(opacity=85)'; // IE dvHdr.style.opacity='0.85'; // FF } function defBdyStyle() { dvBdy.style.borderBottom='2px solid #000000'; dvBdy.style.borderLeft='2px solid #000000'; dvBdy.style.borderRight='2px solid #000000'; dvBdy.style.width='170px'; dvBdy.style.fontFamily='StarTrek Film BT'; dvBdy.style.fontSize='14'; dvBdy.style.padding='4'; dvBdy.style.color='#000000'; dvBdy.style.background='#FFFFFF'; dvBdy.style.filter='alpha(opacity=85)'; // IE dvBdy.style.opacity='0.85'; // FF }[/quote] if you want your tooltips with rounded borders.. just paste this code [quote]dvHdr.style.MozBorderRadius='10px 10px 0px 0px';[/quote] in this part <">and this [quote]dvHdr.style.MozBorderRadius='0px 0px 10px 10px';[/quote] on this part <">EDIT : Now with Rounded Corners..hopt u like it #you should test it in other profile first to make it work Sorry for bad english.. For the preview http://profiles.friendster.com/goodboyflavour once more.. credits to Nopathz [url]http://www.friendster.com/nopathz[/url]

Last edited by HyoutoN (2008-01-15 02:56:44)