Özellikleri Ayrı Renk Yapmak
Özellikleri ayrı renk yapmak için gereken özel css/scss kısa kodları makalemiz içerisinden ulaşabilirsiniz. Örnek ekran görüntülerinde seçtiğimiz bir temayı kendimize göre nasıl özelleştiğimizi görebilirsiniz.
Yukarıdaki ekran görüntüsünde gördüğünüz üzere mobil uygulamamızda kullandığımız herbir özellik için ayrı ayrı renk tanımlamaktayız. Örnekte bizler 4 adet özellik için 4 farklı renk tanımladık ama sizler dilediğiniz kadar özellik ve bu özelliklere özel renkler mobil uygulamanız için belirleyebilrisiniz.
Bunun için öncelikle renkler sekmesinde yer alan “Gelişmiş Özelleştirme CSS / SCSS” özelliğini altif etmeniz gerekir.
Aktif edilen “gelişmiş seçenekler” bölümüne aşşağıdaki kodu kopyalayıp yapıştırabilirsiniz
.homepage .layout li:nth-child(1) {
background-color: #0099C7;
}
.homepage .layout li:nth-child(2) {
background-color: #ffd64b;
}
.homepage .layout li:nth-child(3) {
background-color: #ff3a2e;
}
.homepage .layout li:nth-child(4) {
background-color: #9d5cad;
}
Mobil uygulamanız içerisinde her bir özellik arkaplanı için renk belirlemek baqsit ve kolaydır. Bunun için “background-color:” yazan yere dilediğiniz renk kodunu yazmanız yeterlidir.
Bir sonraki özellik için farklı bir renk belirmek
.homepage .layout li:nth-child(X) {
background-color: #YYYYYY;
}
şeklinde yukarıdaki kodlra ekleme yapabilirsiniz. X yazan yere özellik numarası Y yazan yerlere renk kodlrını yazmanız yeterlidir.
Bunların dışında dilerseniz renk kodları yerine genel renk adlarını yazamanızda mümkündür.
.homepage .layout li:nth-child(X) {
background-color: red;
}
“red” yazan yere dilediğiniz rengin adınız yazabilir, mobil uygulamanızı kendinize göre özelleştirebilirsiniz.
Daha fazla ipucu ve css ve scss kod örnekleri için destek merkezi sitemize göz atınız. Daha tedaylı bilgi ve mobil uygulama hakkında detaylı bilgi için bizlerle canlı destek, mail veya whatsapp üzerinden iletişime geçebilirsiniz.
