Divi Kontak Form Modülünü düzenlemenin 5 benzersiz yolu
İletişim formları birçok web sitesinin önemli bir parçasıdır. Ana hedefleri sezgisel olmak ve ziyaretçilere kolayca iletişim kurmaktır. Ancak bu, tüm temas formlarının belirli bir şekilde görülmesi ve önceden belirlenmesi gerektiği anlamına gelmez. Sezgisel deneyimleri güzel tasarımlarla kolayca birleştirebilirsiniz. Bu yazıda tam olarak yapacağımız şey bu. Yalnızca Divi’nin varsayılan seçeneklerini kullanarak yapabileceğiniz 5 benzersiz Divi iletişim formu modülü tasarımını paylaşacağız. Haydi Yapalım şunu! Divi Masaüstü Kontak Formu Modülünün Önizleme Tasarımı Masaüstündeki Divi İletişim Formu Modülü Tasarımına bakarak başlayalım.
Hücresel ve bu, daha küçük bir ekran boyutunda Divi temas formu modülünün tasarımıdır: 5 YouTube kanalları için Divi İletişim Formu Modülünü Düzenlemenin Benzersiz Yolları Kişi Formu #1 Oluşturuyoruz Gradyanın arka planının yeni bir bölümünü ekleyin, ilk örnekle başlayalım! Yeni bir parça ekleyin, arka plan ayarını açın ve gradyanın arka planını ekleyin.Renk 1: #4C00FF
Renk 2: #FFD400
Gradyan Türü: Radyal
Radyal yön: sol alt
Başlangıç Pozisyonu:% 34
Son pozisyon:% 34 Mesafe, o zaman, boşluk ayarlarını açık ve bazı özel dolgu değerleri ekleyin.
Üst dolgu: 200px
Dolgu Alt: 200px Sütun yapısının yeni bir satırı ekleyin, aşağıdaki sütun yapısını kullanarak yeni bir satır ekleyin: Sütun Rengi Sütun 1 Herhangi bir modül eklemeden satır ayarlarını açın ve sütun gradyanının arka planını ekleyin.
Sütun 1 Arka Plan Rengi: RGBA (255,255,255.0.55) Sütun 1 Arka Plan Görüntüsü İlk sütuna da bir arka plan görüntüsü ekleyin.
Sütun Arka Planının Tekrarlanması Resim 1: Tekrar yok
Sütun 1 Arka plan görüntüsü: Arka plan ekranı sütun 2 ve ikinci sütun için beyaz arka plan rengi. Sütun 2 Renk Arka Plan: #ffffff
Yapıştırıcı Bir sonraki boyut ayarlarını değiştirin. Yüksek sütunu eşitleyin: evet
Mesafe Tüm varsayılan özel dolguları da silin. Üst dolgu: 0px
Aşağıda dolgu: 0px
Sütun Sınırı Yarıçapı Gelişmiş sekmesindeki iki sütuna bir miktar limit yarıçap ekleyin. Border-Radius: 10 piksel; Metin modülünü sütun 1’e ekleyin, içerikleri ekleyin Çeşitli modüller eklemeye başlamanın zamanı geldi! Metin modülünü seçilen birkaç içeriğe sahip ilk sütuna ekleyin. Metin Ayarları Ardından, metin ayarlarını açın ve bazı değişiklikler yapın. Metin yazı tipi: tatmin edin
Metin rengi: #333333
Metin Boyutu: 100 piksel
Hat yüksekliği metni: 1em
Metin Oryantasyonu: Orta
Mesafe Bazı özel dolgu değerleri de ekleyin. Üst Dolgu: 600 piksel
Dolgu Alt: 100 piksel
Tasarıma derinlik katmak için kutunun gölgesi, pürüzsüz bir kutu gölgesi kullanın. Bulanık Güç Gölgesi Kutusu: 80px
Kutunun gölgesinin dağılımının gücü: -16px
Gölge Rengi: RGBA (0.0,0,0,3)
Resim Modülünü Sütun 2’ye Ekle PNG Görüntüleri Yükle İkinci sütuna görüntü modülünü ekleyerek devam edin. PNG resimleri seçimi yükleyin. Yapıştırıcı Bu modülün boyut ayarlarını değiştirin. Genişlik:% 25 (masaüstü),% 50 (tablet),% 60 (cep telefonu)
Modül hizalaması: merkez
Bazı negatif kenar boşluklarını kullanarak örtüşme mesafesi. Üst kenar boşluğu:% -60
Metin Modülü #1 Ekle 2 Sütun 2’ye İçindekiler Görüntü Modülünün hemen altına ekleyin, birkaç içeriğe sahip metin modülünü ekleyin. Metin Ayarları Bu modülün metin ayarlarını değiştirin. Metin yazı tipi: tatmin edici
Metin rengi: #333333
Metin Boyutu: 44px
Metin Oryantasyonu: Orta
Metin Modülünü Ekle #2 Sütun 2’ye Ekle Dolgu Ekle Bir sonraki metin modülünü ekleyin. Metin Ayarları ayrıca bu modülün metin ayarlarını da değiştirir. Metin yazı tipi: Arial Metin rengi: #ffd400
Metin Boyutu: 18px
Metin mektubu alanı: 2px
Metin Oryantasyonu: Orta
Mesafe Aşağıda bir sonraki marj ekleyin.
Alt kenar boşluğu: 100 piksel Kontak Formu Modülünü Sütun 2’ye Ekleyin ‘Tam Genişlik’ seçeneğini Adı ve E -posta Adına Etkinleştirin Gereken Son Modül Kontak Formu Modülüdür. Başka bir şey yapmadan önce ad ve e -posta alanını açın ve düzeni değiştirin.
Tam genişlik yapın: evet Bu tasarımı yapmak için konu alanını ekleyin, konuya başka alanlar ekledik.
Element bir sonraki CAPTCHA seçeneğini devre dışı bırakır. Captcha ekranı: hayır Ayarlar Metin Alan Formu Bu iletişim formu modülünden form alanının metin ayarlarında bazı değişiklikler oluşturun.
Arka Plan Renk Alanı Formu: RGBA (255,255,255.0) Yazı Tipi Alan Formu: Arial
Font Ağırlığı Formu Form: Işık
Boyut metin alanı formu: 16px
Form sütun harfi mesafesi: 2px
Düğme ayarlarımız ayrıca düğmenin görüntülenmesini de değiştirir.
Düğmeler için özel bir stil kullanın: evet Metin Renk Düğmesi: #FFD400
Düğmenin sınır genişliği: 0px
Mektup Mesafe Düğmesi: 2 piksel
Yazı tipi düğmesi: Arial
Yazı tipi kuvveti: alt çizgiler
Alt çizgi rengi: #4C00FF
Mesafe Bir sonraki özel dolgu değerleri ekleyin.
Dolgu Alt: 100 piksel Sol dolgu: 50 piksel
Sağ dolgu: 50px
Sınır ve her alana düzgün bir alt sınır ekleyin.
Alt sınır genişliği: 2px Alt sınır rengi: #efefef
Son fakat en az değil, bireysel saha mesafesi, mesaj dışında her bir alana bazı alt kenar boşlukları ekleyin.
Alt kenar boşluğu: 20 piksel İletişim Formu #2 Oluşturma
Bir sonraki örneğe gradyanın arka planının yeni bir bölümünü ekleyin! Gradyan arka plana sahip yeni bir parça ekleyin. Renk 1: #562FEF Renk 2: #ffffff Gradyan Türü: Doğrusal
Başlangıç Pozisyonu:% 50
Son pozisyon:% 50
Mesafe Bu bölümün boşluk ayarlarına bazı özel dolgu değerleri ekleyin.
Üst dolgu: 200px
Dolgu Alt: 200px Sütun yapısının yeni bir satırı ekleyin, aşağıdaki sütun yapısını kullanarak yeni bir satır ekleyin:
Herhangi bir modül eklemeden arka plan rengi, satır ayarlarını açın ve arka plan rengini satıra ekleyin.
Arka plan rengi: #ffffff Sütun 2 gradyan arka planı Degradenin arka planını bir sonraki satırdan ikinci sütuna ekleyin. Renk 1: #9932ff
Renk 2: #562Fef Sütun 2 gradyan tipi: doğrusal
Sütun 2 gradyan yönü: 160deg
Yapıştırıcı değişim ayrıca sıra boyutunun düzenlenmesi.
Özel Talang genişliği kullanın: evet
Talang genişliği: 1 Yüksek sütunu eşitleyin: evet
Mesafe o zaman, bazı özel alan değerleri ekleyin.
Üst dolgu: 0px
Aşağıda dolgu: 0px Sütun 1 Dolgu Üst: 100 piksel
Sütun 1 Pilding Alt: 50px
Sütun 1 Sol dolgu: 50px
Sütun 1 Dolgu Sağ: 50px
Sütun 2 Dolgu Üst: 100 piksel
Sütun 2 Dolgu Alt: 100 piksel
Sütun 2 Dolgu Sol: 50px
Sütun 2 Dolgu Sağ: 50px
Sınır her satır sınırına ’20px’ ekleyin.
Son kutu gölgesi, satıra pürüzsüz bir kutu gölgesi ekleyin.
Bulanık Güç Gölgesi Kutusu: 45px Kutunun gölgesinin dağılımının gücü: -11px Gölge Rengi: RGBA (0.0,0,0,3)
Metin modülünü sütun 1’e ekleyin, içerikleri ekleyin Modül eklemeye başlamanın zamanı geldi! İlk sütunda metin modülü ile başlayın.
Metin Ayarları Bu modülün metin ayarlarını değiştirin.
Metin yazı tipi ağırlığı: çok kalın Metin yazı tipi stili: büyük harf Metin rengi: #562Fef
Suze Metin: 100px (masaüstü), 80px (tablet), 60px (telefon) Metin mektubu aralığı: -10px
Hat yüksekliği metni: 1em
Mesafe biraz alt kenar boşlukları da ekleyin.
Alt kenar boşluğu: 50 piksel
İlk sütunda ihtiyacımız olan ikinci modülün 1 sütununa Kontak Formu modülünü ekleyin. Modülü ekledikten sonra ‘captcha’yı göster’ seçeneğini devre dışı bırakın.
Captcha ekranı: hayır Alan Metni Ayarları Formu Değiştir Renk Arka Plan Alanı Sonraki Form.
Renk Arka Plan Alan Formu: #ffffff Metin yerine bir simge düğmesi oluşturmak için Düğme Ayarları ile Oynat düğmesi ayarları.
Düğmeler için özel bir stil kullanın: evet Metin Boyutu Düğmesi: 73px
Botton Metin Rengi: RGBA (0.0,0,0) Yön düğmesi yönünün arka plan rengi: RGBA (255,255,255.0)
Düğmenin sınır genişliği: 0px
Renk simgesi düğmesi: #9932ff
Yalnızca görüntü simgeleri düğmeye yönlendirilir: hayır
Son kutu gölgesi, her alana pürüzsüz bir kutu gölgesi ekleyin.
Bulanık Güç Gölgesi Kutusu: 36px
Bulanık Güç Gölgesi Kutusu: -14px
Gölge Rengi: RGBA (0.0,0,0,3) Metin modülünü sütun 2’ye ekleyin İkinci sütunda ihtiyacımız olan ilk modülün içeriğini ekleyin başka bir metin modülü.
Metin Ayarları İçerik ekledikten sonra, bu modülün metin ayarlarını değiştirin.
Metin yazı tipi ağırlığı: çok kalın
Metin rengi: #ffffff Metin Boyutu: 23px Metin mektubu alanı: -1px
Bulanık Modül #1’i Sütun 2’ye ekleyin İhtiyacımız olan ikinci modülün içeriğini ekleyin Bulanık modül. Lütfen ve bazı iletişim bilgileri girin.
Bir simge seçin, ardından uygun simgeyi seçin.
Ikon ayarları bu simge ayarını değiştirir.
Ikon Color: #ffffff Simge Yerleştirme: Sol Başlık Metin Ayarları Bir sonraki başlık metin ayarlarında bazı değişiklikler yaparak devam edin. Başlık metin boyutu: 15px Başlık Mektup Alanı: -0.5px
Mesafe ve bazı üst kenar boşlukları ekleyin.
Üst kenar boşluğu: 120px Blurb Klon Modülü Birinci Blurb modülünü değiştirmeyi bitirdikten sonra, devam edebilir ve modülleri iki kez klonlayabilirsiniz.
İkinci yinelenen içerik ve simgeyi değiştirin, çeşitli iletişim bilgilerini ziyaretçilerle paylaşmak için iki kopyanın içeriğini ve simgelerini değiştirin.
İki kopyanın iki yinelenen kenar boşluğunun değiştirilmesi gerekir. Üst kenar boşluğu: 30 piksel
İletişim Formu #3 Oluşturma Üçüncü örneğe arka plan renginin yeni bir kısmını ekleyin! Aşağıdaki arka plan rengi ile yeni bir parça ekleyin: Arka plan rengi: #3491ce Uzay ayarlarına bazı özel dolgu değerleri ekleyerek daha fazla mesafe.
Üst dolgu: 200px Dolgu Alt: 200px Satırlar #1 sütun yapısı daha sonra ekleyin, aşağıdaki sütun yapısını kullanarak yeni satırlar ekleyin:
İçerikleri eklemek için metin modülünü ekleyin Modül eklemeye başlamanın zamanı geldi! İlk sütuna eklememiz gereken ilk modül metin modülüdür. Seçilen bazı içerikler girin. Metin Ayarları Ardından, metin ayarlarını değiştirin.
Metin yazı tipi ağırlığı: çok kalın
Metin Rengi: RGBA (255,255,255.0.24) Metin boyutu: 100px (masaüstü), 86px (tablet), 60px (cep telefonu) Hat yüksekliği metni: 1em Metin Oryantasyonu: Orta
Mesafe biraz negatif marjlar da ekleyin.
Alt kenar boşluğu: -100 piksel
ROWS #2 Ekle Bu örneği tamamlamamız gereken ikinci sıra sütun yapısı aşağıdaki sütun yapısını içerir:
Herhangi bir modül eklemeden gradyan arka planı, satır ayarlarını açın ve gradyanın arka planını ekleyin.
Renk 1: #11ce84 Renk 2: #10C77FTIPE gradyanı: Doğrusal
Gradien yönü: 160deg Başlangıç Pozisyonu:% 50 Son pozisyon:% 50
Yapıştırıcı değişim de boyutu ayarlayın.
Özel Talang genişliği kullanın: evet
Talang genişliği: 1
Yüksek sütunu eşitleyin: evet
Mesafe Bir sonraki özel dolgu değerleri ekleyin.
Üst dolgu: 150px Dolgu Alt: 100 piksel
Sol dolgu: 50 piksel
Sağ dolgu: 50px
Daha sonra sınır ayarına gidin ve her köşeye ’20px’ ekleyin. Alt sınırı da kullanın. Alt sınır genişliği: 10 piksel
Alt Sınır Rengi: #1BA35A
Kutunun gölgesi, pürüzsüz bir kutu gölgesi ekleyerek satır ayarlarını tamamlar.
Bulanık Güç Gölgesi Kutusu: 80px
Kutunun gölgesinin dağılımının gücü: -24px Gölge Rengi: RGBA (0.0,0,0,3)
Kontak Formu Modülünü Sütun 1’e Ekleyin Ad ve E -posta Alanında ‘Tam Genişlik’ seçeneğini etkinleştirin Sırının ilk sütununda ihtiyacımız olan ilk modülü İletişim Formu modülüdür. Ad ve e -postanın adını açın ve düzen ayarlarını değiştirin.
Tam genişlik yapın: evet Element bir sonraki captcha’yı devre dışı bırakır.
Captcha ekranı: hayır
Düğmeyi ayarlayın ve düğme ayarlarını değiştirin.
Düğmeler için özel bir stil kullanın: evet Metin Renk Düğmesi: #fffffff
Renk 1: #3AA0E3 Renk 2: #3491ce
Gradyan Türü: Doğrusal Gradyan yönü: 155deg
Başlangıç Pozisyonu:% 50
Son pozisyon:% 50
Düğmenin sınır genişliği: 0px
Sınır sınır yarıçapı: 10px
Kutunun gölgesinin dağılımının gücü: -2px
Gölge Renk: #0A60AF
Sınırımız ayrıca her alana ‘5 piksel’ yuvarlak açılar ekler.
Metin modülünü Sütun 2’ye ekleyin İkinci sütunda içeriği ekleyin, ihtiyacımız olan ilk modül metin modülüdür. Lütfen ve biraz içerik girin.
Arka plan rengi daha sonra, arka plan rengini değiştirin.
Arka plan rengi: RGBA (255,255,255,0.13) Metin ayarlarıyla metin ayarlarını çalma.
Metin yazı tipi ağırlığı: ışık
Metin rengi: #ffffff Metin Boyutu: 15 piksel Metin mektubu alanı: -0.5px Mesafe ve nefes almak için modül alanı sağlamak için bazı özel pedler ekleyin.
Üst dolgu: 12 piksel Dolgu Alt: 12 piksel
Sol dolgu: 10 piksel
Doğru dolgu: 10 piksel
Sınırımız ayrıca sol üst ve alt köşelere ’20px’ ekler. Ayrıca, sol sınırı ekleyeceğiz.
Sol sınır genişliği: 34px Sol sınır rengi: #EDF000
Bu tasarımı farklı ekran boyutlarına göre yapmak için görünürlük Metin modülünü cep telefonları ve tabletlerdeki devre dışı bırakacağız.
İlk metin modülünü değiştirmeyi bitirdikten sonra iki kez klon metin modülü, devam edin ve klon modülünü iki kez klon.
İkinci yinelenen içeriği değiştirin İkinci yinelenen içeriği başka bir şeye dönüştürün.
İki yinelenen boşluğu değiştirin ve her modül arasında boşluk oluşturmak için bazı üst kenar boşlukları ekleyin. Üst kenar boşluğu: 20px
İkinci sınır kopyasını son olarak değiştirin, ancak en az değil, her bir kopyanın sol sınır rengini tek tek değiştirin.
Renk 1: #00faff Renk 2: #00F76F İletişim Formu #4 Oluşturma Dördüncü örneğe arka plan renginin yeni bir kısmını ekleyin! Aşağıdaki arka plan rengini kullanarak yeni bir parça ekleyin: Arka plan rengi: #ffbabd
Varsayılan dolgunun mesafesini silin Bu bölüm. Üst dolgu: 0px
Aşağıda dolgu: 0px
Sütun yapısının yeni bir satırı ekleyin. Aşağıdaki sütun yapısını kullanarak yeni bir satır ekleyerek devam edin: Herhangi bir modül eklemeden gradyan arka planı, satır ayarlarını açın ve gradyanın arka planını ekleyin. Renk 1: #ffffff
Renk 2: RGBA (41,196,169.0) Gradyan Türü: Radyal
Radyal Yön: Merkez
Başlangıç Pozisyonu:%38 Son Pozisyon:%38 Yapıştırıcı Bir sonraki boyut ayarlarını değiştirin. Bu çizgiyi tamamen genişletin: evet
Özel Talang genişliği kullanın: evet
Talang genişliği: 1
Mesafe ve özel bir yatak ekleyin.
Üst dolgu: 160px
Dolgu Alt: 160 piksel
Metin Modülünü Ekle İhtiyacımız olan ilk modülün içeriğini ekleyin Metin modülü. Lütfen ve biraz içerik girin. Metin Ayarları Uygun metin ayarlarını değiştirin:
Metin Yazı Tipi: Abril Fatface
Metin rengi: #640076
Metin boyutu: 45px (masaüstü), 34 piksel (tablet), 20px (telefon) Hat yüksekliği metni: 1em
Metin Oryantasyonu: Orta
Mesafe Bir sonraki özel alan değerleri ekleyin. Üst Marj: 300 piksel Üst dolgu: 50 piksel
Dolgu Alt: 50 piksel
Kontak Formu Modülünü Ekle ‘Tam Genişlik’ seçeneğini Ad ve E -posta Alanında Etkinleştirin İkinci ve son olarak ihtiyacımız olan modül Kontak Formu modülüdür. Ad ve e -postanın adını açın ve düzen ayarlarını değiştirin.
Tam genişlik yapın: evet
Elementler daha sonra öğe ayarlarında CAPTCHA seçeneğini devre dışı bırakır.
Captcha ekranı: hayır Ayarlar Metin alanı formu alanların metin ayarlarında da bazı değişiklikler oluşturur.
Renk Arka Plan Alan Formu: #FFF6F6
Renk Metin Alanı Formu: #FF7C7C
Aşağıdaki ayarları kullanarak düğmeyi simge düğmesine ayarlayın: Düğmeler için özel bir stil kullanın: evet
Metin Boyutu Düğmesi: 88px Metin Renk Düğmesi: RGBA (255,255,255.0)
Yön düğmesi yönünün arka plan rengi: RGBA (255,255,255.0) Düğmenin sınır genişliği: 0px
Renk simgesi düğmesi: #e60085
Sadece ekran simgeleri düğmeler için yönlendirilir: evet Yapıştırıcı ve tasarımın tüm ekran boyutlarıyla eşleşmesini sağlamak için boyut değeri ile oynamak.
Genişlik:% 42 (masaüstü),% 50 (tablet),% 77 (cep telefonu)
Modül hizalaması: merkez
Modüle bazı özel alan değerleri ekleyerek daha fazla mesafe.
Alt kenar boşluğu: 200px
Sol dolgu: 50 piksel
Sağ dolgu: 50px
Sınır ve her köşeye ’10px’ ekleyin. Son fakat en az değil düğme marjı, Gelişmiş sekmesinde aşağıdaki CSS kod satırını kullanarak sağdaki simge düğmesine basın: marj -right: -100px;
İletişim Formu #5 Oluşturma
Son örneğe gradyan arka planının yeni bir bölümünü ekleyin! Aşağıdaki gradyan arka planı ile yeni bir parça ekleyin: Renk 1: #4BF2D0
Renk 2: #ffffff
Gradyan Türü: Radyal
Radyal Yön: Sol Başlangıç Pozisyonu:% 36 Son pozisyon:% 36 Ardından, boşluk ayarlarını açık ve bazı özel pedler ekleyin. Üst dolgu: 250 piksel
Dolgu Alt: 250 piksel
Ayarları değiştirmeyi bitirdikten sonra sütun yapısının yeni bir satırı ekleyin, aşağıdaki sütun yapısını kullanarak yeni bir satır ekleyin:
Herhangi bir modül eklemeden arka plan rengi, satır ayarlarını açın ve arka plan rengini ekleyin.
Arka plan rengi: #ffffff
Sütun Rengi Sütun 1 Diğer arka plan rengini ilk sütuna ekleyin.
Sütun Renk Sütunu 1: #F9F9F9 Yapıştırıcı daha sonra satır boyutu ayarlarını değiştirin.
Özel genişlik kullanın: evet
Birim: PX Özel genişlik: 1730px Özel Talang genişliği kullanın: evet
Talang genişliği: 1 Yüksek sütunu eşitleyin: evet
Mesafe ve tüm ekran boyutlarına uyacak bazı özel alan değerleri ekleyin. Üst dolgu: 0px
Aşağıda dolgu: 0px
Sütun 1 Dolgu: 200px (masaüstü), 0px (tablet ve cep telefonu)
Sütun 1 Pilding Alt: 150 piksel (masaüstü), 0px (tablet ve cep telefonu)
Sütun 1 Sol dolgu: 50px
Sütun 1 Dolgu Sağ: 50px
Üst Dolgu 2 Dolgu: 200px (masaüstü), 100 piksel (tablet ve cep telefonu) Sütun 2 Dolgu Alt: 150px, 100px (Tablet ve Cep Telefonu)
Satır ayarında yapmanız gereken son şeyin gölgesi, pürüzsüz bir kutu gölgesi eklemektir.
Bulanık Güç Gölgesi Kutusu: 56px
Kutunun gölgesinin dağılımının gücü: -17px
Gölge Rengi: RGBA (0.0,0,0,3)
Metin modülünü sütun 1’e ekleyin, içerikleri ekleyin Modül eklemeye başlamanın zamanı geldi! Metin modülünü ilk sütuna ekleyin.
Metin Ayarları İçerik ekledikten sonra metin ayarlarını açın ve bazı değişiklikler yapın.
Metin yazı tipi: Cambay
Metin rengi: #000000 Metin Boyutu: 26px
Metin mektubu alanı: -0.5px
Metin Oryantasyonu: Doğru
Mesafe biraz üst kenar boşlukları da ekleyin. Üst kenar boşluğu: 60 piksel Görünürlük ve cep telefonları ve tabletlerdeki modülleri gizleyin.
Klon metin modülü, ilk metin modülünü değiştirmeyi bitirdikten sonra, devam ve modül klonunu iki kez değiştirdikten sonra yinelenen ikinci içeriği iki kez değiştirir. İkinci yinelenen içeriği değiştirin.
İki yinelenen boşluğu değiştirin İki kopyanın marjını da değiştirin.
Üst kenar boşluğu: 80 piksel
Kontak formu modülünü Sütun 2’ye ekleyin Ad ve e -posta alanındaki ‘Tam Genişlik’ seçeneğini etkinleştirin İkinci sütunda ihtiyacımız olan tek modül Kontak formu modülüdür. Ad ve e -postanın adını açın ve düzen ayarlarını değiştirin.
Tam genişlik yapın: evet Element bir sonraki CAPTCHA seçeneğini devre dışı bırakır.
Captcha ekranı: evet Ayarlar Metin alanı formu Ardından, alan alanının metin ayarlarını açın ve bazı değişiklikler oluşturun. Arka Plan Renk Alanı Formu: RGBA (255,255,255.0) Yazı Tipi Alan Formu: Cambay
Aşağıdaki düğmeyi kullanarak düğmeyi ayarlayın ve benzersiz bir düğme oluşturun: Düğmeler için özel bir stil kullanın: evet
Metin Boyutu Düğmesi: 64px (masaüstü), 50px (tablet), 40 piksel (telefon) Metin Renk Düğmesi: #000000
Renk 1: #4BF2D0 Renk 2: RGBA (41,196,169.0)
Gradyan Türü: Radyal
Radyal Yön: Merkez Başlangıç Pozisyonu:% 25
Son pozisyon:% 25
Düğmenin sınır genişliği: 0px
Sadece düğme için çok sayıda düğmeyi görüntüleyin: hayır
Mesafe Bu modüle da bazı üst kenar boşlukları ekleyin.
Üst kenar boşluğu: 50 piksel
Sınır ve her alan için ince bir alt sınır kullanın.
Alt sınır genişliği: 0.5 piksel
Alt sınır rengi: #000000
Son fakat en az değil, bireysel saha mesafesi, her alana tek tek aşağıdaki marjı ekleyin ve tamamlayın!
Alt kenar boşluğu: 50 piksel
Masaüstü Önizlemesi Şimdi tüm adımlardan geçtikten sonra, masaüstündeki Divi İletişim Formu Modülü tasarımına bakalım. Hücresel ve bu, daha küçük bir ekran boyutunda Divi İletişim Formu Modülü tasarımından bekleyebileceğiniz şey budur:
Bu yazıdaki son zihin, kullanabileceğiniz ve oluşturduğunuz web sitelerini kolayca değiştirebileceğiniz 5 güzel Divi iletişim formu modülü tasarımını paylaştık. İletişim formu, dışarıdaki birçok web sitesinin önemli bir parçasıdır, bu nedenle tasarımınızın ziyaretçilerinizi iletişim kurmaya ikna etmesini sağlamak önemlidir. Sorularınız veya önerileriniz varsa, aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun!
