@AKoyun, Tabii ki,
Ben bunu açıklamalı bir şekilde anlatayım JS ile pek aram yoktur yinede elimden geldiği kadar yardımcı olayım.
(Aslında JS Forumunda anlatmam Gerekirdi Ama Genelde İnsnalar bu bolumde fark ediyor ve bu bolumde istek ediyorlar.) Gerekirse, ilgili mod arkadaşlar ilgili forum'a taşırlar zaten.
şimdi ilk önce js kodlarımızı hazırlıyalım.
<script language=javascript>
function temadegistir(kaynak){
document.getElementById('webasistani.com').href=kaynak; }
</script>1. Satır : <script language=javascript>
burada script etikeki ile dil yapısı JavaScript olacak nesneler için tanımlama yaptık (<script etiketi PHP dede kullanılır
<script language="PHP"> gibi...)
-----------------------------------------------
2. Satır : function temadegistir(kaynak){
burada, bir fonksiyon oluşturduk ve adına
temadegistir dedik. arguman olarak
kaynak stringini atadık ve
"{" işareti ile fonksiyon için ilgili işlevi başlattık.
-------------------------------------------------------------
3. Satır : document.getElementById('webasistani.com').href=ka ynak; }
burada,
document.getElementById fonksiyonu ile atadığımız element burada
webasistani.com dur. ve href=kaynak; dedik. önümüzdeki işlemlerdede anlatcam burayı. yani href=kaynak; in açıklamasını kısaca yapmak gerekirse... idsi
webasistani.com olan href argumanındaki nesne için lazım olacak bize.
Kaynakstringi ise
temadegistir adlı fonksiyonumuzun tamamını işlemek için verilmiş Değer (Value) dir. ve son olarakta
"}" işareti ile fonksiyonu bitirdik.
------------------------------------------------------------
4. Satır : </script>
burada
</script> tagı kapatılır işlem biter.
--------------------------------------------------------------------
Evet...
bu şekilde css temalarımızn değişmesi için bize lazım olan fonksiyonu bitirdikten sonra sıra geldi asıl işlemlere yani kullanımına.
İlk olarak bilirsiniz ki; temayı (.css dosyasını) sayfamıza çağırmak için
text/css tipini kullanırız. Ama burada bizim dikkat etmemiz gereken şudur.
.css'ı çağırıken
id sine dikkat etmektir.
Hemen aşağıda veriyorum örneğini.
<link [B]id=webasistani.com[/B] rel="stylesheet" href="http://www.webasistani.com/webas_temalar/webasmavi.css" type="text/css">
bu şekilde sayfamıza sadece 1 adet .css çağırdıktan sonra geriye kalan artık sadece çağıracağımız diğer temalar için linkler oluşturmak. O2nuda şu şekilde yapacağız.
Linkler <a href="#" onClick="temadegistir('http://www.webasistani.com/webas_temalar/webasgri.css')"><img src="http://www.webasistani.com/resimler/webasgritema.gif" border="0" /></a> <br>
<a href="#" onClick="temadegistir('http://www.webasistani.com/webas_temalar/webasmavi.css')"><img src="http://www.webasistani.com/resimler/webasmavitema.gif" border="0" /></a> <br>
<a href="#" onClick="temadegistir('http://www.webasistani.com/webas_temalar/webasfistikyesili.css')"><img src="http://www.webasistani.com/resimler/webastemafistikyesili.gif" border="0" /></a> <br>Evet arkadaşlar burada bu linkleri bu şekil verdikten sonra aşağıdaki kodları çalıştırarak nasıl olduğunu görebilirsiniz.
artık gerisi class isimlerini ayarlamanıza kalmış
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<script language=javascript>
function temadegistir(kaynak){
document.getElementById('webasistani.com').href=kaynak; }
</script>
<link id=webasistani.com rel="stylesheet" href="http://www.webasistani.com/webas_temalar/webasmavi.css" type="text/css">
</head>
<body>
<div align="center" style="height:83px; background-repeat:no-repeat" class="arkaplan"></div><br>
<a href="#" onClick="temadegistir('http://www.webasistani.com/webas_temalar/webasgri.css')"><img src="http://www.webasistani.com/resimler/webasgritema.gif" border="0" /> </a> <br>
<a href="#" onClick="temadegistir('http://www.webasistani.com/webas_temalar/webasmavi.css')"><img src="http://www.webasistani.com/resimler/webasmavitema.gif" border="0" /> </a> <br>
<a href="#" onClick="temadegistir('http://www.webasistani.com/webas_temalar/webasfistikyesili.css')"><img src="http://www.webasistani.com/resimler/webastemafistikyesili.gif" border="0" /> </a> <br>
</body>
</html>Çalışan Örneğini
Sohbet, Arkadaşlık, Oyun, Hikaye, İtiraf, Video, Astroloji, Seri İlan, Toplist, Forum, Foto Galeri, Programlar, Kadınca, Cinsellik, Şiirler, Bilim, Spor, Haberler de de görebilirsiniz.
Kolay Gelsin
Semih VURAL.