Ücretsiz kahramanların 5 arka plan dokusunu indirin, soyut & amp;Divi için benzersiz
Kahramanları web sitenizde tasarlamanın çeşitli yolları vardır. Düz renkler, arka plan resimleri kullanabilirsiniz veya web sitenizi aynı anda daha sofistike ve modern hale getiren dokulu arka planları da kullanabilirsiniz. Bu yazıda, ücretsiz indirebileceğiniz 5 hazır dokulu arka plan paylaşacağız. Buna ek olarak, bu dokulu arka planı Divi ile nasıl kullanacağınızı da göstereceğiz ve renk paletini ihtiyaçlarınıza göre değiştireceğiz. Sonuçlar Eğiticiye girmeden önce, sayfaya eklendikten ve Divi ile değiştirildikten sonra ücretsiz olarak indirebileceğiniz farklı bir doku arka planına bakalım.
Dokulu arka plan #1
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!
Divi için ücretsiz, soyut ve eşsiz kahramanların 5 arka plan dokusunu indirin
YouTube kanalına abone Oluruz, yeni bir standart parça oluşturarak ve uzay alt kategorisine aşağıdaki dolguyu ekleyerek mesafe kısmını ayarlayan kahraman setlerini yeniden yapıyoruz:
Yukarıda: 228px
Aşağıda: 228px
Sütun yapısının ilk satırının ayarlanması, aşağıdaki sütun yapısıyla o bölüme satır ekleyerek derhal devam eder: Sadece yaptığınız satırın hemen altındaki iki sütun yapısının satırını ayarlayın, bir sütunla başka bir satır ekleyin. İlk metin modülü metin ayarları Şimdi, oluşturduğunuz ilk satıra dönün, metin modülünü ikinci sütuna ekleyin ve metin alt kategorisindeki metnin rengi olarak ‘Dark’ kullanın. Sonraki başlık metin ayarları, alt kategori metin başlıklarını açın ve aşağıdaki ayarları uygulayın: Yazı Tip Başlığı: Poppins
Font Ağırlığı Başlığı: Normal
Hizalama Metin Başlığı: Orta
Başlık Metin Boyutu: 56px
Hat yüksekliği: 1.3em
Uzay alanını açarak ve alt kenar boşluğuna ’10px’ ekleyerek daha fazla mesafe. Metin Modülü İkinci Metin Ayarları Önceki metin modülünün hemen altında, başka bir metin modülü ekleyin ve aşağıdaki ayarları metin alt kategorisine uygulayın: Metin Rengi: Karanlık Metin Yazı Tipi: Poppins
Metin yazı tipi ağırlığı: normal
Metin Boyutu: 16px
Hat yüksekliği metni: 2em
Metin Oryantasyonu: Orta
Hizalama düğmesi modülü Şimdi ilk satırla bitirdikten sonra, bir sonraki satıra devam edin, düğme modülünü ekleyin ve düğmenin hizalanması olarak ‘Orta’ seçin.
Bir sonraki düğmeyi ayarlayın, düğme alt kategorisini açın ve aşağıdaki ayarları kullanın: Düğmeler için özel bir stil kullanın: evet Metin Boyutu Düğmesi: 14px
Metin Renk Düğmesi: #fffffff
Arka Plan Renk Düğmesi: #000000
Yazı tipi düğmesi: Poppins
Mektup Ağırlığı: Yarı Kalınlık
Yazı tipi stili: büyük harf
Son mesafe, boşluk alanını açın ve düğmenize aşağıdaki özel dolguyu ekleyin:
Yukarıda: 12 piksel Doğru: 24 piksel
Aşağıda: 12 piksel
Sol: 24 piksel
Arka Plan Dokulu #1 Arka Plan Görüntü Ayarları Ekleyin Bu yazının başında indirdiğiniz klasörde ‘Dextuared-Background-1.png’ dosyasını bulun ve aşağıdaki ayarlarla birlikte parçanızın arka plan görüntüsü ekleyin:
Arka Plan Görüntü Boyutu: Dönüşüm Arka plan görüntü konumu: alt veya orta orta
Arka plan görüntüsünün tekrarlanması: Tekrar yok
Arka Plan Görüntü Karışımı: Normal
Arka plan gradyan arka plan dokulu, tüm görüntünüze uygulamak zorunda kalmadan degradeler veya arka plan bir renk eklemenizi sağlayan birkaç şeffaf şekilli parça içerir. İstediğiniz herhangi bir gradyan arka planı seçebilirsiniz (web sitenizin renk paletiyle eşleşen), ancak aşağıda hazırladığımız örnekler için aşağıdaki ayarları seçtik: İlk renk: #2A00ff
Renk İkinci: #baffdb Gradyan Türü: Radyal
Radyal Yön: Merkez
Başlangıç pozisyonu:% 0
Son pozisyon:% 100
Arka Plan Dokulu #2 Arka Plan Görüntü Ayarları Ekleyin İkinci dokulu bir arka plan eklemek istiyorsanız, bu yazının başında indirdiğiniz klasörde ‘arka plan-2.png’ dosyasını arayın, arka plan resmi olarak kullanın Bölümün ve aşağıdaki ayarları O’na uygulayın:
Arka Plan Görüntü Boyutu: Kapak
Arka plan görüntü konumu: alt veya orta orta Arka plan görüntüsünün tekrarlanması: Tekrar yok
Arka Plan Görüntü Karışımı: Normal
Gradyan Arka Plan Onunla aşağıdaki gradyan arka planını (veya diğer gradyan arka planlarını) kullanın:
Birinci Renk: RGBA (255,229,102.0.66)
İkinci renk: RGBA (172,95,232.0.68) Gradyan Türü: Doğrusal
Gradyan yönü: 102deg
Başlangıç Pozisyonu:% 44
Son pozisyon:% 58
Üçüncü dokulu arka plan için dokulu bir arka plan #3 Arka Plan Görüntü Ayarları ekleyin, indirilen klasörlerde ‘Dokulu Background -3.png’ dosyalarını arayın ve önceki iki dokulu arka planla aynı ayarları kullanın.
Arka Plan Gradien Bu dokulu arka planı aşağıdaki gradyan arka planla birlikte kullandık: İlk Renk: #DD008C
Renk İkinci: #ECEF4C Gradyan Türü: Doğrusal Gradyan yönü: 120deg
Başlangıç Pozisyonu:% 19
Son pozisyon:% 19
Bir sonraki dokulu arka plan için dokulu bir arka plan #4 arka plan görüntü ayarları ekleyin, indirilen bir klasörde ‘Dokulu-Background -4.png’ dosyasını arayın ve önceki örnekte olduğu gibi aynı ayarları kullanın.
Gradyan arka planı dokulu arka planla birlikte aşağıdaki gradyan arka planını kullanın:
Birinci Renk: RGBA (198,198,198.0.84)
İkinci renk: #0Alea Gradyan Türü: Doğrusal Gradyan yönü: 90 derece
Başlangıç Pozisyonu:% 50
Son pozisyon:% 50
Dokulu bir arka plan ekleyin #5 Son Dokulu Arka Plan Arka Plan Görüntü Dosyası ayarlarına ‘PETİD-BACKING-5.PNG’ denir. Parçanızın arka plan görüntüsü olarak yükleyin ve önceki dokulu arka planla aynı ayarları koruyun.
Gradyan Arka Plan Bu son örnek için aşağıdaki gradyan arka planını kullanıyoruz:
Birinci renk: #e04f47
İkinci renk: RGBA (131,0,233.0.68) Gradyan Türü: Doğrusal Gradyan yönü: 190 derece
Başlangıç pozisyonu:% 0
Son pozisyon:% 100
Etkileşim için Parallax CSS ekleyin
Arka plan görüntü ayarlarınız, arka plan görüntüsü sekmesini açarak, ‘Paralaks Kullan’ seçeneğini etkinleştirerek ve ‘CSS’ paralaks yöntemini seçerek bu paralaks efekti her dokulu arka plana uygulayabilir.
Sonuçlar Dokulu tüm arka planları tartıştıktan sonra, sonuçlara bakalım. Dokulu arka plan #1 eylemde
Akson sırtlı Axlets #3’te Dokulu Arka Plan #2 Dokulu arka plan #4 eylemde Dokulu arka plan #5 eylemde Bu blogun yayınından ve ona eşlik eden tüm ücretsiz kaynaklardan hoşlanmanızı umuyoruz.Bir sonraki projeniz için dokulu bir arka plan kullanmak, özellikle yaratıcı sektörde web sitesi tasarımınızı geliştirmeye gerçekten yardımcı olabilir.Sorularınız veya önerileriniz varsa;Aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun!
Divi için ücretsiz, soyut ve eşsiz kahramanların 5 arka plan dokusunu indirin
YouTube kanalına abone Oluruz, yeni bir standart parça oluşturarak ve uzay alt kategorisine aşağıdaki dolguyu ekleyerek mesafe kısmını ayarlayan kahraman setlerini yeniden yapıyoruz:
Yukarıda: 228px
Aşağıda: 228px
Sütun yapısının ilk satırının ayarlanması, aşağıdaki sütun yapısıyla o bölüme satır ekleyerek derhal devam eder: Sadece yaptığınız satırın hemen altındaki iki sütun yapısının satırını ayarlayın, bir sütunla başka bir satır ekleyin. İlk metin modülü metin ayarları Şimdi, oluşturduğunuz ilk satıra dönün, metin modülünü ikinci sütuna ekleyin ve metin alt kategorisindeki metnin rengi olarak ‘Dark’ kullanın. Sonraki başlık metin ayarları, alt kategori metin başlıklarını açın ve aşağıdaki ayarları uygulayın: Yazı Tip Başlığı: Poppins
Font Ağırlığı Başlığı: Normal
Hizalama Metin Başlığı: Orta
Başlık Metin Boyutu: 56px
Hat yüksekliği: 1.3em
Uzay alanını açarak ve alt kenar boşluğuna ’10px’ ekleyerek daha fazla mesafe. Metin Modülü İkinci Metin Ayarları Önceki metin modülünün hemen altında, başka bir metin modülü ekleyin ve aşağıdaki ayarları metin alt kategorisine uygulayın: Metin Rengi: Karanlık Metin Yazı Tipi: Poppins
Metin yazı tipi ağırlığı: normal
Metin Boyutu: 16px
Hat yüksekliği metni: 2em
Metin Oryantasyonu: Orta
Hizalama düğmesi modülü Şimdi ilk satırla bitirdikten sonra, bir sonraki satıra devam edin, düğme modülünü ekleyin ve düğmenin hizalanması olarak ‘Orta’ seçin.
Bir sonraki düğmeyi ayarlayın, düğme alt kategorisini açın ve aşağıdaki ayarları kullanın: Düğmeler için özel bir stil kullanın: evet Metin Boyutu Düğmesi: 14px
Metin Renk Düğmesi: #fffffff
Arka Plan Renk Düğmesi: #000000
Yazı tipi düğmesi: Poppins
Mektup Ağırlığı: Yarı Kalınlık
Yazı tipi stili: büyük harf
Son mesafe, boşluk alanını açın ve düğmenize aşağıdaki özel dolguyu ekleyin:
Yukarıda: 12 piksel Doğru: 24 piksel
Aşağıda: 12 piksel
Sol: 24 piksel
Arka Plan Dokulu #1 Arka Plan Görüntü Ayarları Ekleyin Bu yazının başında indirdiğiniz klasörde ‘Dextuared-Background-1.png’ dosyasını bulun ve aşağıdaki ayarlarla birlikte parçanızın arka plan görüntüsü ekleyin:
Arka Plan Görüntü Boyutu: Dönüşüm Arka plan görüntü konumu: alt veya orta orta
Arka plan görüntüsünün tekrarlanması: Tekrar yok
Arka Plan Görüntü Karışımı: Normal
Arka plan gradyan arka plan dokulu, tüm görüntünüze uygulamak zorunda kalmadan degradeler veya arka plan bir renk eklemenizi sağlayan birkaç şeffaf şekilli parça içerir. İstediğiniz herhangi bir gradyan arka planı seçebilirsiniz (web sitenizin renk paletiyle eşleşen), ancak aşağıda hazırladığımız örnekler için aşağıdaki ayarları seçtik: İlk renk: #2A00ff
Renk İkinci: #baffdb Gradyan Türü: Radyal
Radyal Yön: Merkez
Başlangıç pozisyonu:% 0
Son pozisyon:% 100
Arka Plan Dokulu #2 Arka Plan Görüntü Ayarları Ekleyin İkinci dokulu bir arka plan eklemek istiyorsanız, bu yazının başında indirdiğiniz klasörde ‘arka plan-2.png’ dosyasını arayın, arka plan resmi olarak kullanın Bölümün ve aşağıdaki ayarları O’na uygulayın:
Arka Plan Görüntü Boyutu: Kapak
Arka plan görüntü konumu: alt veya orta orta Arka plan görüntüsünün tekrarlanması: Tekrar yok
Arka Plan Görüntü Karışımı: Normal
Gradyan Arka Plan Onunla aşağıdaki gradyan arka planını (veya diğer gradyan arka planlarını) kullanın:
Birinci Renk: RGBA (255,229,102.0.66)
İkinci renk: RGBA (172,95,232.0.68) Gradyan Türü: Doğrusal
Gradyan yönü: 102deg
Başlangıç Pozisyonu:% 44
Son pozisyon:% 58
Üçüncü dokulu arka plan için dokulu bir arka plan #3 Arka Plan Görüntü Ayarları ekleyin, indirilen klasörlerde ‘Dokulu Background -3.png’ dosyalarını arayın ve önceki iki dokulu arka planla aynı ayarları kullanın.
Arka Plan Gradien Bu dokulu arka planı aşağıdaki gradyan arka planla birlikte kullandık: İlk Renk: #DD008C
Renk İkinci: #ECEF4C Gradyan Türü: Doğrusal Gradyan yönü: 120deg
Başlangıç Pozisyonu:% 19
Son pozisyon:% 19
Bir sonraki dokulu arka plan için dokulu bir arka plan #4 arka plan görüntü ayarları ekleyin, indirilen bir klasörde ‘Dokulu-Background -4.png’ dosyasını arayın ve önceki örnekte olduğu gibi aynı ayarları kullanın.
Gradyan arka planı dokulu arka planla birlikte aşağıdaki gradyan arka planını kullanın:
Birinci Renk: RGBA (198,198,198.0.84)
İkinci renk: #0Alea Gradyan Türü: Doğrusal Gradyan yönü: 90 derece
Başlangıç Pozisyonu:% 50
Son pozisyon:% 50
Dokulu bir arka plan ekleyin #5 Son Dokulu Arka Plan Arka Plan Görüntü Dosyası ayarlarına ‘PETİD-BACKING-5.PNG’ denir. Parçanızın arka plan görüntüsü olarak yükleyin ve önceki dokulu arka planla aynı ayarları koruyun.
Gradyan Arka Plan Bu son örnek için aşağıdaki gradyan arka planını kullanıyoruz:
Birinci renk: #e04f47
İkinci renk: RGBA (131,0,233.0.68) Gradyan Türü: Doğrusal Gradyan yönü: 190 derece
Başlangıç pozisyonu:% 0
Son pozisyon:% 100
Etkileşim için Parallax CSS ekleyin
Arka plan görüntü ayarlarınız, arka plan görüntüsü sekmesini açarak, ‘Paralaks Kullan’ seçeneğini etkinleştirerek ve ‘CSS’ paralaks yöntemini seçerek bu paralaks efekti her dokulu arka plana uygulayabilir.
Sonuçlar Dokulu tüm arka planları tartıştıktan sonra, sonuçlara bakalım. Dokulu arka plan #1 eylemde
Akson sırtlı Axlets #3’te Dokulu Arka Plan #2 Dokulu arka plan #4 eylemde Dokulu arka plan #5 eylemde Bu blogun yayınından ve ona eşlik eden tüm ücretsiz kaynaklardan hoşlanmanızı umuyoruz.Bir sonraki projeniz için dokulu bir arka plan kullanmak, özellikle yaratıcı sektörde web sitesi tasarımınızı geliştirmeye gerçekten yardımcı olabilir.Sorularınız veya önerileriniz varsa;Aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun!
