Credits: Ephemeral For The Code JavaScriptKit Cyberman [b]Description:[/b] [quote]Versi lain dari theme switcher yang telah disempurnakan. Dengan ini, theme switcher terlihat lebih minimalis dan rapi. Selain itu juga disediakan 2 versi.[/quote] [hr][hr] Versi Shoutout: [spoiler] [quote]//*************************************************************************** // // Radio Button LeapTo I // // by Tim Wallace (timothy@essex1.com) // // Uses radio buttons in place of a drop-down menu. // //*************************************************************************** // Called by an onClick in each radio button. function leapTo (link) { var new_url=link; if ( (new_url != "") && (new_url != null) ) window.location=new_url; else alert("\nYou must make a selection."); } // Called by View Source button - displays source of file. function viewSource() { var current_url=""; current_url=document.location; window.location="view-source:"+current_url; } // Called by Full Window button - loads file to full window for easy saving. function WinOpen() { alert('\nPage will load to full screen.\n\nUse View/Document Source from menu bar to view source.\n\nUse File/Save As from menu bar to save.\n\nClose new window to return to this page. '); window.open("radioleap1.html","DisplayWindow","menubar=yes,scrollbars=yes"); window.open("radioleap1.html","DisplayWindow","menubar=yes,scrollbars=yes"); // double for Macs } function shoutoutcus(){var ephemeral = "<CENTER> <FORM> <TABLE BORDER=3 WIDTH=500> <TD align="center" BGCOLOR=000080> <INPUT TYPE="radio" NAME="buttons1" onClick="leapTo('[b]nama file html kmu.html[/b]')"> <FONT COLOR=00FFFF><B>Test Page 1</B></FONT> <TD align="center" BGCOLOR=FF0000> <INPUT TYPE="radio" NAME="buttons1" onClick="leapTo('[b]nama file html kmu.html[/b]')"> <FONT COLOR=000000><B>Test Page 2</B></FONT> <TD align="center" BGCOLOR=C0C0C0> <INPUT TYPE="radio" NAME="buttons1" onClick="leapTo('[b]nama file html kmu.html[/b]')"> <FONT COLOR=800000><B>Test Page 3</B></FONT> <TD align="center" BGCOLOR=008080> <INPUT TYPE="radio" NAME="buttons1" onClick="leapTo('[b]nama file html kmu.html[/b]')"> <FONT COLOR=FFFF00><B>Test Page 4</B></FONT> </TABLE> <BR><BR><BR> <TABLE BORDER=0 WIDTH=400> <TD align="center"><INPUT TYPE="button" VALUE="Full Window" onClick="WinOpen()"> </TABLE> </FORM> </CENTER>"; 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] [/spoiler] Ganti yg di bold dngan nama file html kmu. Ingat, harus dimasukan di 1 folder yg sama! Versi Navigasi: [spoiler][quote]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'>"+ "<CENTER><h1>[b]Select Theme............[/b]</h1> <FORM> <TABLE BORDER=3 WIDTH=500> <TD align="center" BGCOLOR=000080> <INPUT TYPE="radio" NAME="buttons1" onClick="leapTo('[b]nama file html kmu.html[/b]')"> <FONT COLOR=00FFFF><B>Test Page 1</B></FONT> <TD align="center" BGCOLOR=FF0000> <INPUT TYPE="radio" NAME="buttons1" onClick="leapTo('[b]nama file html kmu.html[/b]')"> <FONT COLOR=000000><B>Test Page 2</B></FONT> <TD align="center" BGCOLOR=C0C0C0> <INPUT TYPE="radio" NAME="buttons1" onClick="leapTo('[b]nama file html kmu.html[/b]')"> <FONT COLOR=800000><B>Test Page 3</B></FONT> <TD align="center" BGCOLOR=008080> <INPUT TYPE="radio" NAME="buttons1" onClick="leapTo('[b]nama file html kmu.html[/b]')"> <FONT COLOR=FFFF00><B>Test Page 4</B></FONT> </TABLE> <BR><BR><BR> <TABLE BORDER=0 WIDTH=400> <TD align="center"><INPUT TYPE="button" VALUE="Full Window" onClick="WinOpen()"> </TABLE> </FORM> </CENTER>" document.getElementById("navigation").parentNode.appendChild(theme);[/quote] [/spoiler] Text bisa diganti dengan text kamu sendiri! Ingat juga file html harus berada di lokasi folder yg sama! sehingga yg hanya dimasukan hanyalah namanya, bukan url utuhnya! [quote=dekha_21]Ok! Gue tunggu previewnya ya![/quote] okay, bro. Tapi dari pada nunggu lama, bisa liat di http://www.javascriptkit.com/script/cut25.shtml Thx, ymm0t

Last edited by ymm0t (2008-08-14 09:09:42)