php de tema renk değiştir kodu

slm arkadaşlar ben aşşada verdiim sitedeki gibi koyduğum butonlardan sitenin temasının değişmesini istiyorum bunu nasıl yapabilirim. bu arada bnm kullanıcağım script onarcade olacak bilginize..
Adkazanc| Reklam Ortaklık Programı >> Anasayfa

hocam böyle bir hazır kod yok
scripte göre kod değişir ki onarcade de bunu yapmak imkansıza yakın çünkü tüm tasarım css ile yapılmamış

Sana yapman gerektiği hakkında fikir verebilirim (bu onarcade midir nedir yapısını bilmediğim için bişi diyemem)
Mantık Şu : Örnek verdim 3 adet tema yapacan (css tema)
1. mavi.css
2. yesil.css
3. kirmizi.css

Şimdi index.html'de arkaplan verirken <table background="falanfilan.gif"> diye verilmeyecek.
Bu Şekilde Verecez :<table class="tabloarkaplan">

ilk once sayfanın içine javascriptlerle ilgili kodlar yazılır (.css ları çağırmak için)
sonra çağırdığın .css'taki class'a göre <table class="tabloarkaplan">bu kısım değişecek.
ama burada önemli olan bütün css lardaki class isimlerini aynı tutmak.

Eğer bu konu hakkında çok istek olursa konu hakkında geniş açıklamalı bie ders hazırlayabilirim.

Örnek verdiğin yerde PHP ile include yapılmış.
WEBAS İnternet ve Programlama Hizmetleri WEBAS Plus Portal'da ise JS ile Yaptım. tıklayarak Görebilirsin Örneğini.

kolay Gelsin.

sitenizdeki gerçekten hoş olmuş. onarcade ide isterseniz size pm yoluyla gönderebilirim inceleyip ona göre sölersiniz.

eğer onarcade sistemini baştan bu hale getirecekseniz sizi çok ama çok uğraştıracak.
bildiğim kadarı ile onarcade denilen sistem hazır bir sistem ve hazır sistemlerde zaten kendi .css ları veya temp. leri var. bunları istediğiniz gibi düzenlemek size ciddi zaman kaybına yol açacaktır.

yinede istenilirse .css tema ilgili bir makale yayınlıyabilirim ona istinaden sisteminizi rstore edebilirsiniz.

kolay gelsin.

daha site kurmadım ztn kurmayı düşünüyorum. ve onarcade e tema yapmayı düşünüyorum işte eğer olursa mesela bi kırmızı bi sarı bi mavi bi yeşil tema yaparım ayrı ayrı yukarıyada sizin sitenizdeki gibi renkleri koyarız yani oraya tıklandıı zmn tema deişicek fakat renk değişmiş gibi görüncek

Böle bi sorun da var css'de renkleri değiştiriyorsun arka plan bir de logonun olduğu kısmı sayfayı yenilediğinde uyguladıgın renk çıkıyor fakat bir saniye bile sürmüyor tekrar eski rengine dönüyor o kısmı bi türlü çözemedim tabi ben v2.0.1 kullanıyorum burdaki tema sistemi v1lerden farklı.. Bu soruna çözüm getirecek arkadaş var mı? Tşkrler.

bu renk degiştirmek için js kodlarını verebilirmisin ?

@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 http://www.webasistani.com/index.php de de görebilirsiniz.
Kolay Gelsin
Semih VURAL.