Divi ile kopyanıza değiştirilen gölgeler ekle
Yeni Divi Dönüşüm seçeneği ile, tüm dönüşüm ayarlarına bakarken gerçek zamanlı olarak gerçekleşirken güzel bir web tasarımı oluşturabilirsiniz. Ve farklı modülleri birbiriyle birleştirerek, üzerinde çalıştığınız parçanın görünümünü ve hissini artırmaya yardımcı olacak benzersiz ve pürüzsüz efektler elde edebilirsiniz. Bu özel gönderide, yalnızca Divi varsayılan seçeneğini kullanarak kopyanız için gölgelerin değiştirilmesine odaklanacağız. JSON örnek dosyasını ücretsiz olarak da indirebilirsiniz. Haydi Yapalım şunu! Önizleme Öğreticiyi girmeden önce sonuçlara çeşitli ekran boyutlarında bakalım.
Masaüstü
Dosyayı indir
Divi bültenine katılmak için ücretsiz indirin ve en iyi divi düzen paketinin kopyasına bir e -posta göndereceğiz, ayrıca birçok kaynak, ipucu ve olağanüstü ve ücretsiz divi hileleri. Takip et ve kısa sürede bir divi ustası olacaksınız. Abone olduysanız, e -posta adresinizi aşağıya yazın ve Düzen Paketine erişmek için İndir’i tıklayın.
Abone olmayı başardınız. Aboneliğinizi onaylamak için lütfen e -posta adresinizi kontrol edin ve Ücretsiz Haftalık Divi Düzen Paketine erişin! YouTube kanalımıza abone olun
Kahraman bölümünü yeniden başlatalım, yapmanız gereken ilk şeyin yeni bir bölümünü ekleyin Yeni veya mevcut bir sayfaya yeni bir düzenli bölüm eklemek. Bölümün ayarlarını açın ve varsayılan dolgunun tüm üst ve altını silin.
Üst dolgu: 0px
Aşağıda dolgu: 0px
Taşma devam eden sekmeye geçin ve taşan parçanın gizli olduğundan emin olun. Bu yazının ilerleyen saatlerinde çeşitli dönüşüm seçeneği kullanacağız ve taşma gizleme konteyner bölümünü aşmamasını sağlayacaktır. Yatay taşma: gizli
Dikey taşma: gizli
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 yapıştırıcı, satır ayarlarını açın ve aşağıdaki ayarları uygulayarak satırın tüm ekran genişliğini karşılamasına izin verin: Özel Talang genişliği kullanın: evet
Talang genişliği: 1
Yüksek sütunu eşitleyin: evet
Genişlik:% 100
Maksimum genişlik:% 100
Mesafe boşluk ayarlarına geçer, varsayılan dolguyu silin ve satırın sol ve sağ taraflarına bazı özel alanlar ekleyin. Aşağıda dolgu: 0px
Sol dolgu: 4VW
Doğru dolgu: 4VW
Sütun 1’e Metin Modülü #1 ekleyin İçindekiler ekleyin Metin modülünden başlayarak farklı bir modül eklemeye başlar. İstediğiniz kopyayı girin. Metin Ayarları Tasarım sekmesine geçin ve uygun metin ayarlarını değiştirin: Metin yazı tipi: Playfair ekranı
Hizalama Metni: Doğru
Metin rengi: #ffffff
Metin Boyutu: 11VW
Hat yüksekliği metni: 1em
Dikey uzunluk Gölge Metin: 0.02EM PLEAGHT STUGHT Metin Gölgesi: 0.16 Renk Metni İmzalama: RGBA (0,0,0,0.0.44)
Clon Metin Modülü #1 İçeriği Değiştirme İlk metin modülünü tamamladıktan sonra klonlayabilir ve yinelenen kopyayı değiştirebilirsiniz.
#1 metin modülünün üzerine yeni bir metin modülü ekleyin İçeriği başka bir metin modülü olan bir sonraki modüle ekleyin. Bu sefer modülü sütunun üstüne yerleştirdik. Bir sonraki adımda, bu metin modülünü bir sonraki modülden değiştirilen bir metnin gölgesine dönüştüreceğiz. Aynı kopyayı kullandığınızdan emin olun. Metin Ayarları Tasarım sekmesine geçin ve uygun metin ayarlarını değiştirin: Metin yazı tipi: Playfair ekranı Metin yazı tipi ağırlığı: kalınlık
Hizalama Metni: Doğru
Metin Rengi: RGBA (94,150,187,0.28)
Metin Boyutu: 11VW
Metin mektubu alanı: 4.5px
Hat yüksekliği metni: 1em
Çeviriyi Değiştirin Bir sonraki modül dönüşüm metninin gölgesi gibi görünmesi için modülü değiştirmenin zamanı geldi! Alan ayarını açın ve çeviri çevirisi değerini değiştirin.
Doğru: 13.9vw Aşağıda: -2.1vw
Değiştir modülü de değiştirin.
Merkez: 291deg Eğimin dönüşümü ve alt eğim değerini arttırın.
Tasarım sekmesine geçmek ve metnin rengini değiştirmek için metin ayarlarını değiştirin. Metin rengi: #f3e4df Değiştirilen Metin Gölgesi modülü tarafından yapılan ekstra alanı kullanmak için boşluklar ekleyin, bazı negatif kenar boşlukları ekleyeceğiz.
Üst Marj: -12VW Açıklama metin modülünü Sütun 1’e ekleyin Sütun 1’de ihtiyacımız olan bir sonraki modülün içeriğini ekleyin başka bir metin modülüdür. Seçim açıklamanızı girin. Metin ayarları Tasarım sekmesine geçin ve uygun metin ayarlarını değiştirin:
Metin yazı tipi: SANS’ı aç Hizalama Metni: Doğru Yüksek çizgi metin: 2.3em
Yapıştırıcı Modülün genişliğini ayar boyutunda çeşitli ekran boyutlarında değiştirin.
Genişlik:% 53 (masaüstü),% 70 (tablet),% 90 (cep telefonu)
Modül hizalaması: doğru Düğme modülünü Sütun 1’e ekleyin Bir sonraki ve son olarak Sütun 1, Düğme Modülüne bir kopya ekleyin. Seçtiğiniz bazı kopyaları girin.
Hizalama tasarım sekmesine geçer ve düğme hizalamasını değiştirir.
Düğmenin hizalanması: doğru Düğme ayarlarını da değiştir düğmesini ayarlayın. Düğmeler için özel bir stil kullanın: evet
Metin Boyutu Düğmesi: 20px Arka Plan Renk Düğmesi: #5E96BB
Düğmenin sınır genişliği: 0px
Sınır sınır yarıçapı: 50px
Yazı tipi düğmesi: Playfair ekranı
Düğme stilini tamamlamak için mesafe ve mesafe ayarlarıyla oynamak.
Üst Marj: 2VW
Alt marj: 3VW Üst dolgu: 20px
Dolgu Alt: 20 piksel
Sol dolgu: 50 piksel
Sağ dolgu: 50px
Modül Şekil #1’i Sütun 2’ye ekleyin Şekil 1: 1’i ikinci sütuna yükleyin! Burada iki görüntü modülüne ihtiyacımız var. İlk görüntü modülü ile başlayın ve görüntüleri 1: 1 oranında yükleyin. Bu, genişliğin ve yüksekliğin aynı piksel değerine sahip olması gerektiği anlamına gelir. Görüntünüzün kare olduğundan emin olun, sonraki adımlarda onu bir daireye dönüştürmenize yardımcı olacaktır.
Yapıştırıcı Görüntü modülünün boyut ayarlarını açın ve ‘zorla tam genişlik’ seçeneğini etkinleştirin.
Tam geniş zorla: Evet Mesafemiz ayrıca bazı üst kenar boşluklarını da ekliyor. Üst Marj: 2VW
Görüntü modülünü bir daire haline getirmek için her köşeye ’50VW’ ekleyeceğiz. Çok yüksek bir değer kullanmak, çeşitli ekran boyutlarında dairesel bir şekil tutmamıza yardımcı olur. Son fakat en azından en azından kutular, aşağıdaki ayarları kullanarak görüntü modülüne bir gölge gölgesini de ekleyeceğiz: Yatay konum gölge kutusu: -300px
Kutu gölgesinin dikey konumu: -300px Gölge Renk: RGBA (94,150,187.0.28) Modül Şekil #2 Sütun 2’ye Yükle Şekil 1: 1 Sütun 2’deki ikinci görüntü modülüne Yükle. Bir kez daha yüklediğimiz görüntünün 1: 1 oranına sahip olduğundan emin olduk.
Yapıştırıcı tasarım sekmesine taşındı ve genişliği değiştirdi.
Genişlik:% 62
Bu görüntü modülünün her köşesine ’50VW’ ekleyin. Kutumuzun gölgesi ayrıca özel bir kutunun gölgesi ekleyecektir. Yatay Konum Gölge Kutusu: -200 piksel
Dikey Konum Gölge Kutusu: 150px Gölge Renk: #D4C1BD Son fakat en az değil çeviriyi değiştirin, Tercüman Dönüşüm seçeneğini kullanarak görüntü konumu modülünü değiştirin ve tamamlayın!
Doğru: -13vw
Aşağıda: 19VW
Önizleme Şimdi tüm adımlardan geçtikten sonra, çeşitli ekran boyutlarındaki nihai sonuçlara bakalım. Masaüstü Hücresel
Abone olmayı başardınız. Aboneliğinizi onaylamak için lütfen e -posta adresinizi kontrol edin ve Ücretsiz Haftalık Divi Düzen Paketine erişin! YouTube kanalımıza abone olun
Kahraman bölümünü yeniden başlatalım, yapmanız gereken ilk şeyin yeni bir bölümünü ekleyin Yeni veya mevcut bir sayfaya yeni bir düzenli bölüm eklemek. Bölümün ayarlarını açın ve varsayılan dolgunun tüm üst ve altını silin.
Üst dolgu: 0px
Aşağıda dolgu: 0px
Taşma devam eden sekmeye geçin ve taşan parçanın gizli olduğundan emin olun. Bu yazının ilerleyen saatlerinde çeşitli dönüşüm seçeneği kullanacağız ve taşma gizleme konteyner bölümünü aşmamasını sağlayacaktır. Yatay taşma: gizli
Dikey taşma: gizli
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 yapıştırıcı, satır ayarlarını açın ve aşağıdaki ayarları uygulayarak satırın tüm ekran genişliğini karşılamasına izin verin: Özel Talang genişliği kullanın: evet
Talang genişliği: 1
Yüksek sütunu eşitleyin: evet
Genişlik:% 100
Maksimum genişlik:% 100
Mesafe boşluk ayarlarına geçer, varsayılan dolguyu silin ve satırın sol ve sağ taraflarına bazı özel alanlar ekleyin. Aşağıda dolgu: 0px
Sol dolgu: 4VW
Doğru dolgu: 4VW
Sütun 1’e Metin Modülü #1 ekleyin İçindekiler ekleyin Metin modülünden başlayarak farklı bir modül eklemeye başlar. İstediğiniz kopyayı girin. Metin Ayarları Tasarım sekmesine geçin ve uygun metin ayarlarını değiştirin: Metin yazı tipi: Playfair ekranı
Hizalama Metni: Doğru
Metin rengi: #ffffff
Metin Boyutu: 11VW
Hat yüksekliği metni: 1em
Dikey uzunluk Gölge Metin: 0.02EM PLEAGHT STUGHT Metin Gölgesi: 0.16 Renk Metni İmzalama: RGBA (0,0,0,0.0.44)
Clon Metin Modülü #1 İçeriği Değiştirme İlk metin modülünü tamamladıktan sonra klonlayabilir ve yinelenen kopyayı değiştirebilirsiniz.
#1 metin modülünün üzerine yeni bir metin modülü ekleyin İçeriği başka bir metin modülü olan bir sonraki modüle ekleyin. Bu sefer modülü sütunun üstüne yerleştirdik. Bir sonraki adımda, bu metin modülünü bir sonraki modülden değiştirilen bir metnin gölgesine dönüştüreceğiz. Aynı kopyayı kullandığınızdan emin olun. Metin Ayarları Tasarım sekmesine geçin ve uygun metin ayarlarını değiştirin: Metin yazı tipi: Playfair ekranı Metin yazı tipi ağırlığı: kalınlık
Hizalama Metni: Doğru
Metin Rengi: RGBA (94,150,187,0.28)
Metin Boyutu: 11VW
Metin mektubu alanı: 4.5px
Hat yüksekliği metni: 1em
Çeviriyi Değiştirin Bir sonraki modül dönüşüm metninin gölgesi gibi görünmesi için modülü değiştirmenin zamanı geldi! Alan ayarını açın ve çeviri çevirisi değerini değiştirin.
Doğru: 13.9vw Aşağıda: -2.1vw
Değiştir modülü de değiştirin.
Merkez: 291deg Eğimin dönüşümü ve alt eğim değerini arttırın.
Aşağıda: 30 derece
Dönüşüm metin modülünü klonlama ve metin modülünün üzerine yerleştirme #2 Değişen bir metin gölge modülü yapmayı bitirdikten sonra içeriği değiştirin, klonlayabilir ve sütundaki üçüncü metin modülünün üzerine yerleştirebilirsiniz. Kopyayı değiştirdiğinizden emin olun.Tasarım sekmesine geçmek ve metnin rengini değiştirmek için metin ayarlarını değiştirin. Metin rengi: #f3e4df Değiştirilen Metin Gölgesi modülü tarafından yapılan ekstra alanı kullanmak için boşluklar ekleyin, bazı negatif kenar boşlukları ekleyeceğiz.
Üst Marj: -12VW Açıklama metin modülünü Sütun 1’e ekleyin Sütun 1’de ihtiyacımız olan bir sonraki modülün içeriğini ekleyin başka bir metin modülüdür. Seçim açıklamanızı girin. Metin ayarları Tasarım sekmesine geçin ve uygun metin ayarlarını değiştirin:
Metin yazı tipi: SANS’ı aç Hizalama Metni: Doğru Yüksek çizgi metin: 2.3em
Yapıştırıcı Modülün genişliğini ayar boyutunda çeşitli ekran boyutlarında değiştirin.
Genişlik:% 53 (masaüstü),% 70 (tablet),% 90 (cep telefonu)
Modül hizalaması: doğru Düğme modülünü Sütun 1’e ekleyin Bir sonraki ve son olarak Sütun 1, Düğme Modülüne bir kopya ekleyin. Seçtiğiniz bazı kopyaları girin.
Hizalama tasarım sekmesine geçer ve düğme hizalamasını değiştirir.
Düğmenin hizalanması: doğru Düğme ayarlarını da değiştir düğmesini ayarlayın. Düğmeler için özel bir stil kullanın: evet
Metin Boyutu Düğmesi: 20px Arka Plan Renk Düğmesi: #5E96BB
Düğmenin sınır genişliği: 0px
Sınır sınır yarıçapı: 50px
Yazı tipi düğmesi: Playfair ekranı
Düğme stilini tamamlamak için mesafe ve mesafe ayarlarıyla oynamak.
Üst Marj: 2VW
Alt marj: 3VW Üst dolgu: 20px
Dolgu Alt: 20 piksel
Sol dolgu: 50 piksel
Sağ dolgu: 50px
Modül Şekil #1’i Sütun 2’ye ekleyin Şekil 1: 1’i ikinci sütuna yükleyin! Burada iki görüntü modülüne ihtiyacımız var. İlk görüntü modülü ile başlayın ve görüntüleri 1: 1 oranında yükleyin. Bu, genişliğin ve yüksekliğin aynı piksel değerine sahip olması gerektiği anlamına gelir. Görüntünüzün kare olduğundan emin olun, sonraki adımlarda onu bir daireye dönüştürmenize yardımcı olacaktır.
Yapıştırıcı Görüntü modülünün boyut ayarlarını açın ve ‘zorla tam genişlik’ seçeneğini etkinleştirin.
Tam geniş zorla: Evet Mesafemiz ayrıca bazı üst kenar boşluklarını da ekliyor. Üst Marj: 2VW
Görüntü modülünü bir daire haline getirmek için her köşeye ’50VW’ ekleyeceğiz. Çok yüksek bir değer kullanmak, çeşitli ekran boyutlarında dairesel bir şekil tutmamıza yardımcı olur. Son fakat en azından en azından kutular, aşağıdaki ayarları kullanarak görüntü modülüne bir gölge gölgesini de ekleyeceğiz: Yatay konum gölge kutusu: -300px
Kutu gölgesinin dikey konumu: -300px Gölge Renk: RGBA (94,150,187.0.28) Modül Şekil #2 Sütun 2’ye Yükle Şekil 1: 1 Sütun 2’deki ikinci görüntü modülüne Yükle. Bir kez daha yüklediğimiz görüntünün 1: 1 oranına sahip olduğundan emin olduk.
Yapıştırıcı tasarım sekmesine taşındı ve genişliği değiştirdi.
Genişlik:% 62
Bu görüntü modülünün her köşesine ’50VW’ ekleyin. Kutumuzun gölgesi ayrıca özel bir kutunun gölgesi ekleyecektir. Yatay Konum Gölge Kutusu: -200 piksel
Dikey Konum Gölge Kutusu: 150px Gölge Renk: #D4C1BD Son fakat en az değil çeviriyi değiştirin, Tercüman Dönüşüm seçeneğini kullanarak görüntü konumu modülünü değiştirin ve tamamlayın!
Doğru: -13vw
Aşağıda: 19VW
Önizleme Şimdi tüm adımlardan geçtikten sonra, çeşitli ekran boyutlarındaki nihai sonuçlara bakalım. Masaüstü Hücresel
