[b]Revised and improved code from the recent topic[/b] [url=http://theftalk.com/t6997-Theme-Switcher-%5BShort-Code%5D.html]Theme Switcher [Short Code][/url] [b]Step One:[/b] Apply the code below in C.S.S. Extension File. [b]Cleaning codes:[/b] <">Change the [b]#ffffff[/b] on the code to any hex color you desire. For hex color Click [url=http://friendster-tweakers.com/resources/hex-colors/]Here[/url]. [b]Step Two:[/b] Copy the codes below and apply through your JS File. [quote]var css; try { css = document.createElement("link"); }catch(e) { css = document.createElement("<link>"); } css.setAttribute("type","text/css"); css.setAttribute("rel","stylesheet"); css.setAttribute("id","ephekai"); css.setAttribute("href","[b][color=red]Primary Onload C.S.S. Here[/color][/b]"); css.setAttribute("media","screen, print"); document.getElementsByTagName("head")[0].appendChild(css); function themechangeback() { document.getElementById("ephekai").href="[b][color=red]Second C.S.S. Layout Here[/color][/b]" } function themechange() { document.getElementById("ephekai").href="[b][color=red]Third C.S.S. Layout Here[/color][/b]" }[/quote] Replace the [b][color=red]Colored Text[/color][/b] with your [b].css[/b] file. [b]Step Three:[/b] Apply this code in your JS file. (For Newbies or Users without Shout Out Box Script.) [quote]function shoutoutcus(){var ephemeral = "<div align='left'>Navigation:</div><marquee style='width:100%;border:0px; direction='left' scrollamount='1' onmouseover='this.stop()' onmouseout='this.start()'><input type='button' value='Home' style='background-color:transparent;border:none;font-family:[b][color=red]Font Type Here[/color][/b];font-weight:bold;font-size:12;color:#[b][color=red]Text Color here[/color][/b];' onClick=\"top.location.href='http://friendster.com'\"> <input type='button' value='Profile'style='background-color:transparent;border:none;font-family:[b][color=red]Font Type Here[/color][/b];font-weight:bold;font-size:12;color:#[b][color=red]Text Color here[/color][/b];' onClick=\"top.location.href='http://profiles.friendster.com/user.php'\"> <input type='button' value='Friends'style='background-color:transparent;border:none;font-family:[b][color=red]Font Type Here[/color][/b];font-weight:bold;font-size:12;color:#[b][color=red]Text Color here[/color][/b];' onClick=\"top.location.href='http://friendster.com/friends.php'\"> <input type='button' value='Explore'style='background-color:transparent;border:none;font-family:[b][color=red]Font Type Here[/color][/b];font-weight:bold;font-size:12;color:#[b][color=red]Text Color here[/color][/b];' onClick=\"top.location.href='http://www.friendster.com/explore.php'\"> <input type='button' value='Search'style='background-color:transparent;border:none;font-family:[b][color=red]Font Type Here[/color][/b];font-weight:bold;font-size:12;color:#[b][color=red]Text Color here[/color][/b];' onClick=\"top.location.href='http://friendster.com/gallery.php'\"> <input type='button' value='Invite'style='background-color:transparent;border:none;font-family:[b][color=red]Font Type Here[/color][/b];font-weight:bold;font-size:12;color:#[b][color=red]Text Color here[/color][/b];' onClick=\"top.location.href='http://friendster.com/invite.php'\"> <input type='button' value='Messages'style='background-color:transparent;border:none;font-family:[b][color=red]Font Type Here[/color][/b];font-weight:bold;font-size:12;color:#[b][color=red]Text Color here[/color][/b];' onClick=\"top.location.href='http://friendster.com/messages.php'\"> <input type='button' value='Settings'style='background-color:transparent;border:none;font-family:[b][color=red]Font Type Here[/color][/b];font-weight:bold;font-size:12;color:#[b][color=red]Text Color here[/color][/b];' onClick=\"top.location.href='http://friendster.com/editaccount.php'\"> <input type='button' value='Log Out'style='background-color:transparent;border:none;font-family:[b][color=red]Font Type Here[/color][/b];font-weight:bold;font-size:12;color:#[b][color=red]Text Color here[/color][/b];' onClick=\"top.location.href='http://friendster.com/logout.php'\"></marquee><br><div align='Left'> [b][color=red]Your Welcome Message Here HTML TAGS ENABLED[/color][/b]<div align='right'><input type='button' onclick='themechange()'value='[b][color=red]Name of Second C.S.S. Layout Here[/color][/b]'style='background-color:transparent;border:none;font-family:[b][color=red]Font Type Here[/color][/b];font-weight:bold;font-size:12;color:#[b][color=red]Text Color here[/color][/b]; ' /><input type='button' onclick='themechangeback()' value='[b][color=red]Name of Third C.S.S. Layout Here[/color][/b]'style='background-color:transparent;border:none;font-family:[b][color=red]Font Type Here[/color][/b];font-weight:bold;font-size:12;color:#999999; ' /><br></div>"; document.getElementById('cpShoutoutBox').style.height='120'; document.getElementById('cpShoutoutBox').style.overflow='auto'; document.getElementById('cpShoutoutBox').innerHTML = "<table width='100%'><tr><td align='center'>"+ephemeral+"</td></tr></table>"; }setTimeout("shoutoutcus()",4000);[/quote] Change the [b][color=red]Colored Text[/color][/b] with what is needed. [b]Legends:[/b] [b][color=red]Text Color here[/color][/b] - refers to Hex Value. For Hex Values Click [url=http://friendster-tweakers.com/resources/hex-colors/]Here[/url]. [b][color=red]Font Type Here[/color][/b] - Refers to Font type. Arial, Verdana, Comic Sans MS or any Font you want. Just check your Microsoft Word for some fonts. [b][color=red]Your Welcome Message Here HTML TAGS ENABLED[/color][/b] - Change this to your welcome message. you can apply images in this. just ask in [b]Help Section[/b] or this thread to know how to make it more dynamic. [b][color=red]Name of Second C.S.S. Layout Here[/color][/b] - Name of Second C.S.S. Layout. [b][color=red]Name of Third C.S.S. Layout Here[/color][/b] - Name of Third C.S.S. Layout. After changing what's needed save apply in JavaScript Link Linker. and see your profile. You may have something that looks like this. [b]Preview:[/b] After Load. [img]http://img.photobucket.com/albums/v674/EphimeralKaizer/ThemeChange1.jpg[/img] Click the link on the Shout Out Box. [img]http://img.photobucket.com/albums/v674/EphimeralKaizer/ThemeChange2.jpg[/img] [hr] [b]Advanced Users:[/b] Follow [b]Step Two[/b] and for step Three. Apply this inside your var if using Side Bar or Main Bar Code. [quote]"<div align='right'><input type='button' onclick='themechange()'value='[b][color=red]Name of Second C.S.S. Layout Here[/color][/b]'style='background-color:transparent;border:none;font-family:[b][color=red]Font Type Here[/color][/b];font-weight:bold;font-size:12;color:#[b][color=red]Text Color here[/color][/b]; ' /><input type='button' onclick='themechangeback()' value='[b][color=red]Name of Third C.S.S. Layout Here[/color][/b]'style='background-color:transparent;border:none;font-family:[b][color=red]Font Type Here[/color][/b];font-weight:bold;font-size:12;color:#999999; ' /><br></div>"+[/quote] or [quote]<div align='right'><input type='button' onclick='themechange()'value='[b][color=red]Name of Second C.S.S. Layout Here[/color][/b]'style='background-color:transparent;border:none;font-family:[b][color=red]Font Type Here[/color][/b];font-weight:bold;font-size:12;color:#[b][color=red]Text Color here[/color][/b]; ' /><input type='button' onclick='themechangeback()' value='[b][color=red]Name of Third C.S.S. Layout Here[/color][/b]'style='background-color:transparent;border:none;font-family:[b][color=red]Font Type Here[/color][/b];font-weight:bold;font-size:12;color:#999999; ' /><br></div>[/quote] Just change what's needed. [hr] [b]Compatibility:[/b] [i]Internet Explorer, Opera , Netscape, Mozilla Firefox, and Avant.[/i] I am not sure about the others though.

Last edited by Ephemeral (2008-06-12 23:43:36)