Form Arka Planı Nasıl Şeffaf Yapılır? 

6 Aralık 2023

Formunuzun arka planını şeffaf hale getirmek, formlarınızı web sitenizin tasarımıyla harmanlamanın en kolay yoludur.

Form Oluşturucu’da aşağıdaki yöntemleri kullanarak formunuzun arka planını değiştirebilirsiniz. 

Form Tasarımcısı

Formunuzun arka planının şeffaflığını en kolay şekilde Form Tasarımcısı sayesinde değiştirebilirsiniz. 

  1. Form Oluşturucu’nun sağ üst kısmında yer alan Form Tasarımcısı simgesine tıklayın.
Form Tasarımcı'da formun arka planını transparan yapma
  1. Renkler sekmesinde Form Rengi kutusuna tıklayın. 
  2. Form Rengi kutusunda gösterilen renk seçeneklerinden X simgesine tıklayın.
Form Oluşturucu Form Tasarımcısı
İpucu
Formun arka planının şeffaflığını d. eğiştirmek için Form Rengi kutusuna “transparent” da yazabilirsiniz.
  1. Değişiklikleri kaydetmek için lütfen KAYDET butonuna tıklamayı unutmayın.

Gelişmiş Tasarımcı 

Eğer form tasarım konusunda ustaysanız, gelişmiş tasarımcı form arka plan rengi de dahil olmak üzere daha gelişmiş stil seçenekleri sunar.

  1. Yukarıdaki adımlarda gösterildiği gibi Form Tasarımcısı’nı açın.
  2. Renkler sekmesinde yer alan Gelişmiş Tasarımcı butonuna tıklayın. 
Form Oluşturucu'da Gelişmiş Tasarımcı
  1. Renk Temaları sekmesinin altında yer alan Çerçeve’ye tıklayın ve kaydırma çubuğunu kullanarak şeffaflığını değiştirin. Aynısını Arkaplan için de yapın. 
Form Oluşturucu'da Gelişmiş Tasarımcı aracında çerçeve özelliği
  1. Değişiklikleri uygulamak için sayfanın solunda yer alan Kaydet butonuna tıkladığınızdan emin olun. 

Özel CSS Kodları

Formun gölgesini ve kenarlığını kaldırmak da dahil olmak üzere her şeyi denemek istiyorsanız bu yöntemi öneriyoruz.

  1. Form Tasarımcısı’nı açın. 
  2. Stiller sekmesinde Özel CSS Kodu Gir kutusuna kadar sayfayı aşağı kaydırın ve belirtilen CSS kodunu yapıştırın. 
.supernova, .jotform-form, .form-all {
background-color: transparent !important;
}
.form-all {
box-shadow: none;
border: none;
}
Form Oluşturucu'da Özel CSS Kodu Gir
  1. Her zaman oldupu gibi bütün değişiklikleri uygulamak için KAYDET butonuna tıklayın.

Ayrıca bakınız: Formunuzun Opaklığını Nasıl Ayarlarsınız? 

Herhangi bir sorunuz, öneriniz veya geri bildiriminiz varsa, aşağıda yer alan yorum kutusunda belirtebilirsiniz. Ayrıca destek talebi oluşturarak da bizimle iletişime geçebilirsiniz. 

İletişim Desteği:

Müşteri destek ekibimiz 7/24 hizmet vermektedir ve ortalama yanıt süremiz bir veya iki saat arasında değişmektedir.
Ekibimizle aşağıda belirtilen linkler aracılığıyla iletişime geçebilirsiniz:

Destek Forumu: https://www.jotform.com/answers/

Jotform Desteği ile iletişime geçmek için: https://www.jotform.com/contact/

Yorum Gönder:

Jotform Avatar
Bu site reCAPTCHA ve Google Gizlilik Politikası tarafından korunmaktadır ve Hizmet Koşulları geçerlidir.

Podo Comment İlk yorum yapan sen ol.