too slow... how too make it transparent??

[quote]You can't recieve comments from those who aren't added on your friends list in order to recieve comments from the quick comment box the one who will give you a comment must be your friend. You can't give a comment to yourself by using this comment box Only your friends can use this comment box. If you're not their friends you cannot send a comment via "Quick Comment Box".[/quote] heheh... so that is why!! I thought i'm doing it wrong the other day... anyways.. Thanx for the update Feruzz!! ok now... just sharing... review some HTML guys... esp. newbies... so that you can customized it at ur liking like the images below... [img]http://h1.ripway.com/azozena/box1a.JPG[/img] [img]http://h1.ripway.com/azozena/box2a.JPG[/img] [b]area to customized..[/b] on the scripts... look for this parts... [quote][b]smdiv.innerHTML[/b] = "<div style=\"width:420px;\" align=\"center\">"+smdiv.innerHTML+"</div>"; [color=#FF0000]var commform= "<div align=\"center\" class=\"data\">"+ "<p>You Can Also Dress Up Your Testimonial Or Comment With HTML, CSS, And Embed Images & Video! "+ "<a href=\"javascript:popup('/info/helpmedia.php',450,400,'yes');\">Click Here</a> "+ "To Find Out How To <a href=\"javascript:popup('/info/helpmedia.php',450,400,'yes');\">"+ "Add Videos And Images</a>.</p></div>"+[/color] [color=blue]"<div class=\"viewall\" id=\"quickreply\"><center>"+ "<form name=\"testimonial_form\" method=\"post\">"+ "<input type=\"hidden\" name=\"testimonial_firstname\" value=\""+pageOwnerFName+"\">"+ "<input type=\"hidden\" name=\"testimonial_uid\" value=\""+pageViewerID+"\">"+ "<input type=\"hidden\" name=\"_submitted\" value=\"1\">"+ "<table class=\"formtable\"><tr><td class=\"value\">"+ "<textarea id=\"komen\" rows=\"7\" style=\"width:420px\" name=\"body\" onKeyDown=\"textCounter(document.testimonial_form.body,document.testimonial_form.inputcount,"+COMMENTOR.max+");\" onKeyUp=\"textCounter(document.testimonial_form.body,document.testimonial_form.inputcount,"+COMMENTOR.max+");\"></textarea>"+ "</td></tr><tr><td class=\"value\">"+ "<input style=\"padding: 4px 0; margin: 10px 0 6px 0;font-family:Arial;font-weight:bold;color:#17728f;border:1px solid #196B91;background-color:#ffffff\" type=\"button\" name=\"Submit\" onMouseOver=\"window.status='Post';return true;\" onClick=\"javascript:void(COMMENTOR.insertSM());document.testimonial_form.action='http://www.friendster.com/testimonials.php?uid="+pageOwnerID+""+COMMENTOR.amp+"action=add';document.testimonial_form.submit();\" value=\"Submit\">&nbsp;"+ "<input style=\"padding: 4px 0; margin: 10px 0 6px 0;font-family:Arial;font-weight:bold;color:#17728f;border:1px solid #196B91;background-color:#ffffff\" type=\"button\" value=\"Preview\" onclick=\"javascript:void(COMMENTOR.insertSM());javascript:void(COMMENTOR.togglecomprev(0));\">&nbsp;"+ "<input style=\"padding: 4px 0; margin: 10px 0 6px 0;font-family:Arial;font-weight:bold;color:#17728f;border:1px solid #196B91;background-color:#ffffff\" class=\"clearButtons\" type=\"reset\" name=\"cancel\" value=\"Clear\" maxlength=\"25\">&nbsp;"+ "<input style=\"padding: 4px 0; margin: 10px 0 6px 0;font-family:Arial;font-weight:bold;color:#17728f;border:1px solid #196B91;background-color:#ffffff\" class=\"closeButtons\" type=\"reset\" name=\"cancel\" onClick=\"javascript:void(COMMENTOR.cancelForm());\" value=\"Close\">"+ "<div class=\"dc\"><span class=\"q\">Characters&nbsp;remaining&nbsp;</span><input readonly maxlength=\"4\" size=\"4\" value=\""+COMMENTOR.max+"\" name=\"inputcount\"></div>"+ "<div id=\"show\" style=\"display:inline\"><span class=\"q\"><a href=\"javascript:void(COMMENTOR.showForm());\" title=\"Open Smilies Menu\">Open Smilies</a></span></div>"+ "<div id=\"close\" style=\"display:none\"><span class=\"q\"><a href=\"javascript:void(COMMENTOR.hideForm());\" title=\"Close Smilies Menu\">Close Smilies</a></span></div>"+ "<div id=\"hide\" style=\"display:none\">"+smdiv.innerHTML+"</div>"+ "</td></tr></table></form>"+ "</center></div>";[/color][/quote] [quote][color=green] prevBox.innerHTML = "<div id=\"prevComment\" style=\"padding:5px;border:thin solid;\"></div>"+[/color] [color=violet]"<center style=\"padding:5px\">"+ "<input style=\"padding: 4px 0; margin: 10px 0 6px 0;font-family:Arial;font-weight:bold;color:#17728f;border:1px solid #196B91;background-color:#ffffff\" type=\"button\" value=\"Hide Preview\" onClick=\"javascript:void(COMMENTOR.togglecomprev(1));\">"+ "</center>";[/color][/quote] wherein: [color=#FF0000]Red text[/color] is the [b]PART 1[/b] area. [color=blue]Blue text[/color] is the [b]PART 2[/b] area. [b]smdiv.innerHTML[/b] is your [b]smilies area or PART 5[/b] which is included in your [b]PART 2[/b] area also... [color=green]Green text[/color] is the [b]PART 3[/b] area. [color=violet]Violet text[/color] is the [b]PART 4[/b] area. how to: let's take [b]PART 3[/b] as an example... [quote][color=green] prevBox.innerHTML = "<div id=\"prevComment\" style=\"padding:5px;border:thin solid;\"></div>"+[/color][/quote] edit it and then you'll get the [b]PART 3[/b] area. how to: [quote]prevBox.innerHTML = "<div id=\"prevComment\" style=\"padding:5px;background:url([b]URL OF BKGD IMAGE[/b]) repeat fixed center; border:4px solid #00ffff;\"></div>"+[/quote] and for my [b]PART 4[/b] area... i did this.. [quote]"<center style=\"padding:5px\">"+ "<img src='http://e.deviantart.com/emoticons/s/skullbones.gif'>"+ "<input type='button' value='Hide Preview' onClick=\"javascript:void(COMMENTOR.togglecomprev(1));\" class=\"[b]askal[/b]\" onmouseover=\"this.className='[b]askal askalhov[/b]'\" onmouseout=\"this.className='[b]askal[/b]'\" >"+ "<img src='http://e.deviantart.com/emoticons/s/skullbones.gif'>"+ "</center>";[/quote] wherein [b]askal[/b] and [b]askalhov[/b] are [b]ID's[/b] for a customized buttons.. so use [b]CSS[/b] for that... and use [b]break tags[/b] like this.. [b]<b>[/b] or these [b]"<b>"+[/b] in order for you to seperate text or certain areas... so go check now for threads with some [b]HTML and CSS[/b] application on it in order for you to customized your comments box... like the CBox, Customized Navigation,Field Areas or buttons... Happy Hunting!! heheh.. for the [b]Header Part[/b]... i guess u already know how to edit it... or check the addbox or header threads.. credits to [b]FERUZZ[/b]

Last edited by Refresh/Reload (2007-12-28 14:30:09)

this one is kewL..can we costumize the box the colors the fonts etc. using css?.

haha @kino you're always good in designing.. that's where I suck.

try to refresh your page. . .

I found a bug in the last updates anyway 1st post updated (Fixed bug)

Last edited by feruzz (2007-12-29 07:20:55)

I'll try it when i have time.. tnx for sharing the code!

can we add this on an overlay layout??

Last edited by ainhee22 (2007-12-30 00:59:33)

its great feruzz im using this now in my other profile...cheers!

Hey guys, where in this code can I add smilies?