Divi referans modülünde 8 öğe kombinasyonu 8 öğe
Divi referans modülü, kullanabileceğiniz veya devre dışı bırakabileceğiniz birkaç isteğe bağlı öğeyi içerir. Bu unsurların kullanımı kolaydır ve farklı kombinasyonlarda seçim bazı ilginç tasarımlar oluşturabilir. Bu yazıda, hangi öğelerin ihtiyaçlarınız için en iyi olduğuna karar vermenize yardımcı olmak için Divi referans modülünde elementlerin görünümünün 8 kombinasyonunu göreceğiz. Her kombinasyondan biri beyaz arka plana ve diğeri siyah arka plana sahip iki versiyon yapacağız. Başlayalım! Divi referans modülü öğelerine genel bakış, referans modülündeki öğelere bakalım. Her öğenin daha sonra göreceğimiz bir stil seçeneği vardır. Ayrıca, bu öğelerin her biri kullanılabilir veya kullanılamaz. Ayrıca çeşitli kombinasyonlarda kullanıldığını göreceğiz. Her öğe, ekran boyutları ve havada uçuş durumu için ayarlar içerir.
Yazarın tanıklık modülünün yazarı, referanslar yazan kişinin adıdır. İçerik içeriği altında görünür ve varsayılan olarak kullanılır. Yazı tipi varsayılan olarak en büyüğüdür. Yazarın adını görüntülemek istemiyorsanız, kukla içeriği silin ve alanı boş bırakın.
Kod: & amp; lt; h3 stil = & amp; amp; amp; amp; amp; amp; amp; amp; quot; amp; amp; amp; amp; amp; amp; lt; lt; lt; strong & amp ; amp; amp; gt; İçeriğiniz, ilk beyaz stil seçeneğinin divi tanıklıklarına gider, referans modül ayarlarını açın ve arka plana doğru kaydırın. Rengi #F5F5F5 olarak değiştirin.
Arka plan: #f5f5f5 Bir sonraki teklif simgesi, tasarım sekmesini açın ve teklif simgesinin rengini #e02b20 olarak değiştirin. Arka plan renginin varsayılan ayarlarda izin vereceğiz.
Alıntı simgesinin rengi: #e02b20 Özel Alıntı simgesinin boyutunu kullanarak etkinleştirin ve simge yazı tipi boyutunu 36px olarak ayarlayın.
Özel alıntı yapılan simge boyutunu kullanın: evet Simge yazı tipi boyutu: 36px
Bir sonraki resim, görüntüye gidin. Sınır genişliğini 3 piksel olarak değiştirin, rengi #e02b20 olarak değiştirin ve stili noktalı olarak değiştirin.
Görüntü Sınırı Genişliği: 3px Sınır rengi: #E02B20
Sınır Tarzı: Başlayın
Bir sonraki vücut metni, vücudun metnine gidin. Rengi siyah ve hat yüksekliği 1.8EM olarak değiştirin.
Renk: #000000 Hat yüksekliği: 1.8em
Yazarın metni yazarın metnine doğru ilerler. Ağırlığı yarı kalın, rengi siyah ve boyut olarak 24 piksel olarak değiştirin.
Mektup Ağırlığı: Yarı Kalınlık Renk: #000000
Boyut: 24 piksel
Konum metni konum metni için konumlandırın, rengi siyah olarak ayarlayın.
Renk: #000000 Şirket metni için şirket metni, rengi siyah olarak ayarlayın. Referans modül ayarlarını kapatın.
Şirket metin rengi: #000000 Divi Tanıklıklar Modülü Bir sonraki siyah stil seçeneği, yinelenen referans modülü ve ayarları açın.
Body içeriği düzenleyicisine gidin ve başlığın rengini Beyaz olarak değiştirmek için bir çizgi CSS ekleyin. CSS ile html: & amp; lt; h3 stil = & amp; amp; quot: beyaz; Dolgu: 25px 0px 25px 0px; & amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; gt; içeriğiniz buraya gider. & amp; amp; amp; amp; amp; amp;/snown & amp; amp; lt; lt; lt; lt; lt; lt; amp; amp; gt; sonraki, arka plana kaydırın ve rengi siyah olarak değiştirin.
Arka plan: #000000
Bir sonraki gövde metni, Tasarım sekmesini tıklayın ve gövde metnine gidin. Rengi beyaza yerleştirin.
Yazarın metni yazarın metnine doğru ilerler ve rengi beyaza ayarlar. Renk: #ffffff
Metin Metni Metnin konumuna kaydırın ve rengi beyaza ayarlayın. Renk: #ffffff
Son şirket metni, şirketin metnine kaydırın ve yazı tipinin rengini beyaz olarak değiştirin. Renk: #ffffff
Divi tanıklık modülünde bir kombinasyon görüntüler Artık çeşitli eleman kombinasyonlarını görüntülemek için kullanabileceğimiz iki referans modülü var. Divi 1 referans modülü ekran kombinasyonu ilk önce yazarın adı ve teklif simgesini kullanarak kombinasyon yapıyoruz. Bu, referans modülünün varsayılan ayarıdır.
Aşağıda siyah arka plan versiyonudur. Sadece iş başlıkları ve şirket isimleri alanını boşaltıyorum. Divi 2 Seviye Modül Ekran kombinasyonu İkinci kombinasyonumuz için, yazarın adını sildim ve teklif simgesini sildim, bu nedenle herhangi bir öğe görüntülemiyor. Bu yalnızca vücut içeriğinde bilgi verilirse idealdir. Beyaz arka planın aşağıdaki versiyonu. DIVI 3 referans modülü ekran kombinasyonu Üçüncü kombinasyonumuz için, teklif simgesini sildim ve şirket adları ekledim. Aşağıda siyah arka plan versiyonudur. DIVI 4 RESTIMONIAL MODULE Ekran kombinasyonu Dördüncü kombinasyonumuz için, yazarın adını sildim ve teklif simgesini ve iş ve şirket adının başlığını ekledim. Beyaz arka plan sürümünü takip ettim. Divi 5 Tanımlama Modülü Ekran kombinasyonu, elbette, alanlardan birine hangi metni eklediğimizle sınırlı değiliz. Bu örnek, şirketin adını yazarın adı olarak kullanır. Ayrıca teklif simgeleri de ekledim. Aşağıda siyah arka plan versiyonudur. Divi 6 Tanım Modül Ekran Kombinasyonu Her satıra daha fazla bilgi ekleyebiliriz. Bunun için, yazarın adından sonra bıçaklar ekledim ve şirketin adını aynı alanda gönderdim. Ayrıca çalışma ve teklif simgeleri başlığını da ekledim. Beyaz arka planın aşağıdaki versiyonu. Divi 7 referans modül kombinasyonu 7 ABD’nin yedinci kombinasyonu, alıntıların, yazarın isimlerinin ve iş başlıklarının simgesini gösterir. Aşağıda siyah arka plan versiyonudur. DIVI 8 Testimonyal Modül Ekran Kombinasyonu 8 Sekizinci kombinasyonumuz tüm öğeleri etkinleştirir. Bu, bu kombinasyonun beyaz arka plan versiyonudur.
