@bloodthoughts: understand the arrangement. [b]Example:[/b] [quote]//Other Codes Here Loading Page css injection //onload handler function onProfileLoad() { //insert generated boxes here //Music Playlist var header="My Music Playlist"; var music="<div style=\"text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:450px;\">"+ "<object type=\"application/x-shockwave-flash\" width=\"99%\" height=\"270\""+ "data=\"http://www.musicplaylist.us/loadplaylist/YOUR OWN #/config_COLOR/270/430/true\">"+ "<param name=\"bgcolor\" value=\"#e8e8e8\">"+ "<param name=\"movie\""+ "value=\"http://www.musicplaylist.us/loadplaylist/YOUR OWN #/config_COLOR/270/430/true\">"+ "</object>"+ "<BR><a href=http://www.musicplaylist.us><img src=http://www.musicplaylist.us/mc/images/create_blue.jpg border=0></a><a href=http://www.musicplaylist.us/standalone/YOUR OWN # target=_blank><img src=http://www.musicplaylist.us/mc/images/launch_blue.jpg border=0></a><a href=http://www.musicplaylist.us/download/YOUR OWN #><img src=http://www.musicplaylist.us/mc/images/get_blue.jpg border=0></a>"+ "</div>"; addBox(header,music,"custombox_906",/commonbox[\s]*?moreabout/i); //CBox var header="My ChatBox"; var shoutmix="<!-- Begin ShoutMix - http://www.shoutmix.com -->"+ "<iframe title=\"samuselle\" src=\"http://www2.shoutmix.com/?USERNAME\" width=\"99%\" height=\"400\" frameborder=\"0\" scrolling=\"auto\">"+ "<a href=\"http://www2.shoutmix.com/?USERNAME\">View shoutbox</a>"+ "</iframe>"+ "<br /><a href=\"http://www.shoutmix.com\" title=\"Get your own free shoutbox at ShoutMix!\">Free shoutbox @ ShoutMix</a><br />"+ "<!-- End ShoutMix -->"; addBox(header,shoutmix,"custombox_873","right"); //Wvm Cbox var header="wvmcbox"; var cbox="<div align='center' id='cboxdiv'>"+ "<iframe frameborder='0' width='99%' height='250' src='http://www.cbox.ws/box/?boxid=#######&boxtag=####&sec=main' marginheight='2' marginwidth='2' scrolling='auto' allowtransparency='yes' name='wvmcboxmain' id='wvmcboxmain'>"+ "</iframe>"+ "</div>"; addBox(header,cbox,"custombox_185",/standalonebox[\s]*?ads/i); //Vertical Slide in your Friends Box var shakiro="<br>EMBED VERTICAL SLIDE CODES HERE<div style=\"width:100%;text-align:center;\">| <a href=\"http://www.friendster.com/friends/your userid\" target=\"_blank\"><b>*View My Friends*</a> |</div>"; document.getElementById('content_2').style.height='100%'; document.getElementById('content_2').style.overflowY='hidden'; document.getElementById('content_2').innerHTML = "<table width='100%'><tr><td align='center'>"+shakiro+"</td></tr></table>"; //Photo Gallery Slide var slodde = "<embed src=\"http://widget-e7.slide.com/widgets/slideticker.swf\" type=\"application/x-shockwave-flash\" quality=\"high\" scale=\"noscale\" salign=\"l\" wmode=\"transparent\" flashvars=\"cy=fr&il=1&channel=YOUR OWN NUMBER&site=widget-e7.slide.com\" style=\"width:100%;height:125px\" name=\"flashticker\" align=\"middle\"/><div style=\"width:100%;text-align:center;\"><a href=\"http://www.friendster.com/photos/USERID\" target=\"_blank\"><b>View All Photo</a> | <a href=\"http://www.friendster.com/friendphotoupload.php?uid=USERID\" target=\"_blank\">Upload Photo Fo Me</b></a></div>"; document.getElementById('content_1').style.height='100%'; document.getElementById('content_1').style.overflowY='hidden'; document.getElementById('content_1').innerHTML = "<table width='100%'><tr><td align='center'>"+slodde+"</td></tr></table>"; //Icon Under Control Panel var penyuberenang; try {penyuberenang = document.createElement("div");} catch (e) {penyuberenang = document.createElement("<div>");} penyuberenang.innerHTML ="<img src='http://www.danasoft.com/sig/filename.jpg'>"; penyuberenang.setAttribute("style","text-align:center;padding-top:10px"); document.getElementById("controlPanelButtons").parentNode.appendChild(penyuberenang); } if (!attachOnLoadHandler(function(){onProfileLoad()})) window.onload = function(){onProfileLoad()}; function addBox(head,code,id,siblingafter) { /* head: html string title null - no header bar code: html string content id: unique string css pointer siblingafter: regexp classname 'left' - mainbar column end 'right' - sidebar column end */ try { var li=document.createElement("li"); } catch(e) { var li=document.createElement("<li>"); } if(!head) head=""; else head="<h2>"+head+"</h2>"; li.innerHTML="<div id=\""+id+"\" class=\"commonbox "+id+"\">"+ head+ "<div id=\"content_"+id+"\">"+ code+ "</div>"+ "</div>"; if(siblingafter=="left") getElementsByClass(/commonbox[\s]*?controlpanel/i,null,"DIV")[0].parentNode.parentNode.appendChild(li); else if(siblingafter=="right") getElementsByClass(/commonbox[\s]*?friends/i,null,"DIV")[0].parentNode.parentNode.appendChild(li); else { var si=getElementsByClass(siblingafter,null,"DIV")[0]; si.parentNode.parentNode.insertBefore(li,si.parentNode); } } function getElementsByClass(searchClass,node,tag) { var classElements = new Array(); if ( node == null ) node = document; if ( tag == null ) tag = '*'; var els = node.getElementsByTagName(tag); var elsLen = els.length; var pattern = new RegExp(searchClass); for (i = 0, j = 0; i < elsLen; i++) { if ( pattern.test(els[i].className) ) { classElements[j] = els[i]; j++; } } return classElements; } //Other codes here[/quote] all of your box codes must be inside the [b]Onload Handler.[/b] which of them are boxcodes? usually all boxcodes starts with [b]var header[/b].

Last edited by ducheszv (2007-12-06 12:32:31)