Ok... Lets make multiply more exciting This is a show/hide trick... blind effects and with out blind effects... and show/hide buttons on your sidebar :idea: Blind Effects download the effects zip file on this link below [url]http://h1.ripway.com/cip6192/Effects.zip[/url] <--- credits to[b] ciprain[/b] inside the file there's a three js file named: scriptaculous.js prototype.js effects.js upload those three file in your ripway account then refer to this code below. put the given url on the bold text below in your own url of each js file. [quote]/*Blurry's Multiply ShowHide Boxes Tweak*/ document.write('<script src="[b]url of scriptaculous.js[/b]" type="text/javascript"></script>'); document.write('<script src="[b]url of prototype.js[/b]" type="text/javascript"></script>'); document.write('<script src="[b]url of effects.js[/b]" type="text/javascript"></script>'); /* ONLOAD HANDLER */ if (!addEvent(function() { HEADER.init();})) { window.onload = function() { HEADER.init();};} /* END ONLOAD HANDLER */ var c; c=document.getElementById("[b][color=green]mainbox_1[/color][/b]"); /* THIS WILL REPLACE YOUR mainbox_1 or your photobox by BUTTONS*/ c.innerHTML="<font color=#ff0033>Show Hide Boxes with Blind Effects</font><br><input type='button'style='background-color:#000000!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='+/- [b]BUTTONLABEL[/b]' onClick=\"javascript:Effect.toggle($('[b]IDOFBOX[/b]'),'blind')\"> <input type='button'style='background-color:#000000!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='+/- [b]BUTTONLABEL[/b]' onClick=\"javascript:Effect.toggle($('[b]IDOFBOX[/b]),'blind')\"> <input type='button'style='background-color:#000000!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='+/- [b]BUTTONLABEL[/b]' onClick=\"javascript:Effect.toggle($('[b]IDOFBOX[/b]'),'blind')\"> <input type='button'style='background-color:#000000!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='+/- [b]BUTTONLABEL[/b]' onClick=\"javascript:Effect.toggle($('[b]IDOFBOX[/b]),'blind')\"> <input type='button'style='background-color:#000000!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='+/- [b]BUTTONLABEL[/b]' onClick=\"javascript:Effect.toggle($('[b]IDOFBOX[/b]'),'blind')\"> <input type='button'style='background-color:#000000!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='+/- [b]BUTTONLABEL[/b]' onClick=\"javascript:Effect.toggle($('[b]IDOFBOX[/b]'),'blind')\"> <input type='button'style='background-color:#000000!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='+/- [b]BUTTONLABEL[/b]' onClick=\"javascript:Effect.toggle($('[b]IDOFBOX[/b]'),'blind')\"> <input type='button'style='background-color:#000000!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='+/- [b]BUTTONLABEL[/b]' onClick=\"javascript:Effect.toggle($('[b]IDOFBOX[/b]'),'blind')\">";[/quote] Insert the code above inside your JS FILE :idea: Refer here for [b]IDOFBOX[/b] and [b]BUTTONLABEL[/b] Ex of [b]IDOFBOX [/b]are ([b]mainbox_1, mainbox_2, mainbox_3, mainbox_4, mainbox_5, mainbox_6, mainbox_7, mainbox_8...., mainbox_11[/b]) :idea: for your BUTTONLABEL you can decide on your own... for ex: for your mainbox_2 you can input [b]Show/Hide Blog[/b] =====that's it and your done [b]Ex of finish code in default arrangement of boxes[/b] [quote]/*Blurry's Multiply ShowHide Boxes Tweak*/ document.write('<script src="[b]http://h1.ripway.com/wakeke/scriptilous.js[/b]" type="text/javascript"></script>'); document.write('<script src="[b]http://h1.ripway.com/wakeke/prototype.js[/b]" type="text/javascript"></script>'); document.write('<script src="[b]http://h1.ripway.com/wakeke/effects.js[/b]" type="text/javascript"></script>'); /* ONLOAD HANDLER */ if (!addEvent(function() { HEADER.init();})) { window.onload = function() { HEADER.init();};} /* END ONLOAD HANDLER */ var c; c=document.getElementById("[b][color=green]mainbox_1[/color][/b]"); /* THIS WILL REPLACE YOUR mainbox_1 or your photobox by BUTTONS*/ c.innerHTML="<font color=#ff0033>Show Hide Boxes with Blind Effects</font><br><input type='button'style='background-color:#000000!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='+/- Blog' onClick=\"javascript:Effect.toggle($('mainbox_2'),'blind')\"> <input type='button'style='background-color:#000000!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='+/- Music' onClick=\"javascript:Effect.toggle($('mainbox_3'),'blind')\"> <input type='button'style='background-color:#000000!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='+/- Events' onClick=\"javascript:Effect.toggle($('mainbox_4'),'blind')\"> <input type='button'style='background-color:#000000!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='+/- Reviews' onClick=\"javascript:Effect.toggle($('mainbox_5'),'blind')\"> <input type='button'style='background-color:#000000!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='+/- Links' onClick=\"javascript:Effect.toggle($('mainbox_6'),'blind')\"> <input type='button'style='background-color:#000000!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='+/- Contacts' onClick=\"javascript:Effect.toggle($('mainbox_7'),'blind')\"> <input type='button'style='background-color:#000000!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='+/- Guestbook' onClick=\"javascript:Effect.toggle($('mainbox_8'),'blind')\"> <input type='button'style='background-color:#000000!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='+/- Groups' onClick=\"javascript:Effect.toggle($('mainbox_9'),'blind')\">";[/quote] if you don't want the blind effects... look for this line [b]onClick=\"javascript:Effect.toggle($('IDOFBOX'),'blind')[/b] replace it with this one [b]onClick=\"javascript:blurryhide('mainbox_7')[/b] and insert this code under the code above [quote]function blurryhide(obj) { var blurr = document.getElementById(obj); if ( blurr.style.display != 'inline' ) { blurr.style.display = 'inline'; }else { blurr.style.display = 'none';}}[/quote] ========================= Show/Hide Buttons on the Sidebar If you are a sidebar lover this option is for you LOLS insert this code inside your JS File just edit the bold part for your own desire.... LOLS..... [quote]/* BLURRY SIDEBAR SHOW/HIDE */ /* ONLOAD HANDLER */ if (!addEvent(function() { TWISTED.init();})) { window.onload = function() { TWISTED.init();};} /* END ONLOAD HANDLER */ if (typeof TWISTED == "undefined") { TWISTED = {}; } WVMC = { module: [], init: function() { var sty = ""; for (val in this.frame) { sty += val +":"+ this.frame[val]+";"; } this.module = document.createElement("DIV"); this.module.setAttribute("align","center"); this.module.setAttribute("style",""+sty+""); this.module.innerHTML = "<center>"+ "<br><div align=\"center\"><center><input type='button'style='background-color:#00ff00!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='[b]BUTTONLABEL[/b]' onClick=\"javascript:blurryhide('[b]mainbox_1[/b]')\"><br><input type='button'style='background-color:#00ff00!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='[b]BUTTONLABEL[/b]' onClick=\"javascript:blurryhide('[b]mainbox_2[/b]')\"><br><input type='button'style='background-color:#00ff00!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='[b]BUTTONLABEL[/b]' onClick=\"javascript:blurryhide('[b]mainbox_3[/b]')\"><br><input type='button'style='background-color:#00ff00!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='[b]BUTTONLABEL[/b]' onClick=\"javascript:blurryhide('[b]mainbox_4[/b]')\"><br><input type='button'style='background-color:#00ff00!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='[b]BUTTONLABEL[/b]' onClick=\"javascript:blurryhide('[b]mainbox_5[/b]')\"><br><input type='button'style='background-color:#00ff00!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='[b]BUTTONLABEL[/b]' onClick=\"javascript:blurryhide('[b]mainbox_6[/b]')\"><br><input type='button'style='background-color:#00ff00!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='[b]BUTTONLABEL[/b]' onClick=\"javascript:blurryhide('[b]mainbox_7[/b]')\"><br><input type='button'style='background-color:#00ff00!important;border-width:1px ;border-color:red;color:#ff0000;font-weight:bold;' value='[b]BUTTONLABEL[/b]' onClick=\"javascript:blurryhide('[b]mainbox_8[/b]')\"></center></div>"; document.getElementById("rail").appendChild(this.module); } }; function blurryhide(obj) { var blurr = document.getElementById(obj); if ( blurr.style.display != 'inline' ) { blurr.style.display = 'inline'; }else { blurr.style.display = 'none';}}[/quote] The above code is finish code already.. in a default arrangement of boxes.... [quote]Q and A MultiplyTweaker: what are you talking about default arrangement? Blurrycloud:hmm default arrangement means you did not move any of your boxes.... if you want to move your box for ex.. your guestbook you want to move it to the left corner... the ID of the box will change also... (assuming only ) from mainbox_5 it will become mainbox_3[/quote] OK this tweak is done now.. Chow.. Gudluck Happy Tweaking... Live Preview: [url]blurrytesting.multiply.com[/url]

Last edited by blurrycloud (2008-04-14 04:29:10)