Ekran Tasarımı
Bu sayfada karşılama ekranı için tasarımsal düzenlemeler yapmanızı sağlayan pek çok ayar vardır. Açılan sayfada sizi basit bir demo karşılamaktadır. Demo ekranının üzerinde “Zemin, Logo, Form Alanı, Buton, Yerleşim” gibi butonlar yer almaktadır. Butonlara basıldığında aşağıda çeşitli form alanları açılacaktır. Bu form alanları yardımı ile tasarımı kendinize göre kişiselleştirebilirsiniz.
Zemin
Zemin karşılama ekranınızın arka planı için gerekli ayarları kapsamaktadır.
- Zemin Görseli: Karşılama ekranınızın arka planı olarak ayarlamak istediğiniz resimdir. Zorunlu değildir. Yeni bir resim yüklenebilir yada var olan resim kaldırılabilir. Kaldırmak için yükleme alanının sol tarafında yer alan küçük resmi mausu üzerinde getirdiğinizde açılan menüden kaldırabilirsiniz.
- Zemin Rengi: Zemin görselinin bulunmadığı durumlarda yada arka plan resminin sığmadığı kısımlarda görünen arka plan rengini belirler.
- Görsel Yerleşimi: Arka Plan görseli konumlandırmak ile ilgili ayarlar içerir.
- Görsel Tekrarı: Contains repeat settings of the background image.
NOT: Görsel yerleşimi “Center Center” seçildiğinde ve Görsel Tekrarı “Cover” seçildiğinde resim boyutu fark etmeksizin ekrana tam olarak sığdırılacaktır. {.is-info}
Logo
Form alanının üst kısmında yer alan logo için gerekli ayarları içerir.
- Logo: Logo olarak ayarlamak istediğiniz resimdir. Zorunlu değildir. Yeni bir resim yüklenebilir yada var olan resim kaldırılabilir. Kaldırmak için yükleme alanının sol tarafında yer alan küçük resmi mausu üzerinde getirdiğinizde açılan menüden kaldırabilirsiniz.
Form Alanı
Kullanıcıların veri girişini yapacağı form alanları için gerekli ayarları içerir.
- Form Alanı Arkaplan Renk: Tüm form alanının arka plan rengini ayarlamanızı sağlar.
- Form Font Boyut: Form alanında yer alan yazıların boyutunu ayarlamayı sağlar
- Form Font Renk: Form alanında yer alan yazıların rengini ayarlamayı sağlar
- Form Oval Köşe: Form alanının köşelerini oval yapmanızı sağlar
- Form Kenar(Border): Form kenar boyutunu ayarlamanızı sağlar
- Form Kenar Renk: Form kenar boyutunu renklendirmenizi sağlar
- Form İç Boşluk: Form alanının iç kısmında bırakılacak boyutu ayarlar
- Label Font Boyut: Form alanı içerisindeki veri giriş alanının başlığının yazı boyutunu ayarlar
- Label Font Renk: Form alanı içerisindeki veri giriş alanının başlığının yazı rengini ayarlar
- Input Font Boyut: Form alanı içerisindeki veri giriş alanının yazı boyutunu ayarlar
- Input Font Renk: Form alanı içerisindeki veri giriş alanının yazı rengini ayarlar
- Input Arkaplan Renk: Form alanı içerisindeki veri giriş alanının arka plan rengini ayarlar
- Input PlaceHolder Renk: Form alanı içerisindeki veri giriş alanının “placeholder” yazı rengini ayarlar
- Input Oval Köşe: Form alanı içerisindeki veri giriş alanının köşelerini oval yapmanızı sağlar
- Input Kenar(Border): Form alanı içerisindeki veri giriş alanının köşelerinin boyutunu ayarlamanızı sağlar
- Input Kenar Renk: Form alanı içerisindeki veri giriş alanının kenar boyutunu renklendirmenizi sağlar
- Input İç Boşluk: Form alanı içerisindeki veri giriş alanının iç kısmında boşluk bırakmasını sağlar
- Input Dış Boşluk: Form alanı içerisindeki veri giriş alanının dış kısmında boşluk bırakmanızı sağlar
Yerleşim
Form alanının sayfadaki konumunu değiştirebilmek için gerekli ayarları içerir.
- Yerleşim: Tüm form alanının sayfada yerleşimini ayarlamanızı sağlar. Üç farklı tip vardır. Sağ(right), Sol(left) ve Orta(center).
Buton
Form alanı içerisindeki butonların görsel ayarlarını içerir.
- Tip: Form alanı içerisinde yer alan Butonların görünüm tipini seçmenizi sağlar
- Font Boyut: Form alanı içerisinde yer alan Butonların yazı boyutunu ayarlamanızı sağlar
- Font Renk: Form alanı içerisinde yer alan Butonların yazı rengini ayarlamanızı sağlar
- Arkaplan Renk: Form alanı içerisinde yer alan Butonların arka plan rengini ayarlamanızı sağlar
- Oval Köşe: Form alanı içerisinde yer alan Butonların köşelerini oval yapmanızı sağlar
- Kenar(Border): Form alanı içerisinde yer alan Butonlara kenar oluşturmanızı sağlar
- Kenar Renk: Form alanı içerisinde yer alan Butonların kenar rengini ayarlamanızı sağlar
- İç Boşluk: Form alanı içerisinde yer alan Butonların iç boşluğunu ayarlamanızı sağlar
- Dış Boşluk: Form alanı içerisinde yer alan Butonların dış boşluğunu ayarlamanızı sağlar
