Divi için ücretsiz sıvı parçaların 10 arka plan görüntüsünü indirin
Görünüşünüzü yenilemek ve hissetmek istiyorsanız, bu muhtemelen sizin için ideal bir gönderidir. Ücretsiz olarak indirebileceğiniz ve yaptığınız web sitelerinde kullanabileceğiniz 10 farklı arka plan görüntüsü yaptık. Ayrıca, bu sıvı parçanın arka plan görüntüsünü varsayılan Divi seçeneğiyle nasıl birleştireceğinizi de göstereceğiz. Sıvı arka plan görüntüsünüze herhangi bir gradyan arka plan ayarlayabilir ve içeriğinizin de okunabilmesini sağlamak için bir çizgi arka planla birleştirebilirsiniz. Haydi Yapalım şunu! Başlayalım, yazının altına indirebileceğiniz 10 farklı arka plan görüntüsüne bakarak başlayalım. Benzersiz sonuçlar elde etmek için görüntüleri gradyan arka planla birleştirdik. Bu yazıdaki her bir gradyan kombinasyonunu da paylaşacağız, ancak istediğiniz nihai sonuçları elde etmek için farklı renklerle denemekten çekinmeyin.
Ücretsiz sıvının arka plan görüntüsünü indirin Ücretsiz sıvı bölümünün arka plan görüntüsüne koymak için önce aşağıdaki düğmeyi kullanarak indirmeniz gerekir. İndirmelere erişmek için, aşağıdaki formu kullanarak Divi Daily E -posta listemize abone olmanız gerekir. Yeni bir müşteri olarak, her Pazartesi daha fazla Divi’nin iyi ve ücretsiz Divi düzen paketleri alacaksınız! Zaten listede iseniz, e -posta adresinizi aşağıya girin ve İndir’i tıklayın. “Abone olmayacak” veya ek e -postalar almayacaksınız.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. Başarılı bir şekilde abone oldunuz. Aboneliğinizi onaylamak için lütfen e -posta adresinizi kontrol edin ve ÜCRETSİZ DIVI Düzen Paketine erişin!
Yeni normal bölümü yeniden oluşturun. Ardından, Divi’nin görsel oluşturucusunu kullanarak yeni bir düzenli bölüm ekleyin. Ayarları açın ve alan değerini değiştirin.
Ü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 bölümünüze yeni bir satır ekleyerek devam edin: Herhangi bir modül eklemeden yapıştırıcı, satır ayarlarını açın ve boyut ayarlarında değişiklik yapın. Bu çizgiyi tamamen genişletin: evet
Özel Talang genişliği kullanın: evet
Talang genişliği: 1
Mesafe Uzay ayarlarına da bazı dolgu değerleri ekleyin. Üst Pilding: 312px
Dolgu Alt: 312px
Sol dolgu sütunu: 50px
Dolgu sağ sütun: 50px
İçerikleri eklemek için metin modülünü ekleyin Modül eklemeye başlamanın zamanı geldi! İhtiyacımız olan ilk modül metin modülü. Lütfen içerik kutusuna, tercihen H2 başlıklarına ve paragraflara biraz içerik ekleyin. H2 Metin Ayarları Bir sonraki H2 metin ayarlarını açın ve aşağıdaki değişiklikleri uygulayın: Başlık 2 Yazı Tipi: Montserrat
Başlık 2 Font Ağırlığı: Ultra Kalın
Başlık 2 Metin Renk: #FFFFFFFFJ Başlık 2 Metin Boyutu: 82px (masaüstü), 60px (tablet), 40px (telefon)
POS 2 Sıra Yükseklik: 1.4EM
Metin ayarları ayrıca genel metin ayarlarını da değiştirir.
Metin rengi: #ffffff Metin Boyutu: 16px
Yüksek çizgi metin: 1.9em
Metin Oryantasyonu: Orta
Yapıştırıcılar masaüstündeki bu modülün genişliğini azaltarak devam eder.
Genişlik:% 58 (masaüstü),% 100 (tablet ve cep telefonu) Modül hizalaması: merkez
İhtiyacımız olan ikinci ve son modülün bir kopyasını eklemek için modülü ekleyin Düğme modülü. Metin modülünün altına bir modül ekledikten sonra birkaç kopya ekleyin.
Sonraki Düğme Hizalama düğmesinin hizalanması. Düğmenin hizalanması: orta Düğmeyi ayarlayın, düğme ayarlarını açın ve bazı değişiklikler yapın.
Düğmeler için özel bir stil kullanın: evet Metin Boyutu Düğmesi: 18px
Metin Renk Düğmesi: #000000
Arka plan renk düğmesi: #ffffff
Düğmenin sınır genişliği: 0px
Sınır sınır yarıçapı: 0px
Mektup Mesafe Düğmesi: -1px
Yazı tipi düğmesi: Montserrat
Mektup Ağırlığı: Çok kalın
Yazı tipi stili: büyük harf
Son fakat en az değil, bazı üst kenar boşlukları ekleyerek önceki modül ile bu modül arasında biraz boşluk ekleyin.
Üst kenar boşluğu: 25px Sıvı Bölüm #1’in arka planı
Gradyanın arka plan kısmı, parçanız için aşağıdaki gradyan arka planını kullanın: Renk 1: #000000 Renk 2: #2D5B9B
Gradyan Türü: Doğrusal
Gradien yönü: 137deg
Başlangıç Pozisyonu:% 48
İndirme klasöründe bulabileceğiniz ve aşağıdaki arka plan ayarlarıyla birleştirebileceğiniz ‘sıvı-style-1.png’ dosyasını yükleyen arka plan görüntüsü:
Arka Plan Görüntü Boyutu: Gerçek Boyut Arka Plan Görüntü Pozisyonu: Orta
Arka plan gradyan hattı tamamlamak için, parçanızın arka planının üzerine bir çizgi gradyanı ekleyin. Bu metnin okunmasını kolaylaştıracaktır. Bu ayrıca sayfanıza biraz derinlik eklemenize yardımcı olacaktır. 1 Renk: RGBA (0,0,0,0,0.67)
Renk 2: RGBA (255,255,255.0) Gradyan Türü: Radyal
Radyal Yön: Merkez
Arka Plan Sıvı Bölüm #2 & #3
İkinci ve üçüncü sıvı bölümünün gradyan görüntü arka planının arka plan kısmı, gradyan arka planının aşağıdaki bölümünü kullanır:
Renk 1: #4F009E Renk 2: #FA00FF Gradyan Türü: Doğrusal
Gradien yönü: 137deg
Başlangıç Pozisyonu:% 48
Görüntü Arka Planı Yükle Dosyasını Yükle ‘Fluid-Style-2.png’ veya indirme klasöründe bulabileceğiniz ve aşağıdaki arka plan ayarlarıyla birleştirebileceğiniz ‘Fluid-Style -3.png’:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka Plan Görüntü Pozisyonu: Orta Arka plan gradyan satırı ayrıca ince bir satır gradyanının arka planını ekleyin:
Renk 1: RGBA (255,48,75,0.13)
Renk 2: RGBA (255,255,255.0) Gradyan Türü: Radyal
Radyal Yön: Merkez
Sıvı Bölüm #4’ün arka planı
Gradyanın arka plan kısmı, parçanız için aşağıdaki gradyan arka planını kullanın:
Renk 1: #00245E
Gradien yönü: 137deg
Başlangıç Pozisyonu:% 48
İndirme klasöründe bulabileceğiniz ve aşağıdaki arka plan ayarlarıyla birleştirebileceğiniz ‘sıvı tarzı -4.png’ dosyasını yükleyen arka plan görüntüsü:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka Plan Görüntü Pozisyonu: Orta Arka plan gradyan hattı bitirmek için, aşağıdaki ayarları kullanarak arka plan gradyan hatları ekleyin:
Renk 1: RGBA (0.0,0,0,37)
Renk 2: RGBA (255,255,255.0) Gradyan Türü: Radyal
Radyal Yön: Merkez
Sıvı Bölüm # 5’in arka planı
Gradyanın arka plan kısmı, bölümünüze aşağıdaki gradyan arka planını ekler:
Renk 1: #04000F Renk 2: #00436D Gradyan Türü: Doğrusal
Gradien yönü: 137deg
Başlangıç Pozisyonu:% 48
Arka plan resmi daha sonra, indirme klasöründe bulabileceğiniz ‘sıvı-style-5.png’ dosyasını yükleyin ve aşağıdaki arka plan ayarlarıyla birleştirin:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka Plan Görüntü Pozisyonu: Orta Arka plan gradyan hattı aşağıdaki satır gradyan arka planını kullanarak tasarımınızı tamamlayın:
Renk 1: RGBA (0.0,0,0,58)
Renk 2: RGBA (255,255,255.0) Gradyan Türü: Radyal
Radyal Yön: Merkez
Sıvı Bölüm #6’nın arka planı
Gradyanın arka plan kısmı, gradyan arka plan kombinasyonunun aşağıdaki şaşırtıcı kısmını kullanın:
Renk 1: #4800ff Renk 2: #C854FF Gradyan Türü: Doğrusal
Gradien yönü: 137deg
Başlangıç Pozisyonu:% 48
İndirme klasöründe bulabileceğiniz ve aşağıdaki arka plan ayarlarıyla birleştirebileceğiniz ‘sıvı-style-6.png’ dosyasını yükleyen arka plan görüntüsü:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka Plan Görüntü Pozisyonu: Orta Arka plan gradyan hattı son fakat en az değil, çizgi gradyanının kaplama arka planını ekleyin.
Renk 1: RGBA (0.0,0,0.51)
Renk 2: RGBA (255,255,255.0) Gradyan Türü: Radyal
Radyal Yön: Merkez
Sıvı Bölüm #7’nin arka planı
Gradyan Arka Plan Bölümü Bölümünüze aşağıdaki gradyan arka plan ayarlarını uygulayın:
Renk 1: #FF8300 Renk 2: #52006B Gradyan Türü: Doğrusal
Gradien yönü: 137deg
Başlangıç Pozisyonu:% 48
Arka plan görüntüsü İndirme klasöründe bulabileceğiniz ve aşağıdaki arka plan ayarlarıyla birleştirebileceğiniz ‘sıvı-style-7.png’ dosyasını yükleme: Arka Plan Görüntü Boyutu: True Boyut
Arka Plan Görüntü Pozisyonu: Sağ üst
Arka Plan Son satır gradyanı, çizgi gradyanının arka planını parçanızın üzerine ekleyin. Renk 1: RGBA (106,0,198.0.34)
Renk 2: RGBA (255,255,255.0)
Gradyan Türü: Radyal Radyal Yön: Merkez
Sıvı Bölüm #8’in arka planı
Gradyanın arka plan kısmı, parçanıza aşağıdaki mavi gradyan arka planını uygular:
Renk 1: #0B43DD
Renk 2: #09F9ED Gradyan Türü: Doğrusal Gradien yönü: 137deg
Başlangıç Pozisyonu:% 48
İndirme klasöründe bulabileceğiniz ve aşağıdaki arka plan ayarlarıyla birleştirebileceğiniz ‘Fluid-Style-8.png’ dosyasını yükleyen arka plan görüntüsü:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka plan görüntü konumu: sol üst
Arka Plan Gradyan Hattı Hat gradyanının arka planını uygulayarak tasarımınızı tamamlayın. Renk 1: RGBA (0.7.119.0.57)
Renk 2: RGBA (255,255,255.0)
Gradyan Türü: Doğrusal Radyal Yön: Merkez
Sıvı Bölüm #9’un arka planı
Gradyanın arka plan kısmı, bölümünüze aşağıdaki gradyan arka planını ekler:
Renk 1: #051F89
Renk 2: #6d0272 Gradyan Türü: Doğrusal Gradien yönü: 137deg
Başlangıç Pozisyonu:% 48
İndirme klasöründe bulabileceğiniz ve aşağıdaki arka plan ayarlarıyla birleştirebileceğiniz ‘sıvı-style -9.png’ dosyasını yükleyen arka plan görüntüsü:
Arka Plan Görüntü Boyutu: Kapak
Arka Plan Görüntü Pozisyonu: Orta
Arka plan gradyan satırı son fakat en az değil, çizgi gradyanının arka planını kullanarak içeriğinizin okunabilirliğini artırın. Renk 1: RGBA (0.0,0,0,59)
Renk 2: RGBA (255,255,255.0) Gradyan Türü: Radyal
Radyal Yön: Merkez Sıvı Bölüm # 10’un arka planı
Gradyan son örneğin arka plan kısmı aşağıdaki gradyan arka planını gerektirir:
Renk 1: #051F89
Renk 2: #6d0272
Gradyan Türü: Doğrusal Gradien yönü: 137deg Başlangıç Pozisyonu:% 48
İndirme klasöründe bulabileceğiniz ve aşağıdaki arka plan ayarlarıyla birleştirebileceğiniz ‘sıvı-style-10a.png’ dosyasını yükleyen arka plan görüntüsü:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka plan görüntü konumu: sol üst
Arka plan gradyan hattı Bir sonraki satır gradyanının arka planını ekleyin.
Renk 1: RGBA (0.0,0,0,59) Renk 2: RGBA (255,255,255.0)
Gradyan Türü: Radyal
Radyal Yön: Merkez Satır arka plan görüntüleri satırınıza da arka plan görüntüleri ekleyin. İndirme klasöründe ‘Fluid-style-10b.png’ bulun, aşağıdaki arka plan ayarlarıyla yükleyin ve birleştirin:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka Plan Görüntü Pozisyonu: Sağ alt
Önizleme Şimdi tüm adımlardan geçtik, sonucuna bakalım.
Bu yazıdaki son zihin, herhangi bir kısıtlama olmadan kendi web sitenizde kullanabileceğiniz 10 farklı ve benzersiz sıvı arka plan görüntüsünü paylaştık. Buna ek olarak, size yalnızca Divi varsayılan seçeneğini kullanarak sıvı bir arka plan görüntüsü ile birleştirebileceğiniz inanılmaz bir gradyan arka planı da veriyoruz. Sorularınız veya önerileriniz varsa, aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun ve bize en çok sevdiğiniz sıvı bölümünün arka plan görüntüsünü anlatın!
Yeni normal bölümü yeniden oluşturun. Ardından, Divi’nin görsel oluşturucusunu kullanarak yeni bir düzenli bölüm ekleyin. Ayarları açın ve alan değerini değiştirin.
Ü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 bölümünüze yeni bir satır ekleyerek devam edin: Herhangi bir modül eklemeden yapıştırıcı, satır ayarlarını açın ve boyut ayarlarında değişiklik yapın. Bu çizgiyi tamamen genişletin: evet
Özel Talang genişliği kullanın: evet
Talang genişliği: 1
Mesafe Uzay ayarlarına da bazı dolgu değerleri ekleyin. Üst Pilding: 312px
Dolgu Alt: 312px
Sol dolgu sütunu: 50px
Dolgu sağ sütun: 50px
İçerikleri eklemek için metin modülünü ekleyin Modül eklemeye başlamanın zamanı geldi! İhtiyacımız olan ilk modül metin modülü. Lütfen içerik kutusuna, tercihen H2 başlıklarına ve paragraflara biraz içerik ekleyin. H2 Metin Ayarları Bir sonraki H2 metin ayarlarını açın ve aşağıdaki değişiklikleri uygulayın: Başlık 2 Yazı Tipi: Montserrat
Başlık 2 Font Ağırlığı: Ultra Kalın
Başlık 2 Metin Renk: #FFFFFFFFJ Başlık 2 Metin Boyutu: 82px (masaüstü), 60px (tablet), 40px (telefon)
POS 2 Sıra Yükseklik: 1.4EM
Metin ayarları ayrıca genel metin ayarlarını da değiştirir.
Metin rengi: #ffffff Metin Boyutu: 16px
Yüksek çizgi metin: 1.9em
Metin Oryantasyonu: Orta
Yapıştırıcılar masaüstündeki bu modülün genişliğini azaltarak devam eder.
Genişlik:% 58 (masaüstü),% 100 (tablet ve cep telefonu) Modül hizalaması: merkez
İhtiyacımız olan ikinci ve son modülün bir kopyasını eklemek için modülü ekleyin Düğme modülü. Metin modülünün altına bir modül ekledikten sonra birkaç kopya ekleyin.
Sonraki Düğme Hizalama düğmesinin hizalanması. Düğmenin hizalanması: orta Düğmeyi ayarlayın, düğme ayarlarını açın ve bazı değişiklikler yapın.
Düğmeler için özel bir stil kullanın: evet Metin Boyutu Düğmesi: 18px
Metin Renk Düğmesi: #000000
Arka plan renk düğmesi: #ffffff
Düğmenin sınır genişliği: 0px
Sınır sınır yarıçapı: 0px
Mektup Mesafe Düğmesi: -1px
Yazı tipi düğmesi: Montserrat
Mektup Ağırlığı: Çok kalın
Yazı tipi stili: büyük harf
Son fakat en az değil, bazı üst kenar boşlukları ekleyerek önceki modül ile bu modül arasında biraz boşluk ekleyin.
Üst kenar boşluğu: 25px Sıvı Bölüm #1’in arka planı
Gradyanın arka plan kısmı, parçanız için aşağıdaki gradyan arka planını kullanın: Renk 1: #000000 Renk 2: #2D5B9B
Gradyan Türü: Doğrusal
Gradien yönü: 137deg
Başlangıç Pozisyonu:% 48
İndirme klasöründe bulabileceğiniz ve aşağıdaki arka plan ayarlarıyla birleştirebileceğiniz ‘sıvı-style-1.png’ dosyasını yükleyen arka plan görüntüsü:
Arka Plan Görüntü Boyutu: Gerçek Boyut Arka Plan Görüntü Pozisyonu: Orta
Arka plan gradyan hattı tamamlamak için, parçanızın arka planının üzerine bir çizgi gradyanı ekleyin. Bu metnin okunmasını kolaylaştıracaktır. Bu ayrıca sayfanıza biraz derinlik eklemenize yardımcı olacaktır. 1 Renk: RGBA (0,0,0,0,0.67)
Renk 2: RGBA (255,255,255.0) Gradyan Türü: Radyal
Radyal Yön: Merkez
Arka Plan Sıvı Bölüm #2 & #3
İkinci ve üçüncü sıvı bölümünün gradyan görüntü arka planının arka plan kısmı, gradyan arka planının aşağıdaki bölümünü kullanır:
Renk 1: #4F009E Renk 2: #FA00FF Gradyan Türü: Doğrusal
Gradien yönü: 137deg
Başlangıç Pozisyonu:% 48
Görüntü Arka Planı Yükle Dosyasını Yükle ‘Fluid-Style-2.png’ veya indirme klasöründe bulabileceğiniz ve aşağıdaki arka plan ayarlarıyla birleştirebileceğiniz ‘Fluid-Style -3.png’:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka Plan Görüntü Pozisyonu: Orta Arka plan gradyan satırı ayrıca ince bir satır gradyanının arka planını ekleyin:
Renk 1: RGBA (255,48,75,0.13)
Renk 2: RGBA (255,255,255.0) Gradyan Türü: Radyal
Radyal Yön: Merkez
Sıvı Bölüm #4’ün arka planı
Gradyanın arka plan kısmı, parçanız için aşağıdaki gradyan arka planını kullanın:
Renk 1: #00245E
Renk 2: #FFEE00
Gradyan Türü: DoğrusalGradien yönü: 137deg
Başlangıç Pozisyonu:% 48
İndirme klasöründe bulabileceğiniz ve aşağıdaki arka plan ayarlarıyla birleştirebileceğiniz ‘sıvı tarzı -4.png’ dosyasını yükleyen arka plan görüntüsü:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka Plan Görüntü Pozisyonu: Orta Arka plan gradyan hattı bitirmek için, aşağıdaki ayarları kullanarak arka plan gradyan hatları ekleyin:
Renk 1: RGBA (0.0,0,0,37)
Renk 2: RGBA (255,255,255.0) Gradyan Türü: Radyal
Radyal Yön: Merkez
Sıvı Bölüm # 5’in arka planı
Gradyanın arka plan kısmı, bölümünüze aşağıdaki gradyan arka planını ekler:
Renk 1: #04000F Renk 2: #00436D Gradyan Türü: Doğrusal
Gradien yönü: 137deg
Başlangıç Pozisyonu:% 48
Arka plan resmi daha sonra, indirme klasöründe bulabileceğiniz ‘sıvı-style-5.png’ dosyasını yükleyin ve aşağıdaki arka plan ayarlarıyla birleştirin:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka Plan Görüntü Pozisyonu: Orta Arka plan gradyan hattı aşağıdaki satır gradyan arka planını kullanarak tasarımınızı tamamlayın:
Renk 1: RGBA (0.0,0,0,58)
Renk 2: RGBA (255,255,255.0) Gradyan Türü: Radyal
Radyal Yön: Merkez
Sıvı Bölüm #6’nın arka planı
Gradyanın arka plan kısmı, gradyan arka plan kombinasyonunun aşağıdaki şaşırtıcı kısmını kullanın:
Renk 1: #4800ff Renk 2: #C854FF Gradyan Türü: Doğrusal
Gradien yönü: 137deg
Başlangıç Pozisyonu:% 48
İndirme klasöründe bulabileceğiniz ve aşağıdaki arka plan ayarlarıyla birleştirebileceğiniz ‘sıvı-style-6.png’ dosyasını yükleyen arka plan görüntüsü:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka Plan Görüntü Pozisyonu: Orta Arka plan gradyan hattı son fakat en az değil, çizgi gradyanının kaplama arka planını ekleyin.
Renk 1: RGBA (0.0,0,0.51)
Renk 2: RGBA (255,255,255.0) Gradyan Türü: Radyal
Radyal Yön: Merkez
Sıvı Bölüm #7’nin arka planı
Gradyan Arka Plan Bölümü Bölümünüze aşağıdaki gradyan arka plan ayarlarını uygulayın:
Renk 1: #FF8300 Renk 2: #52006B Gradyan Türü: Doğrusal
Gradien yönü: 137deg
Başlangıç Pozisyonu:% 48
Arka plan görüntüsü İndirme klasöründe bulabileceğiniz ve aşağıdaki arka plan ayarlarıyla birleştirebileceğiniz ‘sıvı-style-7.png’ dosyasını yükleme: Arka Plan Görüntü Boyutu: True Boyut
Arka Plan Görüntü Pozisyonu: Sağ üst
Arka Plan Son satır gradyanı, çizgi gradyanının arka planını parçanızın üzerine ekleyin. Renk 1: RGBA (106,0,198.0.34)
Renk 2: RGBA (255,255,255.0)
Gradyan Türü: Radyal Radyal Yön: Merkez
Sıvı Bölüm #8’in arka planı
Gradyanın arka plan kısmı, parçanıza aşağıdaki mavi gradyan arka planını uygular:
Renk 1: #0B43DD
Renk 2: #09F9ED Gradyan Türü: Doğrusal Gradien yönü: 137deg
Başlangıç Pozisyonu:% 48
İndirme klasöründe bulabileceğiniz ve aşağıdaki arka plan ayarlarıyla birleştirebileceğiniz ‘Fluid-Style-8.png’ dosyasını yükleyen arka plan görüntüsü:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka plan görüntü konumu: sol üst
Arka Plan Gradyan Hattı Hat gradyanının arka planını uygulayarak tasarımınızı tamamlayın. Renk 1: RGBA (0.7.119.0.57)
Renk 2: RGBA (255,255,255.0)
Gradyan Türü: Doğrusal Radyal Yön: Merkez
Sıvı Bölüm #9’un arka planı
Gradyanın arka plan kısmı, bölümünüze aşağıdaki gradyan arka planını ekler:
Renk 1: #051F89
Renk 2: #6d0272 Gradyan Türü: Doğrusal Gradien yönü: 137deg
Başlangıç Pozisyonu:% 48
İndirme klasöründe bulabileceğiniz ve aşağıdaki arka plan ayarlarıyla birleştirebileceğiniz ‘sıvı-style -9.png’ dosyasını yükleyen arka plan görüntüsü:
Arka Plan Görüntü Boyutu: Kapak
Arka Plan Görüntü Pozisyonu: Orta
Arka plan gradyan satırı son fakat en az değil, çizgi gradyanının arka planını kullanarak içeriğinizin okunabilirliğini artırın. Renk 1: RGBA (0.0,0,0,59)
Renk 2: RGBA (255,255,255.0) Gradyan Türü: Radyal
Radyal Yön: Merkez Sıvı Bölüm # 10’un arka planı
Gradyan son örneğin arka plan kısmı aşağıdaki gradyan arka planını gerektirir:
Renk 1: #051F89
Renk 2: #6d0272
Gradyan Türü: Doğrusal Gradien yönü: 137deg Başlangıç Pozisyonu:% 48
İndirme klasöründe bulabileceğiniz ve aşağıdaki arka plan ayarlarıyla birleştirebileceğiniz ‘sıvı-style-10a.png’ dosyasını yükleyen arka plan görüntüsü:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka plan görüntü konumu: sol üst
Arka plan gradyan hattı Bir sonraki satır gradyanının arka planını ekleyin.
Renk 1: RGBA (0.0,0,0,59) Renk 2: RGBA (255,255,255.0)
Gradyan Türü: Radyal
Radyal Yön: Merkez Satır arka plan görüntüleri satırınıza da arka plan görüntüleri ekleyin. İndirme klasöründe ‘Fluid-style-10b.png’ bulun, aşağıdaki arka plan ayarlarıyla yükleyin ve birleştirin:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka Plan Görüntü Pozisyonu: Sağ alt
Önizleme Şimdi tüm adımlardan geçtik, sonucuna bakalım.
Bu yazıdaki son zihin, herhangi bir kısıtlama olmadan kendi web sitenizde kullanabileceğiniz 10 farklı ve benzersiz sıvı arka plan görüntüsünü paylaştık. Buna ek olarak, size yalnızca Divi varsayılan seçeneğini kullanarak sıvı bir arka plan görüntüsü ile birleştirebileceğiniz inanılmaz bir gradyan arka planı da veriyoruz. Sorularınız veya önerileriniz varsa, aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun ve bize en çok sevdiğiniz sıvı bölümünün arka plan görüntüsünü anlatın!
