Divi Marketplace’de bulunan Divi Divi Maske pazarında bulun! Bu, incelememizi geçtiğimiz ve kalite standartlarımızı karşılamayı kanıtladığımız anlamına gelir. Mevcut tüm ürünlerini görmek için pazardaki Divi Works’ü ziyaret edebilirsiniz. Divi Marketplace’ten satın alınan ürünler, sınırsız web siteleri ve 30 gün öncesi garantili (Divi gibi) ile birlikte gelir. Divi Pazarı’ndan Satın Alın
Divi Maske, Divi oluşturucuya görüntüler ve arka planlar için bazı benzersiz stillerle yeni bir modül ekleyen Divi için üçüncü bir taraf eklentisidir. Bu, maskeyi resmin üzerine yerleştirir, böylece görüntü maskenin şeklini alır. Maskenin dışındaki her şey, bir gradyan veya hatta farklı bir arka plan da dahil olmak üzere istediğiniz herhangi bir renk şeklinde olabilir.
Bu, kupür olarak işlev gören 54 önceden ayarlanmış maskeyi içerir, arkasındaki resmi ortaya çıkarır. SVG kullanarak kendi kendinize de ekleyebilirsiniz. Bu, başlık, içerik ve arka plan araçlarını içerir. Her eleman ayarlanabilir ve düzenlenebilir. Bu eklentinin spot ışığında, divi maskesini göreceğiz, neler yapabileceğini göreceğiz ve kullanmanın ne kadar kolay olduğunu göreceğiz. Divi maskesini geliştirici web sitesinden satın alabilirsiniz. Divi maske modülü
Eklentiyi her zamanki gibi yükleyin ve etkinleştirin. Düzenleyecek hiçbir şey yok. Bu, etkinleştirildikten hemen sonra kullanıma hazırdır. Divi oluşturucuya divi maske modülü eklenir.
İçerik sekmesi resim, maskeler ve metin eklemenize olanak tanır. Diğer ayarlamalar, görüntünün arka plan rengini ayarlamanıza, görüntüyü yansıtmanıza ve görüntü opaklığını ayarlamanıza olanak tanır. Ayrıca bağlantılar ve arka planlar da ekleyebilirsiniz. Bu resim maske ayarlarındaki Maske sekmesini gösterir. Esports.ini düzeni paketinden görüntüler ekledim, maske ayarlarındaki maske sekmesidir. 54 varsayılan maske arasında seçim yapabileceğiniz veya SVG’yi Save adlı ücretsiz bir eklenti kullanarak kendi özel maskenizi yükleyebileceğiniz açılır kutuyu ekledi.
Bu sekme ayrıca modülü doldurma, maskenin üç sürümünü seçme, istediğiniz boyuta saçma, döndürme ve yatay ve dikey konumu ayarlama seçenekleri ekler. Bu örnekte her birini ayarladım. Bu, Splodge maskesinin 1. seçeneğidir.
Bu, içerik modülü etkinleştirilmiş seçenek 1’dir. Bu, modül için sağlanan alanı uzatır ve doldurur.
Bu, Splodge maskesinin 2. seçeneğidir. Bu bazı ilginç leke desenleri yaratır.
Bu, Splodge maskesinin 3. seçeneğidir.
Maske ayarlarından metin sekmesi, her biri için bağımsız ayarlarla başlık ve içerik alanı ekler.
Başlık etiketini seçin, arka plan rengini, arka planın genişliğini, yatay ve dikey konumu ve dönüşü ayarlayın. Metin ayarlamaları Tasarım sekmesinde işlenir.
İçerik alanı, metin, resimler, medya vb. Ekleyebileceğiniz eksiksiz bir düzenleyici ekler. Ayrıca renk, genişlik, yatay ve dikey konum için arka plan ayarları içerir. Bu rotasyon içermez. Metin ayarlamaları tasarım sekmesinde.
Tasarım sekmesi başlıklar, içerik metni, boyut, alan, sınırlar, kutu gölgeleri, filtreler, dönüşümler ve animasyonlar için beklenen tüm ayarları içerir. Gelişmiş sekmesi, başlık ve metin için CSS alanlarını içerir. Divi maskesi örneği
Bu örnekte, modülü doldurmak için bir paralelkenar maske seti kullanıyorum. Bir maske attım ve rotasyonu ve vermeyi ayarladım. Ayrıca maske ayarlarındaki görüntü sekmesinde kullandığım görüntünün arka planını ve gradyanını da ekledim. Maske görüntünün kısımlarını ortaya çıkarır ve arka plan görüntülerinin arka planda görüntülenmesine izin verir. Daha sonra daha net kullanacağım.
Bunun için bir daire maskesi ekledim. Başlığı beyaz bir arka planla resmin üzerine koydum. Arka planın genişliğini ve opaklığını azaltıyorum ve metne gölge efekti ekliyorum. İçeriği görüntünün altına taşıdım ve tıklanabilecek bir dizi fotoğraf ekledim. İçerik düzenleyicisi kullandığından, her öğenin modül bağlantısından ayrı olarak farklı bir URL’ye sahip olabilir. Tabii ki, istersem içeriği resmin üzerine koyabilirim. Bu CTA’yı ilginç hale getirecek.
Bunun için, arka planı karanlığa göre değiştiriyorum ve metni görüntü ile örtüşecek şekilde hareket ettiriyorum. Kanopi ve içerik metninin boyutunu artırıyorum ve onlara beyaz bir arka plan veriyorum. Odak orta görüntüde olacak şekilde önceki örnekten mini bir görüntüyü siliyorum.
Bu örnek için, seyahat aracısı düzeni paketindeki orta görüntü modülünü değiştirdim ve divi maske modülüne aynı görüntüyü ekledim. Görüntüyü azaltıyorum, başlık metni ekliyorum,%50 dikey bir konuma ayarlıyorum, başlığın arka plan rengini değiştiriyorum ve opaklığı azaltıyorum. Bu, sayfalara, projelere, yayınlara veya yalnızca görüntülenen bilgilere bağlantılar yapmanın kolay bir yoludur. Bu örnek için, çok geniş bir parça yaparım ve bölümün ayrılması ile entegre edilecek bir maske ekleyeceğim. Başlık ve içerik metnini ekledim, rengi ve boyutunu değiştirdim, arka planı şeffaf hale getirdim ve resimde istediğim yere konumlandırdım.
Üçgen bir maske ekledim ve seçeneği seçtim. Onu geliştirdim ve yatay ayarları ayarladım. Ayrıca gradyanın arka planını modüle ekledim. Aynı gradyan yansıtılabilir ve bir sonraki bölüme birbirleriyle entegre edilecek şekilde eklenebilir.
Bu seçenek 3’tür. Bu, maskeyi diğer tarafa tersine çevirir. Daha fazla görüntü görüntülemek ve maskeyi kaplayacak dikey başlık ve metin konumunu ayarlamak için yatay konumu hareket ettirdim. Otomatik olarak üst üste binen metin.
Bu, Seçenek 1’deki ok maskesini gösterir.
Bu ok seçeneği 4’tür.
Bu, arka plan gradyanımla varsayılan ayarları kullanan bir önyükleme maskesidir.
Bu iyi bir kelebek maskesi.
Bu bir kalp maskesi. Arka plan gradyanını sadece kalbin temasına uyacak şekilde değiştiriyorum.
Şimdi, arka planla aynı görüntüyü ekledim ve arka plan görüntüsünün üstünde görüntülenecek gradyanı ayarladım. Bu, gradyanın kısmını kesmek için bir maske efekti sağlar. Tabii ki, herhangi bir görüntü arka plan olarak kullanılabilir. Bu örnekte, maske görüntüsünün üzerinde görüntülenmesi için arka plan görüntüsünü değiştirdim. Ayrıca arka planın opaklığını azalttım, böylece daha fazla görülecek ve etkiyi daha belirgin hale getirdim.
Bunun için maskeyi çevirdim ve sağa taşıdım. Arka plan opaklık gradyanını ayarladım. Maske görüntüsünden hala farklı bir arka plan görüntüsü görüntüler. Ayrıca içerik metni ekledim ve metnin boyutunu ve içeriğin konumu ve dikey genişliğini ayarladım. Bu, bazı ilginç CTA veya bilgi için açıklamalar yapacaktır.
Bu bir konuşma maskesi kullanır. Yatay konumu ayarladım ve içeriği ortasına taşıdım.
Bu bir sınır maskesi. Bu bir fotoğraf çerçevesi oluşturur. Konsantre oldum, resme uyacak şekilde dağıldım ve içeriği odakladım.
Bunun için arka ölçeği varsayılan olarak ayarladım ve içerik modülünü seçtim. Sınır hala orada, ancak ekran alanının dışında.
Bunun için ölçeği limiti göstermek için ayarlıyorum.
Bu bir eşkenar dörtgen maskesi kullanır.Bu köşesinde oynanan bir meydan.Onu artırdım ve sağa taşıdım.Konsantre içerik aldım ve arka planın görülebilmesi için yeterli şeffaflık sağladım.Bir gölgelik ekledim ve onun yanında görüntülenecek konumlandırdım.Ayrıca ona şeffaflık dokunuşuyla bir arka plan verdim.Divididi Maske Maskesi’nin fiyatı ve belgeleri 12 $ ‘dır ve 6 aylık yaşam ve yenilenme içerir.Bu, sınırsız web sitelerinde kullanılabilir.Divi maskesini geliştirici web sitesinden satın alabilirsiniz.
