Hoş Geldiniz,

XenTR üzerinde yer alan içeriklere erişim sağlayabilmek, projelerinizde karşılaştığınız sorunlara destek ekibimizin çözüm üretebilmesi adına üye olunuz.
Unutmayalım ki, bilgi paylaşıldıkça değer kazanır.
Giriş Yap

Sorun Cevaplayalım

XenForo hakkında merak ettiğiniz tüm soru(n)lara 7/24 destek.

Çözümlenmiş Sorunlar

Yaşanan sorunların kolay çözüm yolları ve anlatımları.

Destek Ekibimiz Sizlerle

Ücretli destek talepleri ve özel hizmetler için yanınızdayız.

Stil özellikleri Temel renkler (Basic colors)

XenMake

XenTR Ekibi
Yönetici
Admin
Müşteri
XenTR Üyesi
Lisanslı Üye
Katılım
2 Şub 2019
Mesajlar
51
Tepki Puanı
64
Puanları
18

İtibar Puanı:

Temel Renkler (Basic colors)

2

Bu ayarlar, belirli içerik veya yapı türleri için sistem genelinde kullanılacak renkleri tanımlar. Tutarlılık ve düzenleme kolaylığı için, kullanılan renkler öncelikli olarak Color palette (Renk Paletinden) gelmelidir. Burada kullanılan renkler aslında Color Palette üzerinde belirtilmiş olan renk değerlerini almaktadır.

Tema üzerinde bu renk değerleri şu şekilde farklı renk tonlarına dönüştürülmektedir. Aşağıdaki örnekler ile renk paletindeki renklerin nasıl şekillendirildiklerini görebilirsiniz.

Örnekler:
Örneğin bir metin rengini tam siyah olarak değil de biraz daha açık tonlarda kullanmak istersek XenForo 2.0 ile gelen yeni özellik yapısını şu şekilde uygulayabiliriz. XenForo artık tüm sitil özelliklerinde şu eki kullanmaktadır.

Kod:
Değerli ziyaretçimiz lütfen, içeriği görüntüleyebilmek için Giriş Yap veya Kayıt Ol anlayışınız için teşekkürler.
Dolayısı ile uygulamak istediğimiz tüm renk paletlerinin başına yukarıdaki eki uygulamamız gereklidir.
Kod:
Değerli ziyaretçimiz lütfen, içeriği görüntüleyebilmek için Giriş Yap veya Kayıt Ol anlayışınız için teşekkürler.
Burada uygulamış olduğumuz değerlere bakacak olursak Color Palette üzerinden iki adet renk sitilini seçtiğimizi görebilirsiniz. Yukarıda da sözünü etmiş olduğum metin renginin artık tam siyah değil siyahın açık tonlarına uygulandığını görebiliriz.

Başka bir örnek verecek olursam eğer direkt olarak bir renk uygulanmak istenirse sadece şu şekilde de yapılabilir. Zaten bunu panel üzerinden çok basit bir şekilde uygulayabilirsiniz.

3

Sistem otomatik olarak yukarıda bahsetmiş olduğum eki atamaktadır.

Yine başka bir örnek daha vermek istiyorum. Bu örnekte ise uygulamak istediğimiz bir rengi nasıl şeffaf bir ton olarak ayarlayabiliriz. Aslında çok kolay XenForo yeni yapısı gereği bu işi de çok kolay bir hale getirmiş. Eskiden css ile şu şekilde vermiş olduğumuz bir kodu şimdi aşağıdaki örnekte gördüğünüz gibi yapabilirsiniz.
Eski yapıya göre CSS örneğimiz diyelim ki şöyle idi:

CSS:
Değerli ziyaretçimiz lütfen, içeriği görüntüleyebilmek için Giriş Yap veya Kayıt Ol anlayışınız için teşekkürler.
Yeni XenForo 2.x yapısında ise renk değerimizi şu şekilde verebiliriz.
CSS:
Değerli ziyaretçimiz lütfen, içeriği görüntüleyebilmek için Giriş Yap veya Kayıt Ol anlayışınız için teşekkürler.
yada
CSS:
Değerli ziyaretçimiz lütfen, içeriği görüntüleyebilmek için Giriş Yap veya Kayıt Ol anlayışınız için teşekkürler.
Gördüğünüz gibi burada rengi Color palette de bulunan Neutral 3 üzerinden çekmektedir. Kodun arkasındaki 80% veya 12% değerini değiştirerek istediğiniz şeffaflığı sağlayabilirsiniz. Burada önemli olan ana renk değerlerinin ne olduklarını bilmeliyiz. İlerleyen makalelerde bu kodları geliştirerek tema üzerinde nasıl uygulandıklarını daha detaylı olarak görebileceksiniz.
 
Son düzenleme:
Üst