[b]credit : Ephemeral[/b] gue cuma mo share hasil modifikasi dari sini http://theftalk.com/t17955-Theme-Switcher-%2B-Tweaked-Shout-Out-With-Updated-Navigation..html buad [b]modz, [/b]klo emang thread ini sudah ada atau tidak berguna , d apus aja .. =) here the code sebelum nya, hapus css injection yang ada d fs n tyus , buad 3 layout yang pasti nya berekstens.*css =) dah itu masukin deh ke tiga layout kamu ke dalam code script d bawah (ikuti ptunjuk) [quote][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]primay layout.css[/color]"; var tCSS1 ="[color=#FF0000]primarylayout.css[/color]CSS_LINK_1"; var tCSS2 ="[color=blue]second layout theme.css[/color]"; var tCSS3 ="[color=green]third layout theme.css[/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='[b]standart layout[/b]' onClick=\"THEME.ActivateCSS('1'); return false;\">"+ " <input type='button' class='themeButton' value='[color=green]first theme[/color] ' onClick=\"THEME.ActivateCSS('2'); return false;\">"+ " <input type='button' class='themeButton' value='[color=blue]second theme[/color] ' onClick=\"THEME.ActivateCSS('3'); return false;\">"+ " <input type='button' class='themeButton' value='[color=#FF0000]third/primary theme[/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] tyus tambahkan ini d bawah nya .. sbgai fungsi add boxnya .. <">ket : smua yang ada d bawah ini bsa d ubah [color=#FF0000]primay layout.css[/color] : layout.css yang langsung tampil d fs [color=blue]second layout theme.css[/color] : layout.css yang ke dua [color=green]third layout theme.css[/color] : layout.css yang ke tiga [color=green]first theme[/color] : tema dari layout yang ke tiga [color=blue]second theme[/color] : tema dari layout yang ke dua [color=#FF0000]third/primary theme[/color] : tema primary layout fs yang d pake tambahan : [b]standar layout[/b] : gag ada layout / yang terbaca hanya layout/css yang ada d coustumize page klo css injection na dah d apus , n code d atas udah d edit .. masukkan ke script . js external anda pada [b]bagian A refrensi atau bagian C[/b] dari [b]bang kanal[/b] :thumbsup: nich buad ngedit tombol2 na , masukkan ke dalam css file kalian [quote]input.themeButton{ color:#[b]050[/b]; font-family:'[b]trebuchet ms',helvetica,sans-serif[/b]; font-size:100%; font-weight:[b]bold[/b]; background-color:#[b]FFFFFF[/b]; border:1px solid; border-top-color:#[b]696[/b]; border-left-color:#[b]696[/b]; border-right-color:#[b]363[/b]; border-bottom-color:#[b]363[/b];}[/quote] [/quote] yang gue tbalin diatas , lo edit aja .. [b]edit[/b] bisa jga klo pake js injection =) buad lebih jelas nya ke sini aja (asal lo tau bahasa inggris) [url=http://theftalk.com/t30135-Theme-C.S.S.-Switcher..html][b]theme/css switcher[/b][/url] [b]edit [/b] klo lo mo liad contoh script na, ini dia http://h1.ripway.com/JefFiSbelL/izzy-stradlin/9999/y2j.txt [b]UPDATE 8 may jam 4 pagi[/b] [b]versi dua [/b] ini adalah versi laen dari yang di atas beda nya adalah , ini memakai css injection untuk d jadikan primary layout :) preview --> [url=http://friendster.com/9999999]FS JELEK[/url] here the code [quote]var csslink1 =""; var csslink2 ="[color=#FF0000]tema layout ke dua.css[/color]"; var csslink3 ="[color=pink]tema layout ke tiga.css[/color]"; var csslink4 ="[color=blue]tema layout ke empat.css[/color]"; var csslink5 ="[color=green]tema layout ke lima.css[/color]"; try { document.write("<link rel='stylesheet' type='text/css' media='screen, print' href='"+csslink1+"' title='1'>"); }catch(e){} try { document.write("<link rel='stylesheet' type='text/css' media='screen, print' href='"+csslink2+"' title='2'>"); }catch(e){} try { document.write("<link rel='stylesheet' type='text/css' media='screen, print' href='"+csslink3+"' title='3'>"); }catch(e){} try { document.write("<link rel='stylesheet' type='text/css' media='screen, print' href='"+csslink4+"' title='4'>"); }catch(e){} try { document.write("<link rel='stylesheet' type='text/css' media='screen, print' href='"+csslink5+"' title='5'>"); }catch(e){} function ActivateCSS(title) { var i, a, main; for (i = 0;(a = document.getElementsByTagName("link")[i]);i++) { if (a.getAttribute("rel").indexOf("style") != - 1 && a.getAttribute("title")) { a.disabled = true; if (a.getAttribute("title") == title) a.disabled = false; } } } var theme; try { theme = document.createElement("div"); }catch (e) { theme = document.createElement("<div>"); } theme.setAttribute("style","padding-top:5px"); theme.innerHTML = "<div align='center' id='themeswitch'>"+ "<h2><font face=\"Century gothic\" size=\"4\" color=\"[b]black[/b]\"><b>[b]piLiH layout kEsukAanMuw!, tunGgu loDing`nY yA![/b]<font></b><h2>"+ "<input style='font: 12px Trebuchet MS;' type='button' value='[b]- nama dari tema dari primay layout -[/b]' onClick=\"ActivateCSS('1'); return false;\">"+ " <input style='font: 12px Trebuchet MS;' type='button' value='[color=#FF0000]- nama dari tema dari primay layout ke dua -[/color]' onClick=\"ActivateCSS('2'); return false;\">"+ " <input style='font: 12px Trebuchet MS;' type='button' value=[color=pink]'- nama dari tema dari primay layout ke tiga -[/color]' onClick=\"ActivateCSS('3'); return false;\">"+ " <input style='font: 12px Trebuchet MS;' type='button' value='[color=blue]- nama dari tema dari primay layout ke empat -[/color]' onClick=\"ActivateCSS('4'); return false;\">"+ " <input style='font: 12px Trebuchet MS;' type='button' value='[color=green]- nama dari tema dari primay layout ke 5 -[/color]' onClick=\"ActivateCSS('5'); return false;\">" document.getElementById("navigation").parentNode.appendChild(theme);[/quote] keterangan : -> [b] yang harus d ganti[/b] karena memakai css injection / css file external , maka akan d jadikan primary layout -> [color=#FF0000]tema layout ke dua.css[/color] = URL tema layout kedua.css -> [color=pink]tema layout ke tiga.css[/color] = URL tema layout ketiga.css -> [color=blue]tema layout ke empat.css[/color] = URL tema layout empat.css -> [color=green]tema layout ke lima.css[/color] = URL tema layout ke lima.css -> [b]- nama dari tema dari primay layout -[/b] -> [color=#FF0000]- nama dari tema dari primay layout ke dua -[/color] -> [color=pink]'- nama dari tema dari primay layout ke tiga -[/color] -> [color=blue]- nama dari tema dari primay layout ke empat -[/color] -> [color=green]- nama dari tema dari primay layout ke 5 -[/color] ok yauw.. smoga bermanfaat buad kalian yang suka men-tweak fs =) [hr][hr][hr] [b]layouts biar menjadi banyak[/b] by emand =) biar layouts lho menjadi banyak gak usah pusing-pusing ;) langsung aja kupas script dibawah ini : INI CONTOH SCRIPT GW [quote]<">[/quote] [quote]tinggal dikupas aja gw yakin lho pasti bisa[/quote] [quote]pilih dulu layouts yang ingin lho pakek tapi inget yang dalam bentuk CSS apload semua layous yang bentuk CSS kedalam hostingan kamu trus paste code yang di apload tadi di bagian atas.,setelah semua laypouts lho apload. apload lagi ke Hstingan kamu dan inget apload dalam [bentuk JS][/quote] trus masukin script tersebut kedalam script layouts lho.dibawah ini contoh script yang gw pakek <">[align=center]SEMOGA BERGUNA BUAT KAMU[/align] priview =) [url]http://www.friendster.com/60122210[/url]

Last edited by Jirichi Ryunashira (2008-10-13 16:06:23)