Dogu_Bey adlı üyeden alıntı:
mesajı görüntüle
@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.
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.
Linkler
artık gerisi class isimlerini ayarlamanıza kalmış
Kolay Gelsin
Semih VURAL.
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.
çok saol anlatımın için.
