Divi için 5 ÜCRETSİZ Sınır Resmini İndirin
Yayınlanan: 2018-10-01Kendiniz veya bir müşteriniz için yeni bir web sitesi oluştururken kullanabileceğiniz ekstra kaynaklara sahip olmak her zaman harikadır. Bu yüzden her hafta yeni yerleşim paketleri almanızı sağlıyoruz. Ancak, "sınır resimleri" veya Divi tasarım öğesinin bir tarafında veya diğerinde kullanabileceğiniz, stilistik bir güzellik eklemek için kullanabileceğiniz resimler gibi kullanışlı olabilecek başka kaynaklar da vardır. Divi'nin yerleşik seçeneklerini bu kenarlık görüntüleriyle birlikte kullanmak çarpıcı sonuçlar getirebilir. Bu gönderide size aşağıdan ücretsiz olarak indirebileceğiniz 5 farklı sınır resmi sağladık. Bu sınır resimlerini nasıl kendi avantajınıza kullanabileceğinizi ve çarpıcı bir sonuç elde edebileceğinizi açıklayacağız.
Hadi hadi bakalım!
Ön izleme
Bu yazının devamında indirebileceğiniz farklı kenarlık resimlerine bir göz atalım. Şekillerin her biri için 4 versiyon bulacaksınız: üst, alt, sol ve sağ. Bu resimler, aşağıdaki ilk dört resimde gösterilenle aynı sonucu elde etmenizi sağlayacaktır:
Görüntü Dosyalarını ÜCRETSİZ İndirin
Ücretsiz kenarlık resimlerine sahip olmak için önce aşağıdaki düğmeyi kullanarak indirmeniz gerekir. İndirmeye erişmek için aşağıdaki formu kullanarak Divi Daily e-posta listemize abone olmanız gerekir. Yeni bir abone olarak, her Pazartesi daha da fazla Divi iyiliği ve ücretsiz bir Divi Düzen paketi alacaksınız! Zaten listedeyseniz, aşağıya e-posta adresinizi girin ve indir'i tıklayın. "Yeniden abone olmayacaksınız" veya fazladan e-posta almayacaksınız.
Ücretsiz İndir
Divi Bültenine katılın ve size nihai Divi Açılış Sayfası Düzen Paketinin bir kopyasını ve ayrıca tonlarca başka şaşırtıcı ve ücretsiz Divi kaynağı, ipucu ve püf noktası e-posta ile gönderelim. Takip edin ve kısa sürede bir Divi ustası olacaksınız. Zaten aboneyseniz, e-posta adresinizi aşağıya yazın ve düzen paketine erişmek için indir'i tıklayın.
Başarıyla abone oldunuz. Aboneliğinizi onaylamak ve haftalık ücretsiz Divi düzen paketlerine erişmek için lütfen e-posta adresinizi kontrol edin!
Yaklaşmak
- 5 kenarlık görüntüsünün tümünü içeren klasörü indirip açtığınızda, 4 alt klasör bulacaksınız: üst kenarlık, alt kenarlık, sol kenarlık ve sağ kenarlık
- Bu, kullanabileceğiniz toplam 20 resim dosyası olduğu anlamına gelir.
- Bu gönderide daha sonra, kenarlık kenarlarının her biriyle eşleşen ilgili ayarları bulacaksınız.
- Üstüne üstlük, kenarlık görüntülerini degrade kaplamalarla birleştirebilirsiniz.
- Bu renk bindirmeleri, görüntülerin istediğiniz kadar canlı veya ince görünmesini sağlamanıza yardımcı olur.
- Bu sınır görsellerini ticari amaçlarla dahi herhangi bir kısıtlama olmaksızın kullanmakta özgürsünüz.
Genel Tasarımın Oluşturulması
Yeni Bölüm Ekle
aralık
Kenarlık resimlerini sergilemek için kullandığımız genel tasarımı oluşturarak başlayalım. Yeni veya mevcut bir sayfa açın, yeni bir normal bölüm ekleyin ve bazı özel dolgular ekleyin:
- Üst Dolgu: 300px
- Alt Dolgu: 300px
Yeni Satır Ekle
Sütun Yapısı
Aşağıdaki sütun yapısını kullanarak bölümünüze yeni bir satır ekleyerek devam edin:
boyutlandırma
Henüz herhangi bir modül eklemeden satır ayarlarını açın, Boyutlandırma ayarlarına gidin ve satırı tam genişlikte yapın.
- Bu Satırı Tam Genişlikte Yap: Evet
Sütun 1'e Başlık Metin Modülü Ekle
H2 İçerik Kutusu Ekle
Bazı modüller eklemeye başlayalım! İhtiyaç duyulan ilk modül bir Metin Modülüdür. İlk sütuna bir tane ekleyin ve tercih ettiğiniz H2 kopyanızı içerik kutusuna ekleyin.
Başlık Metni Ayarları
Ardından 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)
aralık
Bu Metin Modülünün üstüne biraz kenar boşluğu ekleyerek devam edin.
- Üst Kenar Boşluğu: 150 piksel
Sütun 1'e Bağlantı Metni Modülü Ekle
İçerik Kutusuna Bağlantı Ekle
Yeni eklediğiniz Metin Modülü başlığının hemen altında, 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ı Metni Ayarları
Ardından, Tasarım sekmesindeki bağlantı metni ayarlarını değiştirin.
- Bağlantı Yazı Tipi Ağırlığı: Ultra Kalın
- Bağlantı Yazı Tipi Stili: Büyük Harf
- Bağlantı Metni Rengi: #000000
- Bağlantı Metni Boyutu: 21px
aralık
Bu Metin Modülü ile önceki modül arasında boşluk oluşturmak için biraz üst kenar boşluğu ekleyin.
- Üst Kenar Boşluğu: 100 piksel
Sınır
Son olarak, Metin Modülü bağlantısına ince bir alt kenarlık ekleyin.
- Alt Kenar Genişliği: 1px
- Alt Kenarlık Rengi: #333333
Sütun 2'ye Açıklama Metni Modülü Ekle
Metin Ayarları
İkinci sütun için yalnızca bir Metin Modülü açıklaması gerekir. İçerik kutusuna içerik ekledikten sonra aşağıdaki metin ayarlarını uygulayın:
- Metin Boyutu: 22px (Masaüstü), 20px (Tablet), 18px (Telefon)
- Metin Satır Yüksekliği: 2.6em
- Metin Yönü: Yasla
boyutlandırma
Boyutlandırma ayarlarının farklı ekran boyutlarıyla da eşleşmesini sağlayın:
- Genişlik: %82 (Masaüstü), %100 (Tablet ve Telefon)
aralık
Ve son olarak, biraz üst ve alt kenar boşluğu ekleyin.
- Üst Kenar Boşluğu: 100 piksel
- Alt Kenar Boşluğu: 100 piksel
Kenarlık Şekillerini Ekleme
Sol Kenarlık Arka Plan Ayarları
Artık genel tasarımı tamamladığımıza göre, kenarlık resimlerini eklemeye başlayabiliriz! Sol sınır tarafı ile başlayacağız. 'Sol Kenarlık' klasöründe tercih ettiğiniz kenarlık resmini bulun ve onu bölüm arka plan resmi olarak yükleyin. Ardından, aşağıdaki arka plan görüntüsü ayarlarını uygulayın:
- Arka Plan Resmi Boyutu: Gerçek Boyut
- Arka Plan Resmi Konumu: Orta Sol
- Arka Plan Resmi Tekrarı: Tekrar Yok
Sağ Kenar Arka Plan Ayarları
Veya 'Sağ Kenarlık' klasöründe istediğiniz kenarlık resmini bulabilir ve aşağıdaki ayarları kullanarak onu bölüm arka planı olarak ekleyebilirsiniz:
- Arka Plan Resmi Boyutu: Gerçek Boyut
- Arka Plan Resmi Konumu: Orta Sağ
- Arka Plan Resmi Tekrarı: Tekrar Yok
Üst Kenarlık Arka Planı Ayarları
Aynı şey üst kenarlık resmi için de geçerlidir, ancak bunun yerine aşağıdaki arka plan ayarlarını kullanın:
- Arka Plan Resmi Boyutu: Gerçek Boyut
- Arka Plan Resmi Konumu: Üst Merkez
- Arka Plan Resmi Tekrarı: Tekrar Yok
Alt Kenarlık Arka Plan Ayarları
Veya son olarak, en az değil, alt kenarlık resimlerini 'Bottom Border' klasöründe bulabilir ve bu bölüm arka plan ayarlarıyla birleştirebilirsiniz:
- Arka Plan Resmi Boyutu: Gerçek Boyut
- Arka Plan Resmi Konumu: Alt Orta
- Arka Plan Resmi Tekrarı: Tekrar Yok
Yarı Saydam Kaplama Kullanarak Renkleri Karıştırın
Dahil edilen kenarlık şekillerinin her biri için bir renk katmanı eklemeye de karar verebilirsiniz. Bu kaplama, kenarlık görüntülerinin daha ince görünmesini sağlamanıza yardımcı olur. Kaplama eklemek için bölüm ayarlarınıza gidin ve kenarlık arka plan görüntüsünün üstüne degrade bir arka plan ekleyin.
- Renk 1: #ffffff
- Renk 2: rgba(255,255,255,0.36)
- Gradyan Yönü: 141deg
- Gradyanı Arka Plan Resminin Üstüne Yerleştir: Evet
Ön izleme
Tüm adımların üzerinden geçtik, şimdi bu ücretsiz kenarlık resimlerini kullanarak elde edebileceğiniz bazı potansiyel tasarımlara son bir göz atalım.
Son düşünceler
Bu gönderide ücretsiz olarak indirebileceğiniz 5 farklı bordür görseli paylaştık. Bu kenarlık resimlerini, üzerinde çalıştığınız herhangi bir web sitesi için herhangi bir kısıtlama olmaksızın kullanabilirsiniz. Hepsini denemenizi ve çarpıcı tasarımlar yaratmanızı öneririz. Herhangi bir sorunuz veya öneriniz varsa, aşağıdaki yorum bölümüne bir yorum bıraktığınızdan emin olun!