[b]By:[/b] [url=http://theftalk.com/profile.php?id=58242][b]cyber_man[/b][/url] [b]Requirement:[/b] Delete all C.S.S. Injections on your JavaScript File. [hr][hr][hr][hr] Change the the following before applying on your [b].js[/b], [b].txt[/b] of whatever extension you are using for your JavaScript files. [color=#FF0000][b]Primary Layout.css[/b][/color]: Main .css file. [color=blue][b]Second Layout Theme.css[/b][/color]: Second .css file. [color=green][b]Third Layout Theme.css[/b][/color]: Third .css file. [color=green][b]First Theme[/b][/color]: Name of Third Theme [color=blue][b]Second Theme[/b][/color]: Name of Second Theme [color=#FF0000][b]Third/Primary theme[/b][/color]: Name of First Theme [quote]if (!attachOnLoadHandler(function() { loadJS();})) { window.onload = function() { loadJS();};} function loadJS() { THEME.init(); } if (typeof THEME == "undefined") { THEME = {}; } THEME = { theme: [], init: function() { var dCSS ="[color=#FF0000][b]Primary Layout.css[/b][/color]"; var tCSS1 ="[color=#FF0000][b]Primary Layout.css[/b][/color]CSS_LINK_1"; var tCSS2 ="[color=blue][b]Second Layout Theme.css[/b][/color]"; var tCSS3 ="[color=green][b]Third Layout Theme.css[/b][/color]"; /* load for Firefox, Opera + Safari */ var css=document.createElement("link"); css.rel="stylesheet";css.href=dCSS;css.title="defaultstyle"; document.getElementsByTagName("head")[0].appendChild(css); /* switch layout */ var css1=document.createElement('link'); css1.rel="stylesheet";css1.href=tCSS1;css1.title="1"; document.getElementsByTagName('head')[0].appendChild(css1); var css2=document.createElement("link"); css2.rel="stylesheet";css2.href=tCSS2;css2.title="2"; document.getElementsByTagName('head')[0].appendChild(css2); var css3=document.createElement("link"); css3.rel="stylesheet";css3.href=tCSS3;css3.title="3"; document.getElementsByTagName("head")[0].appendChild(css3); /* load for IE */ var css4=document.createElement("link"); css4.rel="stylesheet";css4.href=dCSS;css4.title="defaultcss"; document.getElementsByTagName('head')[0].appendChild(css4); try { this.theme = document.createElement("div"); }catch (e) { this.theme = document.createElement("<div>"); } this.theme = "<input type='button' class='themeButton' value='Standard Layout' onClick=\"THEME.ActivateCSS('1'); return false;\">"+ " <input type='button' class='themeButton' value='[color=green][b]First Theme[/b][/color] ' onClick=\"THEME.ActivateCSS('2'); return false;\">"+ " <input type='button' class='themeButton' value='[color=blue][b]Second Theme[/b][/color] ' onClick=\"THEME.ActivateCSS('3'); return false;\">"+ " <input type='button' class='themeButton' value='[color=#FF0000][b]Third/Primary theme[/b][/color] ' onClick=\"THEME.ActivateCSS('defaultcss'); return false;\">"; addNewBox.init(null,"<div align=\"center\" class=\"boxcontent\">"+this.theme+"</div>","themeswitch",/controlpanel/i,"above"); }, ActivateCSS: function(title) { var i, link; for (i = 0;(link = document.getElementsByTagName("link")[i]);i++) { if (link.getAttribute("rel") != - 1 && link.getAttribute("title")) { link.disabled = true; if (link.getAttribute("title") == title) link.disabled = false; } } } };[/quote] After changing what's needed. Apply on your JavaScript file. [b]Preview of idea:[/b] Click [url=http://friendster.com/1111111][b]here[/b][/url]