[MCTR - 1.6] Tıklayınca Değişen Arkaplan

[MCTR - 1.6] Tıklayınca Değişen Arkaplan - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB Grafik & Tasarım Deposu (https://mybbdepo.com/mybb-grafik-tasarim-deposu-forumu)
+--- Forum: Mybb Tema İstek (https://mybbdepo.com/mybb-tema-istek-forumu)
+--- Konu Başlığı: [MCTR - 1.6] Tıklayınca Değişen Arkaplan (/tiklayinca-degisen-arkaplan-konusu.html)

Tıklayınca Değişen Arkaplan - z0mbie - 17-11-2013

resim

http://haxturks.com/

Bunu istiyorum yardım edebilecek var mı?

ben bunun kodlarını vs. bulabildim ama siz tam ve detaylı atarsanız sevinirim..

Örnek:

js. olarak bulunması gereken dosyalar.
-
-
-

Headerinclude'ye
-
-
-

Header'da Seçim Yeri
-
-
-

Yardım ederseniz sevinirim.

Cvp: Tıklayınca Değişen Arkaplan - Warsofdays - 18-11-2013

Js gerek yok gibime geldi.
Css hover etiketini biraz araştırırsanız bilgi bulabilirsiniz.
Not: Hover etiketi fare üzerine gelince değişmesini sağlar.
Kullanım (w3)

Cvp: Tıklayınca Değişen Arkaplan - z0mbie - 18-11-2013

style css ile alakalı bu birde üstüne gelince değişince yine eski oluyor gibi birşeydi tıklayınca öyle kalacak becerdiydimde tam olmuyor kendi kodlarım çalışmıyor css başka forumdan alıntılar çalışıyor

Cvp: Tıklayınca Değişen Arkaplan - usameavci - 18-11-2013

Multicolor temaları araştır. Mantığını kavrarsansadece arkaplan değil komple tema değişimi bile yaparsın Göz kırpma

Cvp: Tıklayınca Değişen Arkaplan - z0mbie - 18-11-2013

kavramı zaten biliyorum becermiş bulunuyorum komple tema değişmek çok basit Açık Ağızlı Gülümseme

Cvp: Tıklayınca Değişen Arkaplan - usameavci - 19-11-2013

(18-11-2013, Saat:21:50)z0mbie Adlı Kullanıcıdan Alıntı: kavramı zaten biliyorum becermiş bulunuyorum komple tema değişmek çok basit

Pek anlayamamışsın sanırsam Gülümseme

Çünkü tema arkaplanı kapsar yani komple temayı değiştirebiliyorsan sadecearkaplanı da değiştirebilirsin. Ben yinede sana ufak bi örnek yazayım işini görecek kadar geliştirmesi sana kalmış.

Headerinclude Ekle:

Kod:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script type="text/javascript">

    $(document).ready(function(){

        $("#tabs .bg1").click(function(){

            $("body").removeClass();

            $("body").addClass("bck1");

        });

        $("#tabs .bg2").click(function(){

            $("body").removeClass();

            $("body").addClass("bck2");

        });

        $("#tabs .bg3").click(function(){

            $("body").removeClass();

            $("body").addClass("bck3");

        });

    });

</script>

Global.css Ekle:

Kod:

body.bck1{background:url(resim linki) no-repeat;}

body.bck2{background:url(resim linki) no-repeat;}

body.bck3{background:url(resim linki) no-repeat;}

Butonların görünmesini istediğin yere Ekle:

Kod:

<div id="tabs">

    <div class="bg1">Arka Plan 1</div>

    <div class="bg2">Arka Plan 2</div>

    <div class="bg3">Arka Plan 3</div>

</div>