uhm, Great Day guyz, Let me share this one of my trick, about DropDownPanel (cbox w/smiLies). Credits: [b]DynamicDrive[/b] and yours truLy... ^^ Live Preview: [url=http://www.friendster.com/mlee18][b]My Profile[/b][/url] Screenshot: [img]http://h1.ripway.com/aljean20/preview_01.jpg[/img] [img]http://h1.ripway.com/aljean20/preview_02.jpg[/img] [b]Step 1:[/b] create new text fiLe using notepad, then copy the given code beLow, and paste it. (edit some boLd part of the code), and after that, save it as [b]ddpaneL.js[/b] then, upLoad in your fiLe hosting. [quote]//DropDownPanel (cbox) function onPageLoad() { //dropdownpaneLbox (cbox) ddpcbox=document.createElement("div"); ddpcbox.id="dropdownpaneL"; document.getElementById("marketing_bg").parentNode.appendChild(ddpcbox); dropdownpaneL.innerHTML="<center><div class='ddpaneL' align='center' style='margin-top: 30px;width: 650px;'>"+ "<div id='mypanel' class='ddpanel'>"+ "<div id='mypanelcontent' class='ddpanelcontent' style='padding-top: 10px !important;'><strong style='font-family:arial;font-size: 12px;font-weight:bold;color: #fff;'>My ChatBox</strong>"+ "<div style='background:url();border-top:1px solid #000;width:610px;margin-top:22px;height:auto;'>"+ "<div style='text-align:center;font-family:verdana;font-size:10px;font-weight:normal;color:#fff;margin-top:5px;'>To <strong>Show</strong>/<strong>Hide</strong> my paneL box just cLick on my arrow button at the right bottom!</div>"+ "<table style='margin-left:10px;margin-top:10px;background-color:transparent;width:180px;height:200px;margin-bottom:10px;' align='left'>"+ "<td><tr>"+ "<div class='smiLeybox' style='width:95%;height:95%;text-align:center !important;word-spacing:5px;'>"+ "<br><div style='font-family:verdana;font-size:10px;font-weight:bold;color:#ff7e00;text-align:center;word-spacing:normal !important;'>Feel free to use<br>some of my smiLies!<br>^.^</div><br>"+ "<img src='http://cbox.ws/smilies/1/smile.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' ')\">"+ " <img src='http://cbox.ws/smilies/1/biggrin.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' :biggrin: ')\">"+ " <img src='http://cbox.ws/smilies/1/toocool.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' ')\">"+ " <img src='http://cbox.ws/smilies/1/grin.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' ')\">"+ " <img src='http://cbox.ws/smilies/1/glad.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' :glad: ')\">"+ " <img src='http://cbox.ws/smilies/1/lol.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' ' )\">"+ " <img src='http://cbox.ws/smilies/1/tongue.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' ')\">"+ " <img src='http://cbox.ws/smilies/1/wink.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' ')\">"+ " <img src='http://cbox.ws/smilies/1/confused.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' ')\">"+ " <img src='http://cbox.ws/smilies/1/cyclops.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' :cyclops: ')\">"+ " <img src='http://cbox.ws/smilies/1/nuts.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' :nuts: ')\">"+ " <img src='http://cbox.ws/smilies/1/surprised.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' ')\">"+ " <img src='http://cbox.ws/smilies/1/quizzical.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' :quizzical: ')\">"+ " <img src='http://cbox.ws/smilies/1/rollseyes.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' :roll: ')\">"+ " <img src='http://cbox.ws/smilies/1/tired.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' :tired: ')\">"+ " <img src='http://cbox.ws/smilies/1/zonked.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' :zonked: ')\">"+ " <img src='http://cbox.ws/smilies/1/unsure.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' ')\">"+ " <img src='http://cbox.ws/smilies/1/sad.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' ')\">"+ " <img src='http://cbox.ws/smilies/1/aggrieved.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' :aggrieved: ')\">"+ " <img src='http://cbox.ws/smilies/1/aghast.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' :aghast: ')\">"+ " <img src='http://cbox.ws/smilies/1/cry.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' ')\">"+ " <img src='http://cbox.ws/smilies/1/furious.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' :furious: ')\">"+ " <img src='http://cbox.ws/smilies/1/nervous.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' :nervous: ')\">"+ " <img src='http://cbox.ws/smilies/1/angry.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' :x ')\">"+ " <img src='http://cbox.ws/smilies/1/frown.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' ')\">"+ " <img src='http://cbox.ws/smilies/1/heart.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' ')\">"+ " <img src='http://cbox.ws/smilies/1/thebox.gif' style='cursor:pointer;' onClick=\"javascript:DoSmilie(' :thebox: ')\">"+ "<br><br><div style='font-family:verdana;font-size:10px;font-weight:normal;color:#fff;text-align:left;word-spacing:normal !important;'><strong style='text-decoration:blink;'>Hint:</strong> to refresh my cbox without cLicking on my refresh button, try to move your mouse over my cbox frame!</div>"+ "</div>"+ "</tr></td></table>"+ "<table style='background:transparent;margin-top:10px;width:419px;height:auto;' align='left'>"+ "<td><tr>"+ "<div align='center' id='cboxdiv'>"+ "<iframe frameborder='0' width='95%' height='200' src='[b]URL OF UR CBOX (boxtag/boxid)[/b];sec=main' marginheight='2' marginwidth='2' scrolling='auto' allowtransparency='yes' name='cboxmain' style='direction: rtl !important;overflow:hidden;' id='cboxmain' onMouseover='window.cboxmain.location.href=document.getElementById(\"cboxmain\").src'></iframe><br/>"+ "</div>"+ "<form target='cboxmain' action='[b]URL OF UR CBOX (boxtag/boxid)[/b];sec=main' method='post'>"+ "<input type='submit' value='Refresh' name='refresh'>"+ "</form>"+ "</tr></td></table>"+ "</div>"+ "<div id='forminput' style='width:610px;background:transparent;'>"+ "<form name='cbox' method='post' target=\"cboxmain\" action='[b]URL OF UR CBOX (boxtag/boxid)[/b];sec=submit'>"+ "<input type='hidden' name='nme' value='"+pageViewerFName+"'>"+ "<input type='hidden' name='eml' value='http://www.friendster.com/"+pageViewerID+"'>"+ "<textarea style='background: transparent;border:#000000 1px groove;overflow:hidden;width:90% !important;height:50px;color: #ff7e00;font-family:verdana;font-size:10px;' class='cboxMsgArea' cols='45' rows='4' name='pst'></textarea><br>"+ "<input type='hidden' maxlength='200' name='eml' size='20' value='http://profiles.friendster.com/"+pageViewerID+"'>"+ "<br>"+ "<input type='submit' class='cboxButtons' value='Send' target='sbox' name='sub' style='font-family:verdana;font-size:10px;background: transparent;border:1px solid #000;color:#ff7e00;'>"+ " <input type='reset' class='cboxButtons' value='Clear' maxlength='25' style='font-family:verdana;font-size:10px;background: transparent;border:1px solid #000;color:#ff7e00;'>"+ " <input type='button' class='cboxButtons' value='Refresh' name='sbox' onClick='window.cboxmain.location.href=document.getElementById(\"cboxmain\").src' style='background: transparent;border:1px solid #000;color:#ff7e00;font-family:verdana;font-size:10px;'><br><br>"+ "</form></div>"+ "</div>"+ "<div id='mypaneltab' class='ddpaneltab'>"+ "<a href='#' title='show/hide my paneL box'><span></span></a>"+ "</div></div>"+ "</div></center>"; }setTimeout("onPageLoad()",1000); //smiLey function add function showForm(){ var div = document.getElementById("hide"); var show = document.getElementById("show"); var close = document.getElementById("close"); if(div.style.display!="none"){ hideForm();} else{ div.style.display = "block"; show.style.display = "none"; close.style.display = "block";}} function hideForm(){ var div = document.getElementById("hide"); var show = document.getElementById("show"); var close = document.getElementById("close"); div.style.display = "none"; show.style.display = "block"; close.style.display = "none";} function x(){ return;} function DoSmilie(addSmilie, messageDef){ var addSmilie, messageDef, revisedMessage; var currentMessage = document.cbox.pst.value; if(currentMessage==messageDef){currentMessage='';} revisedMessage = currentMessage+addSmilie; document.cbox.pst.value=revisedMessage; document.cbox.pst.focus(); return; }[/quote] NOTE: [b]URL OF UR CBOX (boxtag/boxid)[/b] => http://www4.cbox.ws/box/?boxid=3550383&amp;boxtag=7060&amp Step 2: DownLoad this two different files, [url=http://h1.ripway.com/aljean20/dddropdownpanel.js][b]dddropdownpanel.js[/b][/url] and [url=http://h1.ripway.com/aljean20/dddropdownpanel.css][b]dddropdownpanel.css[/b][/url] > den upLoad in your own fiLe hosting. Step 3: Now, Copy the URL of your [b]ddpaneL.js[/b], [b]dddropdownpanel.js[/b], [b]dddropdownpanel.css[/b]. Step 3: Paste the URL of your 3 fiLes here. [quote]document.write("<script type='text/javascript' src='[b]URL OF YOUR dddropdownpanel.js[/b]'></script>"); document.write("<script type='text/javascript' src='[b]URL OF YOUR ddpaneL.js[/b]'></script>"); document.write("<link href='[b]URL OF YOUR dddropdownpanel.css[/b]' type='text/css' rel='stylesheet'>");[/quote] Step 4: den after that, copy the whoLe codes above, den paste in your JS fiLes. hope you Like this simple trick! GodbLess EveryOne... ^.^