[b]Preview of Idea Working[/b] [url]http://www.friendster.com/azt3r4k1zt4h[/url] [b]Side Bar with one image link: [/b] [quote]if (!attachOnLoadHandler(function(){main()})) parent.onload = function(){main()}; function attachOnLoadHandler(func) { if(parent.attachEvent) { parent.attachEvent('onload',func); return true; } if(parent.addEventListener) { parent.addEventListener('load',func,false); return true; } return false; } function main() { var links="<center><a href='[color=red]LINK HERE[/color]' target='_blank'><img src='[color=blue]LINK OF IMAGE HERE[/color]'></a></center>"; addSideBar("[color=green]REPLACE WITH THE NAME OF BOX[/color]",links,"Links"); } function addSideBar(head,htm,div_id) { var browser=navigator.appName; var mic="Microsoft Internet Explorer"; var innerHtm=htm; var cont="<div id='"+div_id+"' class='commonbox "+div_id+"'>"+ "<div class='commonbox'>"+ "<h2>"+head+"</h2>"+ innerHtm+ "</div>"+ "</div>"; if (browser==mic){ var obj=parent.document.createElement("<li>"); var x=parent.document.getElementById("[color=orange]AREA[/color]"); x.parentNode.parentNode.appendChild(obj); obj.innerHTML=cont; } else { var obj=parent.document.createElement("li"); obj.innerHTML=cont; var x=parent.document.getElementById("[color=orange]AREA[/color]"); x.parentNode.parentNode.appendChild(obj); } }[/quote] [b]Side Bar with Multiple Image Links:[/b] [quote]if (!attachOnLoadHandler(function(){main()})) parent.onload = function(){main()}; function attachOnLoadHandler(func) { if(parent.attachEvent) { parent.attachEvent('onload',func); return true; } if(parent.addEventListener) { parent.addEventListener('load',func,false); return true; } return false; } function main() { var links="<center><a href='[color=red]LINK HERE[/color]' target='_blank'><img src='[color=blue]LINK OF IMAGE HERE[/color]'></a></center> <center><a href='[color=red]LINK HERE[/color]' target='_blank'><img src='[color=blue]LINK OF IMAGE HERE[/color]'></a></center> <center><a href='[color=red]LINK HERE[/color]' target='_blank'><img src='[color=blue]LINK OF IMAGE HERE[/color]'></a></center> <center><a href='[color=red]LINK HERE[/color]' target='_blank'><img src='[color=blue]LINK OF IMAGE HERE[/color]'></a></center>"; addSideBar("[color=green]REPLACE WITH THE NAME OF BOX[/color]",links,"Links"); } function addSideBar(head,htm,div_id) { var browser=navigator.appName; var mic="Microsoft Internet Explorer"; var innerHtm=htm; var cont="<div id='"+div_id+"' class='commonbox "+div_id+"'>"+ "<div class='commonbox'>"+ "<h2>"+head+"</h2>"+ innerHtm+ "</div>"+ "</div>"; if (browser==mic){ var obj=parent.document.createElement("<li>"); var x=parent.document.getElementById("[color=orange]AREA[/color]"); x.parentNode.parentNode.appendChild(obj); obj.innerHTML=cont; } else { var obj=parent.document.createElement("li"); obj.innerHTML=cont; var x=parent.document.getElementById("[color=orange]AREA[/color]"); x.parentNode.parentNode.appendChild(obj); } }[/quote] [b]WHAT TO REPLACE:[/b] [color=red]LINK HERE[/color] = Replace this text with URL ( Example of URL http://www.friendster.com ) [color=blue]LINK OF IMAGE HERE[/color] = Replace this text with URL of Image ( Example of image URL http://theftalk.com/img/smilies/smile.gif ) [color=green]REPLACE WITH THE NAME OF BOX[/color] = Replace this text with the Name of your Side Bar ( Example of Side Bar name [b]EXCHANGE LINKS[/b] ) [color=orange]AREA[/color] = Replace this text with [b]friends_2_2[/b] or [b]groups_2_5[/b] [b]Add Youtube Side Bar [/b] [quote]if (!attachOnLoadHandler(function(){editContent200()})) parent.onload = function(){editContent200()}; function attachOnLoadHandler(func) { if(parent.attachEvent) { parent.attachEvent('onload',func); return true; } if(parent.addEventListener) { parent.addEventListener('load',func,false); return true; } return false; } function editContent200() { var youtube7="<div align='center' id='youtube'>"+ "[color=pink]<object width='80%' height='370'><param name='movie' value='http://www.youtube.com/p/wakeko'></param><embed src='http://www.youtube.com/p/wakeko' type='application/x-shockwave-flash' width='90%' height='200'></embed></object>[/color]"+ "</div>"; addSideBar("[color=indigo]YOUTUBE![/color]",youtube7,"ul_youtube_content"); } function addSideBar(head,htm,div_id) { var browser=navigator.appName; var mic="Microsoft Internet Explorer"; var innerHtm=htm; var cont="<div id='"+div_id+"' class='commonbox "+div_id+"'>"+ "<div class='commonbox'>"+ "<h2>"+head+"</h2>"+ innerHtm+ "</div>"+ "</div>"; if (browser==mic){ var obj=parent.document.createElement("<li>"); var x=parent.document.getElementById("friends_2_2"); x.parentNode.parentNode.appendChild(obj); obj.innerHTML=cont; } else { var obj=parent.document.createElement("li"); obj.innerHTML=cont; var x=parent.document.getElementById("friends_2_2"); x.parentNode.parentNode.appendChild(obj); } }[/quote] [color=pink]PINK TEXT[/color] = Replace all the pink text with your [b]Youtube Playlist Code[/b] [color=indigo]YOUTUBE[/color] = Replace text with your side bar header/name To make idea work click link below: [url= http://theftalk.com/t2044-save-.js%28JavaScript%29-extension-customize-your-profile..html]CLIKE ME [/url] Credits: [i]marfillaster[/i] - for the idea.

Last edited by Ephemeral (2007-05-24 06:05:11)