
Yes... We got an addbox function now my fellow multipliers ... LMAO but seriously bcoz of my hard research and lots of pack of cigarette
that i smoked this is the fruit of my labor...
Just like in friendster
remember the addbox("RIGHT","THIS IS ADDBOX",add,"addbox",null)?
that is the application for friendster right?
This is how we tweak Multiply for Addbox Function.....
Requirements: Focus.. use ur taijitsu and ninjitsu
Read and Fallow Instruction Below.
1. This is the arrangements of your boxes should be..

![]()
welcome box = mainbox_1
photo box = mainbox_2
blog box = mainbox_3
guestbook = mainbox_4
Q: Why fallow?
A: Because we're going to need the id of each boxes in this addbox function
3. You will need to fill the content of your photobox, welcome box, and blog box..
For Example:
In Welcome Box(Message Area) : You can type HELLO WORLD or type anything you want
In Photobox: Upload your picture or any kind of picture
In BlogBox: Write anything in your Blog
Q: What's the use of filling its contents
A: Because your page viewer will not see any of your boxes if it doesn't have a content and the result your tweaks will not take effect.
Make sure you fallow my instruction about the arrangement of your boxes
Ok Lets start with the code
Insert this inside your JS FILE /* ADDBOX FUNCTION */
function addBox (type,head,htm,id,sibling) {
//by blurrycloud multiply version 2008-3000
//credits to marfillaster friendster version
//type "top" | "bottoml" | "bottomr" | "siderail"
//head header string
//htm innerHTML string
//id css_id string
/* Available default Siblings
Coming Soon
*/
try {
var br=document.createElement("li");
} catch(e) {
var br=document.createElement("<br>");
}
if(type=="top") {
var ul=document.getElementById("mainbox_1");
htm="<div class='itemboxsub'>"+htm+"</div>";
}
else if(type=="bottomr") {
var ul=document.getElementById("mainbox_4");
}
else if(type=="siderail") {
var ul=document.getElementById("rail");
}
else var ul=document.getElementById("mainbox_3");
br.innerHTML="<br><div id='"+id+"' class='itemboxsub "+id+"'>"+
"<h2>"+head+"</h2>"+
"<div id='content_"+id+"'>"+htm+
"</div>"+
"</div>";
if(sibling==null) ul.appendChild(br);
else {
sibling=document.getElementById(sibling);
ul.insertBefore(br,sibling);
}
}Using the addbox Function in Friendster we only got 2 types/positions, the Mainbar and the Sidebar
But in multiply i discovered 4 types/positions isn't that cool?
so many positions to choose from.
Below are the following types/positions.
1. Top Position = Rectangular boxes just like photobox and welcome box
2. Bottom Left = Square Boxes in bottom left position
3. Bottom Right = Square Boxes in bottom right position
4. Rail = Possible small square boxes that can be put under your rail.
This is the application of each boxes positions
TOP application
var addbox1="PUT ANYTHING HERE";
addBox("top","TITLE HEADER",addbox1,"addbox1");
BOTTOM LEFT application
var addbox1="PUT ANYTHING HERE";
addBox("bottoml","TITLE HEADER",addbox1,"addbox1");
BOTTOM RIGHT application
var addbox1="PUT ANYTHING HERE";
addBox("bottomr","TITLE HEADER",addbox1,"addbox1");
UNDER RAIL application
var addbox1="PUT ANYTHING HERE";
addBox("siderail","TITLE HEADER",addbox1,"addbox1");
Ok This is how to apply the addbox function in 4 types/positions
function addBox (type,head,htm,id,sibling) {
//by blurrycloud multiply version 2008-3000
//credits to marfillaster friendster version
//type "top" | "bottoml" | "bottomr" | "siderail"
//head header string
//htm innerHTML string
//id css_id string
/* Available default Siblings
Coming Soon
*/
try {
var br=document.createElement("li");
} catch(e) {
var br=document.createElement("<br>");
}
if(type=="top") {
var ul=document.getElementById("mainbox_1");
htm="<div class='itemboxsub'>"+htm+"</div>";
}
else if(type=="bottomr") {
var ul=document.getElementById("mainbox_4");
}
else if(type=="siderail") {
var ul=document.getElementById("rail");
}
else var ul=document.getElementById("mainbox_3");
br.innerHTML="<br><div id='"+id+"' class='itemboxsub "+id+"'>"+
"<h2>"+head+"</h2>"+
"<div id='content_"+id+"'>"+htm+
"</div>"+
"</div>";
if(sibling==null) ul.appendChild(br);
else {
sibling=document.getElementById(sibling);
ul.insertBefore(br,sibling);
}
}
//ONLOAD HANDLER
if (!addEvent(function() { onPageLoad();})) { window.onload = function() { onPageLoad();};}
function onPageLoad() {
//TOP application
var addbox1="PUT ANYTHING HERE";
addBox("top","TITLE HEADER",addbox1,"addbox1");
//BOTTOM LEFT application
var addbox2="PUT ANYTHING HERE";
addBox("bottoml","TITLE HEADER",addbox2,"addbox2");
//BOTTOM RIGHT application
var addbox3="PUT ANYTHING HERE";
addBox("bottomr","TITLE HEADER",addbox3,"addbox3");
//UNDER RAIL application
var addbox4="PUT ANYTHING HERE";
addBox("siderail","TITLE HEADER",addbox4,"addbox4");
//OTHER BOXES YOU LIKE TO ADD
}//END OF ONLOAD HANDLER
//OTHER SCRIPTS HERE
//EX: Random Images Script
Assuming this is the new boxes you added in your multiply profile
Preview for Bottom Left Position and Bottom Right Position
Preview for Top Position and Rail Position
Ex of finish code:
function addBox (type,head,htm,id,sibling) {
//by blurrycloud multiply version 2008-3000
//credits to marfillaster friendster version
//type "top" | "bottoml" | "bottomr" | "siderail"
//head header string
//htm innerHTML string
//id css_id string
/* Available default Siblings
Coming Soon
*/
try {
var br=document.createElement("li");
} catch(e) {
var br=document.createElement("<br>");
}
if(type=="top") {
var ul=document.getElementById("mainbox_1");
htm="<div class='itemboxsub'>"+htm+"</div>";
}
else if(type=="bottomr") {
var ul=document.getElementById("mainbox_4");
}
else if(type=="siderail") {
var ul=document.getElementById("rail");
}
else var ul=document.getElementById("mainbox_3");
br.innerHTML="<br><div id='"+id+"' class='itemboxsub "+id+"'>"+
"<h2>"+head+"</h2>"+
"<div id='content_"+id+"'>"+htm+
"</div>"+
"</div>";
if(sibling==null) ul.appendChild(br);
else {
sibling=document.getElementById(sibling);
ul.insertBefore(br,sibling);
}
}
if (!addEvent(function() { onPageLoad();})) { window.onload = function() { onPageLoad();};}
function onPageLoad() {
var pot="<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=432345564245203918&site=widget-e7.slide.com\" style=\"width:80%;height:125px\" name=\"flashticker\" align=\"middle\"/><div style=\"width:100%;text-align:center;\">";
addBox("top","<font size=2px>ADDBOX ON TOP POSITION</font>",pot,"pot");
}That's it you got a newbox... MULTIPLY VERSION
Ps: My fellow friends you can give advice about this function ... let's help each other we're all new in multiply tweaking thankyou...
Hurry up guys... put your friendster TWEAK in multiply...
Q and A...
multiplytweaker: Why the heck my page viewer can't see my addbox but i can see it in my own eyes?
blurrycloud:![]()
I suggest, fallow my first instruction about arrangement of boxes...
Changelog:
Fix for division/spaces between new boxes 01/15/08
Added Onload Handler 01/16/08
Added two new types/positions 01/16/08
Last edited by blurrycloud (2008-05-17 06:04:37)
first to comment.. webbbeeeee
amazing bro..
+repu for you! 



^ whehehe thanks sis... anything that can help this section... im going to review now for my quizzes in school ... wakkakaka i have no time to review im addict now in tweaking multiply... LOLOLOLOLO
Logging off now...
@all: if you have problems with this new function... don't be shy to ask... i'll answer all your questions when i am online... though i am online 24hours not unless i have classes in school...

Last edited by blurrycloud (2008-01-14 08:08:43)

WOW..
THX for the this bro... ![]()

|
First post updated for the addbox function
Look for this line the two <br><br> that i added is to have a division for your new boxes...
li.innerHTML="<br><br><div id='"+id+"' class='itemboxsub "+id+"'>"+

@sir feruzz.. i didn't get it.. what do you mean by multiply have their addbox stuff?
you mean the default boxes we see in our multiply profile? by the way thanks for the comment... sir feruzz. hehe
Last edited by blurrycloud (2008-01-15 06:30:35)
just a tip...this is unnecessary
if (!addEvent(function() { ADDBOX.init();})) { window.onload = function() { ADDBOX.init();};}
it is used to trigger the content
example
if (!addEvent(function() { editcontent();})) { window.onload = function() { editcontent();};}
function editcontent() {
var addbox1="PUT ANYTHING HERE";
addBox("TOP","TITLE HEADER",addbox1,"addbox1");
}
ah i z. . i'll update .. thanks sir..

^
Yep you don't need that anymore
Because there is no Object function in your code.
Anyway, just sharing mine.
if (!addEvent(function() { addNewBox.init();})) { window.onload = function() { addNewBox.init();};}
if (typeof addNewBox == "undefined") { addNewBox = {}; }
addNewBox = {
init: function() {
var head = "Test Box";
var code = "CODES HERE";
this.load(head,code,"test_box","mainbox_1");
},
load: function (header,cont,id,sibling) {
var base=document.getElementById(sibling).parentNode;
try{
var obj=document.createElement("div")
}
catch(e){
var obj=document.createElement("<div>")}
obj.innerHTML="<img alt='.'"+
"src='http://images.multiply.com/common/dot_clear.gif' width='1' height='20'>"+
"<div id='"+id+"'>"+
"<div class=itemboxsub>"+
"<table border=0 cellpadding=0 cellspacing=0 width='100%'><tr>"+
"<td class=icon width=16>"+
"<img alt='"+header+"' title='"+header+"'"+
"src='http://images.multiply.com/multiply/icons/clean/24x24/tagbox.png'"+
"width='24' height='24'>"+
"</td>"+
"<td class=cattitle>"+
"<a name=\""+header+"\"></a>"+header+""+"<b class='cn tl'></b>"+
"<b class='cn tr'></b></td><td class=itemsubsub></td></tr></table>"+
"</div><div class=itemshadow>"+
"<div class=itembox>"+cont+"</div>"+
"<div class=itemboxbottom>"+
"<b class='cn bl'></b><b class='cn br'></b>"+
"</div></div></div><img alt='.'"+
"src='http://images.multiply.com/common/dot_clear.gif'"+
"width='1' height='20'>";
base.appendChild(obj);
}
};You can see my profile on how it works..
I placed an MP3 Player in it 
Last edited by xavierkym (2008-01-15 19:24:37)

First post updated... im still confused on onloadhandler...

for ex. how can i enclosed this with onloadhandler... i tried to experiment.. didn't work.. lots of research to do..
var pet="<br><center><embed src='http://www.chocopets.com/chocopets.swf?pid=12875' wmode='transparent' quality=high pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width='180' height='300'></embed></center>";
addBox("TOP","<center>Play With Monster When Im Not Here</center>",pet,"pet");
/*Another Box Here*/
/*Another Box Here*/
Last edited by blurrycloud (2008-01-15 20:14:08)

if (!addEvent(function() { onPageLoad();})) { window.onload = function() { onPageLoad();};}
function onPageLoad() {
var pet="<br><center><embed src='http://www.chocopets.com/chocopets.swf?pid=12875' wmode='transparent' quality=high pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width='180' height='300'></embed></center>";
addBox("TOP","<center>Play With Monster When Im Not Here</center>",pet,"pet");
}
function addBox (type,head,htm,id,sibling) {
try {
var li=document.createElement("li");
} catch(e) {
var li=document.createElement("<li>");
}
if(type=="middle") {
var ul=document.getElementById("mainbox_1");
htm="<div class='boxcontent'>"+htm+"</div>";
}
else var ul=document.getElementById("mainbox_3");
li.innerHTML="<br><br><div id='"+id+"' class='itemboxsub "+id+"'>"+
"<h2>"+head+"</h2>"+
"<div id='content_"+id+"'>"+
htm+
"</div>"+
"</div>";
if(sibling==null) ul.appendChild(li);
else {
sibling=document.getElementById(sibling);
ul.insertBefore(li,sibling);
}
}This is how you apply the handler
I hope you get it 

First post updated added 2 new positions...
![]()

wow!! i'll try dis later.. weee!! thanx for sharing bro!! good job!

^ no problem bro.. thanks

thanks for sharing!


ur welcome guys

xavierkym wrote:
^
Yep you don't need that anymoreBecause there is no Object function in your code.
Anyway, just sharing mine.![]()
Code:
if (!addEvent(function() { addNewBox.init();})) { window.onload = function() { addNewBox.init();};} if (typeof addNewBox == "undefined") { addNewBox = {}; } addNewBox = { init: function() { var head = "Test Box"; var code = "CODES HERE"; this.load(head,code,"test_box","mainbox_1"); }, load: function (header,cont,id,sibling) { var base=document.getElementById(sibling).parentNode; try{ var obj=document.createElement("div") } catch(e){ var obj=document.createElement("<div>")} obj.innerHTML="<img alt='.'"+ "src='http://images.multiply.com/common/dot_clear.gif' width='1' height='20'>"+ "<div id='"+id+"'>"+ "<div class=itemboxsub>"+ "<table border=0 cellpadding=0 cellspacing=0 width='100%'><tr>"+ "<td class=icon width=16>"+ "<img alt='"+header+"' title='"+header+"'"+ "src='http://images.multiply.com/multiply/icons/clean/24x24/tagbox.png'"+ "width='24' height='24'>"+ "</td>"+ "<td class=cattitle>"+ "<a name=\""+header+"\"></a>"+header+""+"<b class='cn tl'></b>"+ "<b class='cn tr'></b></td><td class=itemsubsub></td></tr></table>"+ "</div><div class=itemshadow>"+ "<div class=itembox>"+cont+"</div>"+ "<div class=itemboxbottom>"+ "<b class='cn bl'></b><b class='cn br'></b>"+ "</div></div></div><img alt='.'"+ "src='http://images.multiply.com/common/dot_clear.gif'"+ "width='1' height='20'>"; base.appendChild(obj); } };You can see my profile on how it works..
I placed an MP3 Player in it
what if i want to put my cbox code?
coz when i try it nothings happened
what should i do?
pls..help me
----HER'S MY CODE----
<!-- BEGIN CBOX - www.cbox.ws --> <div align="center" id="cboxdiv"> <iframe frameborder="0" width="200" height="147" src="http://www3.cbox.ws/box/?boxid=XXXXXX&boxtag=XXXX&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#000000 1px solid;border-bottom:0px" id="cboxform"></iframe><br/> <iframe frameborder="0" width="200" height="103" src="http://www3.cbox.ws/box/?boxid=2XXXXXX&boxtag=XXXX&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#000000 1px solid;" id="cboxmain"></iframe> </div> <!-- END CBOX -->

-Offline- |

You can try this
Full Code... With your Cbox id and tag... using the addbox function
function addBox (type,head,htm,id,sibling) {
//by blurrycloud multiply version 2008-3000
//credits to marfillaster friendster version
//type "top" | "bottoml" | "bottomr"
//head header string
//htm innerHTML string
//id css_id string
/* Available default Siblings
LOLS I'LL UPDATE SIBLINGS SOON... Researching
*/
try {
var br=document.createElement("li");
} catch(e) {
var br=document.createElement("<br>");
}
if(type=="middle") {
var ul=document.getElementById("mainbox_1");
htm="<div class='itemboxsub'>"+htm+"</div>";
}
else if(type=="bottomr") {
var ul=document.getElementById("mainbox_4");
}
else if(type=="siderail") {
var ul=document.getElementById("rail");
}
else var ul=document.getElementById("mainbox_3");
br.innerHTML="<br><div id='"+id+"' class='itemboxsub "+id+"'>"+
"<h2>"+head+"</h2>"+
"<div id='content_"+id+"'>"+htm+
"</div>"+
"</div>";
if(sibling==null) ul.appendChild(br);
else {
sibling=document.getElementById(sibling);
ul.insertBefore(br,sibling);
}
}
if (!addEvent(function() { onPageLoad();})) { window.onload = function() { onPageLoad();};}
function onPageLoad() {
var cbox ="<iframe frameborder='0' width='40%' height='260' src='http://www3.cbox.ws/box/?boxid=2606551&boxtag=5530&sec=main' marginheight='2' marginwidth='2' scrolling='auto' allowtransparency='yes' name='blurry' id='blurry'></iframe><br/><form name='chat' width='60%' target='blurry' action='http://www3.cbox.ws/box/?boxid=2606551&boxtag=5530&sec=submit' method='post'><input type='hidden' name='nme' value='"+pageViewerFName+"'><input type='hidden' maxlength='50' name='eml' value='http://"+pageViewerFName+".multiply.com/'><textarea style='overflow:hidden' class='cboxMsgArea' cols='22' rows='3' name='pst'></textarea><br /><input type='submit' class='cboxButtons' value='Submit' name='asa' onmouseover=\"this.className='cboxButtons cboxButtonshov'\" onmouseout=\"this.className='cboxButtons'\"><input class='cboxButtons' type='reset' value='Clear' maxlength='23' onClick='reset()' onmouseover=\"this.className='cboxButtons cboxButtonshov'\" onmouseout=\"this.className='cboxButtons'\"><input type='button' class='cboxButtons' value='Refresh' name='blurry' onClick='window.blurry.location.href=document.getElementById(\"blurry\").src' onmouseover=\"this.className='cboxButtons cboxButtonshov'\" onmouseout=\"this.className='cboxButtons'\"><br /><b><font color=#ff0000>Chat Box</font></b> <b><font color=#00FF00>Reminder: </font></b> <b><font color=#00FFFF>Please Log-In To Your <br>Multiply Account</font></b> </form>";
addBox("siderail","Let's Sit And Talk",cbox,"cbox");
}
var pageOwnerFName;
var pageViewerFName;
pageOwnerFName = window.location.href.slice(7, window.location.href.indexOf("."));
try {
pageViewerFName = getElementsByClassName(null,"span","signoutid")[0].firstChild.innerHTML.replace(/Hi,\s+?/gim, "");
}catch(e) {
pageViewerFName = "";
}
function getElementsByClassName(oElm,sTag,sClass) {
var elm = [];
if (!oElm)oElm = document;
if (!sTag)sTag = "*";
var els = oElm.getElementsByTagName(sTag) || document.all;
for (var j=0,k=els.length;j<k;j++) {
if (new RegExp(sClass).test(els[j].className)) {
elm.push(els[j]);
}
}
return elm;
}Last edited by blurrycloud (2008-02-19 02:04:23)

How to change the background image of the itemboxsub of the new box?
-Offline- |