Divi için 5 Ücretsiz Sınır Görüntüsü İndirin
Kendiniz veya müşteriler için yeni bir web sitesi oluştururken kullanabileceğiniz ek kaynaklara sahip olmak her zaman iyidir. Bu yüzden her hafta yeni bir düzen paketi aldığınızdan emin oluyoruz. Ancak, gelişmekte olan bir güç eklemek için bir tarafta veya divi tasarım öğesinin bir tarafında veya diğerinde kullanabileceğiniz “sınırlar” veya görüntüler gibi yararlı olabilecek başka kaynaklar da vardır. Varsayılan Divi seçeneğini bu sınır görüntüsü ile birlikte kullanmak inanılmaz sonuçlar sağlayabilir. Bu yazıda, aşağıda ücretsiz olarak indirebileceğiniz 5 farklı sınır resmi verdik. Bu sınır görüntüsünü avantajlarınız için nasıl kullanabileceğinizi ve inanılmaz bir nihai sonuç verebileceğinizi açıklayacağız.
Haydi Yapalım şunu! Birincil, bu yazının altına daha fazla indirebileceğiniz farklı sınır görüntülerine bakalım. Her şekil için 4 sürüm bulacaksınız: üst, alt, sol ve sağ. Bu görüntüler, aşağıdaki ilk dört resimde gösterildiği gibi aynı sonuçları elde etmenizi sağlayacaktır:
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!
Yaklaşmak
5 sınır resminin tamamını içeren ZIP klasörünü indirip açtıktan sonra 4 alt klasör bulacaksınız: üst sınır, alt sınır, sol ve sağ sınır
Bu, kullanabileceğiniz toplam 20 resim dosyası olduğu anlamına gelir
Bu yazının ilerleyen saatlerinde, sınır kenarlarının her birine uygun eşlik eden ayarları bulacaksınız.
Tamamlamak için sınır görüntülerini kaplama gradyanı ile birleştirebilirsiniz
Bu renk, görüntünün istediğiniz kadar canlı veya pürüzsüz görünmenize yardımcı olacaktır.
Ticari amaçlar için bile bu sınır görüntüsünü herhangi bir kısıtlama olmadan kullanmakta özgürsünüz
Genel bir tasarım oluşturma mesafenin yeni bir kısmını ekleyin. Sınır görüntülerini görüntülemek için kullandığımız tüm tasarımı yaparak başlayalım. Yeni veya mevcut bir sayfa açın, yeni bir normal bölüm ekleyin ve bazı özel pedler ekleyin:
Üst Dolgu: 300 piksel
Dolgu Alt: 300 piksel
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, boyut ayarlarını açın ve tam geniş bir satır yapın. Bu çizgiyi tamamen genişletin: evet Başlık Metin Modülünü Sütun 1’e Ekleyin H2 İçerik Kutusunu Ekleyin, Birkaç Modül Eklemeye Başlayalım! İhtiyaç duyulan ilk modül metin modülüdür. İlk sütuna bir tane ekleyin ve seçtiğiniz bir kopyayı içerik kutusuna ekleyin.
Başlık Metin Ayarları Daha sonra, Tasarım sekmesindeki H2 metin ayarlarında bazı değişiklikler yapın. Başlık 2 Yazı Tipi: Abril Fatface Başlık 2 Metin Boyutu: 80px (masaüstü), 70px (tablet), 50px (telefon)
Bu metin modülünün üstüne bazı kenar boşlukları ekleyerek daha fazla mesafe.
Üst kenar boşluğu: 150 piksel Bağlantı Metin Modülünü Sütun 1’e Ekleyin Eklemiş olduğunuz metin modülünün hemen altındaki içerik kutusuna bağlantıyı ekleyin, devam edin ve yeni bir metin modülü ekleyin. Bu metin modülünü bir düğme olarak kullanıyoruz, bu nedenle CTA’ya bir bağlantı eklediğinizden emin olun.
Bağlantı metninin rengi: #000000
Bağlantı Metin Boyutu: 21px
Mesafe Bu metin modülü ile bir öncek arasındaki boşluk yapmak için bazı üst kenar boşlukları ekleyin.
Üst kenar boşluğu: 100 piksel Son kenarlık, metin modülünün metnine düzgün bir alt sınır ekleyin.
Alt sınır genişliği: 1 piksel Alt sınır rengi: #333333
Metin Açıklama Modülünü Sütun 2’ye Ekleyin İkinci sütun metin ayarları yalnızca metin modülünün bir açıklamasını gerektirir. İçerik kutusuna içerik ekledikten sonra aşağıdaki metin ayarlarını uygulayın:
Metin boyutu: 22px (masaüstü), 20px (tablet), 18px (cep telefonu) Yüksek çizgi metin: 2.6em
Metin Oryantasyonu: haklı çıkar
Boyut ayarları için yapıştırıcılar da farklı ekran boyutlarına uygun: genişlik:% 82 (masaüstü),% 100 (tabletler ve cep telefonları)
Mesafe ve son olarak, bazı üst ve alt kenar boşlukları ekleyin. Üst kenar boşluğu: 100 piksel
Alt kenar boşluğu: 100 piksel Sınır şekli ekleme Sol sınır arka plan ayarları şimdi genel tasarımı tamamladıktan sonra sınır görüntüleri eklemeye başlayabiliriz! Sol sınır tarafı ile başlayacağız. Seçtiğiniz sınır görüntüsünü ‘sol kenarlık’ klasöründe bulun ve arka plan görüntüsü olarak yükleyin. Ardından, aşağıdaki arka plan görüntü ayarlarını uygulayın:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka Plan Görüntü Pozisyonu: Orta sol Arka plan görüntüsünün tekrarlanması: Tekrar yok
Sağ sınır arka plan ayarları veya seçtiğiniz sınır görüntüsünü ‘sağ kenarlık’ klasöründe bulabilir ve bunları aşağıdaki ayarları kullanarak bölümün arka planı olarak ekleyebilirsiniz:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka Plan Görüntü Pozisyonu: Sağ orta Arka plan görüntüsünün tekrarlanması: Tekrar yok
Aynı sınırın arka plan ayarı üst sınır için geçerlidir, ancak bunun yerine aşağıdaki arka plan ayarlarını kullanın:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka Plan Görüntü Pozisyonu: Üst Orta Arka plan görüntüsünün tekrarlanması: Tekrar yok
Alt sınır arka plan ayarları veya son olarak, ‘alt sınır’ klasöründe alt sınır görüntüsünü bulabilir ve bu bölümün arka plan ayarıyla birleştirebilirsiniz:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka Plan Görüntü Pozisyonu: Alt Orta Takviye Görüntü Arka Plan: Tekrar yok Dahil olan sınırların her biri için yarı sayaç geniş bir genişlik kullanarak tam renkleri tamamlayın, aynı zamanda bir renk gerginliği de eklemeye karar verebilirsiniz. Bu kaplama, sınır görüntülerinin daha pürüzsüz görünmesini sağlar. Kaplama eklemek için parça ayarlarınızı açın ve degradenin arka planını sınır arka plan görüntüsünün üzerine ekleyin.
Renk 1: #ffffff
Renk 2: RGBA (255,255,255.0.36)
Gradien yönü: 141deg Degradeyi arka plan görüntüsünün üzerine yerleştirin: evet
Önizleme Şimdi tüm adımlardan geçtikten sonra, bu ücretsiz sınır görüntüsünü kullanarak elde edebileceğiniz bazı potansiyel tasarımların sonuna bakalım.
Bu yazıdaki son zihin, ücretsiz olarak indirebileceğiniz 5 farklı sınır resmi paylaştık. Bu sınır resmini, üzerinde çalıştığınız herhangi bir web sitesi için herhangi bir kısıtlama olmadan kullanabilirsiniz. Her şeyi denemenizi ve inanılmaz tasarımlar yapmanızı öneririz. Sorularınız veya önerileriniz varsa, aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun!
Yaklaşmak
5 sınır resminin tamamını içeren ZIP klasörünü indirip açtıktan sonra 4 alt klasör bulacaksınız: üst sınır, alt sınır, sol ve sağ sınır
Bu, kullanabileceğiniz toplam 20 resim dosyası olduğu anlamına gelir
Bu yazının ilerleyen saatlerinde, sınır kenarlarının her birine uygun eşlik eden ayarları bulacaksınız.
Tamamlamak için sınır görüntülerini kaplama gradyanı ile birleştirebilirsiniz
Bu renk, görüntünün istediğiniz kadar canlı veya pürüzsüz görünmenize yardımcı olacaktır.
Ticari amaçlar için bile bu sınır görüntüsünü herhangi bir kısıtlama olmadan kullanmakta özgürsünüz
Genel bir tasarım oluşturma mesafenin yeni bir kısmını ekleyin. Sınır görüntülerini görüntülemek için kullandığımız tüm tasarımı yaparak başlayalım. Yeni veya mevcut bir sayfa açın, yeni bir normal bölüm ekleyin ve bazı özel pedler ekleyin:
Üst Dolgu: 300 piksel
Dolgu Alt: 300 piksel
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, boyut ayarlarını açın ve tam geniş bir satır yapın. Bu çizgiyi tamamen genişletin: evet Başlık Metin Modülünü Sütun 1’e Ekleyin H2 İçerik Kutusunu Ekleyin, Birkaç Modül Eklemeye Başlayalım! İhtiyaç duyulan ilk modül metin modülüdür. İlk sütuna bir tane ekleyin ve seçtiğiniz bir kopyayı içerik kutusuna ekleyin.
Başlık Metin Ayarları Daha sonra, Tasarım sekmesindeki H2 metin ayarlarında bazı değişiklikler yapın. Başlık 2 Yazı Tipi: Abril Fatface Başlık 2 Metin Boyutu: 80px (masaüstü), 70px (tablet), 50px (telefon)
Bu metin modülünün üstüne bazı kenar boşlukları ekleyerek daha fazla mesafe.
Üst kenar boşluğu: 150 piksel Bağlantı Metin Modülünü Sütun 1’e Ekleyin Eklemiş olduğunuz metin modülünün hemen altındaki içerik kutusuna bağlantıyı ekleyin, devam edin ve yeni bir metin modülü ekleyin. Bu metin modülünü bir düğme olarak kullanıyoruz, bu nedenle CTA’ya bir bağlantı eklediğinizden emin olun.
Sonraki bağlantı ayarları, Tasarım sekmesindeki bağlantının metin ayarlarını değiştirin.
Bağlantı mektubu ağırlığı: çok kalın Bağlantı yazı tipi stili: büyük harfBağlantı metninin rengi: #000000
Bağlantı Metin Boyutu: 21px
Mesafe Bu metin modülü ile bir öncek arasındaki boşluk yapmak için bazı üst kenar boşlukları ekleyin.
Üst kenar boşluğu: 100 piksel Son kenarlık, metin modülünün metnine düzgün bir alt sınır ekleyin.
Alt sınır genişliği: 1 piksel Alt sınır rengi: #333333
Metin Açıklama Modülünü Sütun 2’ye Ekleyin İkinci sütun metin ayarları yalnızca metin modülünün bir açıklamasını gerektirir. İçerik kutusuna içerik ekledikten sonra aşağıdaki metin ayarlarını uygulayın:
Metin boyutu: 22px (masaüstü), 20px (tablet), 18px (cep telefonu) Yüksek çizgi metin: 2.6em
Metin Oryantasyonu: haklı çıkar
Boyut ayarları için yapıştırıcılar da farklı ekran boyutlarına uygun: genişlik:% 82 (masaüstü),% 100 (tabletler ve cep telefonları)
Mesafe ve son olarak, bazı üst ve alt kenar boşlukları ekleyin. Üst kenar boşluğu: 100 piksel
Alt kenar boşluğu: 100 piksel Sınır şekli ekleme Sol sınır arka plan ayarları şimdi genel tasarımı tamamladıktan sonra sınır görüntüleri eklemeye başlayabiliriz! Sol sınır tarafı ile başlayacağız. Seçtiğiniz sınır görüntüsünü ‘sol kenarlık’ klasöründe bulun ve arka plan görüntüsü olarak yükleyin. Ardından, aşağıdaki arka plan görüntü ayarlarını uygulayın:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka Plan Görüntü Pozisyonu: Orta sol Arka plan görüntüsünün tekrarlanması: Tekrar yok
Sağ sınır arka plan ayarları veya seçtiğiniz sınır görüntüsünü ‘sağ kenarlık’ klasöründe bulabilir ve bunları aşağıdaki ayarları kullanarak bölümün arka planı olarak ekleyebilirsiniz:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka Plan Görüntü Pozisyonu: Sağ orta Arka plan görüntüsünün tekrarlanması: Tekrar yok
Aynı sınırın arka plan ayarı üst sınır için geçerlidir, ancak bunun yerine aşağıdaki arka plan ayarlarını kullanın:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka Plan Görüntü Pozisyonu: Üst Orta Arka plan görüntüsünün tekrarlanması: Tekrar yok
Alt sınır arka plan ayarları veya son olarak, ‘alt sınır’ klasöründe alt sınır görüntüsünü bulabilir ve bu bölümün arka plan ayarıyla birleştirebilirsiniz:
Arka Plan Görüntü Boyutu: Gerçek Boyut
Arka Plan Görüntü Pozisyonu: Alt Orta Takviye Görüntü Arka Plan: Tekrar yok Dahil olan sınırların her biri için yarı sayaç geniş bir genişlik kullanarak tam renkleri tamamlayın, aynı zamanda bir renk gerginliği de eklemeye karar verebilirsiniz. Bu kaplama, sınır görüntülerinin daha pürüzsüz görünmesini sağlar. Kaplama eklemek için parça ayarlarınızı açın ve degradenin arka planını sınır arka plan görüntüsünün üzerine ekleyin.
Renk 1: #ffffff
Renk 2: RGBA (255,255,255.0.36)
Gradien yönü: 141deg Degradeyi arka plan görüntüsünün üzerine yerleştirin: evet
Önizleme Şimdi tüm adımlardan geçtikten sonra, bu ücretsiz sınır görüntüsünü kullanarak elde edebileceğiniz bazı potansiyel tasarımların sonuna bakalım.
Bu yazıdaki son zihin, ücretsiz olarak indirebileceğiniz 5 farklı sınır resmi paylaştık. Bu sınır resmini, üzerinde çalıştığınız herhangi bir web sitesi için herhangi bir kısıtlama olmadan kullanabilirsiniz. Her şeyi denemenizi ve inanılmaz tasarımlar yapmanızı öneririz. Sorularınız veya önerileriniz varsa, aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun!
