Head kısmında
link bulunmaktadır. bu 3 renk için de site
Bunu nasıl yapabilirim, bana yardımcı olabilirseniz sevinirim.
Jquery İhiyacı Dikkate alırsanız sevinirim. |
8 Mesajlar | 1.171 Okunma | ||
- Üyelik 01.12.2017
- Yaş/Cinsiyet 28 / E
- Meslek Geliştirici
- Konum Ankara
- Ad Soyad Ş** A**
- Mesajlar 42
- Beğeniler 10 / 13
- Ticaret 0, (%0)
Merhaba Arkadaşlar,
Head kısmında
link bulunmaktadır. bu 3 renk için de site
Bunu nasıl yapabilirim, bana yardımcı olabilirseniz sevinirim.
Head kısmında
link bulunmaktadır. bu 3 renk için de site
Bunu nasıl yapabilirim, bana yardımcı olabilirseniz sevinirim.
www.gesro.net Wordpress temaları
- Üyelik 23.10.2016
- Yaş/Cinsiyet 27 / E
- Meslek Öğrenci
- Konum Denizli
- Ad Soyad K** C**
- Mesajlar 689
- Beğeniler 0 / 203
- Ticaret 6, (%100)
Body'e bir class verirsiniz. Ve o class a göre elementlerinizi şekillendirirsiniz.
Örneğin bir div olsun. Div in içinde 1 tane p olsun.
CSS:
jQuery ile renk değiştiriceden tıklandığında body nin classını değiştirirsiniz ve tıklanan renge göre tüm elementlerinizi bu mantık ile yeniden renklendirebilirsiniz.
Örneğin bir div olsun. Div in içinde 1 tane p olsun.
CSS:
body.color-red div p{color: red;}
body.color-blue div p{color: blue;}
body.color-yellow div p{color: yellow;}jQuery ile renk değiştiriceden tıklandığında body nin classını değiştirirsiniz ve tıklanan renge göre tüm elementlerinizi bu mantık ile yeniden renklendirebilirsiniz.
- Üyelik 01.12.2017
- Yaş/Cinsiyet 28 / E
- Meslek Geliştirici
- Konum Ankara
- Ad Soyad Ş** A**
- Mesajlar 42
- Beğeniler 10 / 13
- Ticaret 0, (%0)
Teşekkür ederim, kontrollerimden sonra tekrar bilgilendireceğim
www.gesro.net Wordpress temaları
- Üyelik 10.11.2013
- Yaş/Cinsiyet 27 / E
- Meslek Front-End Developer
- Konum Adana
- Ad Soyad S** D**
- Mesajlar 1345
- Beğeniler 234 / 472
- Ticaret 12, (%100)
Kadir arkadaşımın dediğine ek olarak aynı işlemi style tagi içerisinde de yapabilirsiniz.
Örn:
diyerek Jquery den style probunun içeriğini değiştirebilirsiniz.
Yukarıda anlatılan yöntem ile fix değerler verebilirsiniz. Fakat bahsettiğim yöntem ile colorpicker dan renk seçtirip o rengi style probuna bastırabilirsiniz. Yani rengi kullanıcıya seçtirebilirsiniz :)
KadirCeyhan seviliyorsun kankim :)
Örn:
diyerek Jquery den style probunun içeriğini değiştirebilirsiniz.
Yukarıda anlatılan yöntem ile fix değerler verebilirsiniz. Fakat bahsettiğim yöntem ile colorpicker dan renk seçtirip o rengi style probuna bastırabilirsiniz. Yani rengi kullanıcıya seçtirebilirsiniz :)
KadirCeyhan seviliyorsun kankim :)
sefacandemir.com.tr
- Üyelik 01.12.2017
- Yaş/Cinsiyet 28 / E
- Meslek Geliştirici
- Konum Ankara
- Ad Soyad Ş** A**
- Mesajlar 42
- Beğeniler 10 / 13
- Ticaret 0, (%0)
@SefaCanDemir hocam bu işlemi zaten gerçekleştiriyorum hatta bunu bir php dosyası oluşturarak içinden değiştirilmesini sağlıyorum ama benim yaptığım sistemde 6 farklı standart renk ve sınırsız renk değişimi yapabileceği bir panel sunuyorum.
www.gesro.net Wordpress temaları
- Üyelik 08.05.2015
- Yaş/Cinsiyet 28 / E
- Meslek Developer
- Konum Samsun
- Ad Soyad İ** Ş**
- Mesajlar 1020
- Beğeniler 321 / 320
- Ticaret 19, (%100)
A
<script></script>
<script>
$(document).ready(function() {
$(".style1").click(function(){
$("#genel_style").attr("href", "style1.css");
});
$(".style2").click(function(){
$("#genel_style").attr("href", "style2.css");
});
});
</script>
style1.css
body {
background-color: #333;
}
div {
position: fixed;
width: 100%;
height: 50%;
background-color: #eaeaea;
}
style2.css
body {
background-color: #eaeaea;
}
div {
position: fixed;
width: 100%;
height: 50%;
background-color: #333;
}
Butonlara ulaşmak için class verdim ve buna uygun "genel_style" tag lı değeri manuel isimlendirerek değiştirdim. Boş bir html dosyası açıp deneyebilirsin. İstediğin sanırsam tam olarak böyle bir şey..
Kolay gelsin :rolleyes:
- Üyelik 01.12.2017
- Yaş/Cinsiyet 28 / E
- Meslek Geliştirici
- Konum Ankara
- Ad Soyad Ş** A**
- Mesajlar 42
- Beğeniler 10 / 13
- Ticaret 0, (%0)
edcsmile Kesinlikle bu :) İlginiz için teşekkür ediyorum. gerçekten çok teşekkür ederim.
www.gesro.net Wordpress temaları