Andy Tran – Podcast Divi Nation, Bölüm 21 tarafından geliştirilen ücretsiz divi kodu cuplic ve repo github kaynakları
Umarım ücretsiz divi kodu snippet’ini beğenirsiniz ve Divi kod modülünden maksimum sonuçları alırsınız, çünkü kendi ön uç geliştiricimiz Andy Tran ile röportaj yapmanın yanı sıra, bugün Divi Nation bölümünde size sunduğumuz şey budur. Andry Tran Röportajı – Divi Nation 21 [PowerPress] Divi Nation’da ilk kez, zarif temalar personelinden biriyle röportaj yaptık. Umarım hepiniz Divi, Extra ve şu anda yaptığımız diğer tüm şeylerin arkasındaki tasarım ve geliştirme ekibinin bir ayrılmaz üyesi hakkında daha fazla bilgi edinmekten hoşlanırsınız. Yorumlar bölümünde Andy için sorularınızı sorduğunuzdan emin olun! Oh, ve Mario’nun topladığı tüm ücretsiz eşyaların tadını çıkarın
Divi Nation’ın (ve tüm arşivlerimizin yanı sıra) yaklaşan bölümünü kolayca izleyebileceğiniz veya dinleyebildiğinizden emin olmak istiyorsanız, lütfen zaman ayırın ve aşağıda sunduğumuz abonelik seçeneklerinden birini kullanın. YouTube kanalımıza abone olun Tüm abonelik seçenekleri:
Youtube
Facebook
iTunes
RSS aracılığıyla abone olun
Ücretsiz divi kod sesleri Andy Tran & Mario Maruffi Tarafından Aşağıdaki Snippet’ler tüm Andy tarafından yazılmıştır, böylece doğrudan Divi kod modülüne girebilirsiniz. Yararlı olduğunu düşünüyorsanız, aşağıdaki yorumlarda ona ve Mario’ya teşekkür ettiğinizden emin olun, çünkü bu hafta bu yazıda ücretsiz verebileceğimizden emin olmak için bu hafta fazladan zaman ayırırlar.
Animasyon yönlü takım ızgarası
.at-Banner {z-index: 100; Konum: Sabit; Alt: 0; Sol: 0; Ekran: -Webkit -Box; Ekran: -webkit -flex; Ekran: -ms -flexbox; Ekran: Flex; -Webkit-Box-Dign: Center; -Webkit-Edign-Wites: Merkez; -MS-Flex-Geri: Merkez; Hizalama-öğeler: merkez; -Webkit-Box-Orient: Yatay; -Webkit-Box-yönlendirme: normal; -Webkit-Flex-yönlendirme: satır; -Ms-flex-yönlendirme: satır; Esnek yönlendirme: satır; Arka plan: RGBA (41, 44, 47, 0.9); Genişlik:%100; Yükseklik: 300 piksel; Dolgu: 20px; Kutu Boyutlandırma: Sınır Kutusu; Metin-align: merkez; -Webkit-Transition: 0.3s kolaylığı; Geçiş: 0.3s kolaylığı; } .at-banner-hydden {opaklık: 0; Görünürlük: gizli; } .at-Banner__Concent {genişlik:%100; } .at-Banner__Title {Margin: 0 0 26px; Renk: #fff; yazı tipi boyutu: 2.25Rem; yazı tipi-ağırlık: 300; Hat-yükseklik: 3.625rem; } .at-banner__btn {ekran: satır içi blok; Arka plan: #3FA2F7; Border-Radius: 4px; Dolgu: 20px; Renk: #fff; Yazı tipi boyutu: 0.9375Rem; yazı tipi-ağırlık: 600; Çizgi yüksekliği: normal; Metin-align: merkez; Metin dekorasyonu: yok; Metin-Transform: büyük harf; } .at-banner__close {pozisyon: mutlak; Üst: 22px; Sağ: 22px; Dolgu: #AAA; -Webkit-Transition: 0.3s kolaylığı; Geçiş: 0.3s kolaylığı; İmleç: işaretçi; } .at-banner__close: hover {dolgu: #fff; }
Güzel bir web sitesi oluşturun. Ücretsiz. = “24” viewbox = “0 0 24 24″ xmlns = ”
http://www.w3.org/2000/svg “class =” at-banner__close “>
Yüzen Yardım Düğmesi (Sağ Alt Köşe)
Divi web siteniz için bu yüzen yardım düğmesini almak için aşağıdaki talimatları izleyin: 1. Divi Builder’ı kullanarak yeni bir sayfa oluşturun.
2. Kod modülünden oluşan bir çizgi yapın. 3. Aşağıdaki kodu kod modülüne kopyalayıp yapıştırın ve kaydet/yayınlayın.
iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABGdBTUEAA1teXP8meAAABN1JREFUaAXtmUuMVEUUhnsQGAEVwiBkUGPc6MqAD5SlwTVGo4HExA2BuNGdBuLKGBS3EkbAmLjTGBfGOOJGjTHu1BiIUfFFfBBjABegDJBA+/1jd3Pmv1X30d2DC/sk/9w6p/5z6lTd6qq6Na3WSEYj8P8egbFhdL/dbi8gzj1gE7gb3AomwbVAcgb8Do6Cz8FH4LOxsbFLPP87IfGbwIvgOGgqv+KwB9xwxXtAo6vAQXABDCrnCbAfTFyRjtDQo+AUGLacJODWeesEwReBV0qyPk3d62A72AAmwOIO9MZk2wHeAGdATl6mYuFQO0LApeBQpsXvsG8DS+o2Clfx1NHvQUqmMdaOV9ougTTy7ydaOYvtKdD3aOGr2DvBDHB5F0PfsXudIkhq2mjkbu+RBiwQax34EbhMDRSaaPrBunyJYXUuMHV3gANAU0srjHAUaKVZV+K3hvrDwGVLzqfUTpTrga82Gvlk8tiXgFdBmVyiUp27OtU4dnXC38QJbCtT/FIbTgdBFM355LTBruQ/ieSK8sfU5zqxnrpz5r+vNFmvxFk77AUL8rTzujq8qpG3ULPq/q6/P6ndZQ7q0FrnZXXIOh5E0XxOrgjYNeddvsawGWi5XAYeAN+CKJpOyd8Edq1OP0Qy5eezCccKiAvAcXPeFjmxDO+AcZX88shRGdsK4J3IrjJwd4Aov6BUHz4hbYxelLXDZjcV6vR2omz25Ls6pAcjkfI33Tp/Uqc395fxNzhPx2AXHYmjTHPsnYkGK99s+oemR/WDqFC+xfSeSpt/o7zXM/xbuN/0VqoDOs9H0dk9KzQ0DqKczZJbraus7qLprnrbdzkh1QF9jEQ5HJUByw+ ZF1VSR7 /N/ISQC843R6GC04MR9F1PM9OPFTO4BIG72VGNLTDMSJ4+R84Q61TJUYJWI/QB2MR XVWoHwdRzlc2CnuoHSDe7phBp3yIZ3Zl6yYJp68O+BRa1Q3Y9EkCz3YSjo/XUJKboseH19cU+iq2Rrmw9npDKR0/7dAXLdZUipuz4et70hHnplYhXX1EWR+VBuUn4Mb4n6I/2cBfVD9qeG5zGujG1r1NlE1RaVC+z7jPsVk0vQfyjctzsyZQeW332mvX6rG0yCy34KMPmSjLyj3m1uJ4DfCjhG+yc52k4aTD3G8gyvYic34tNP54TIDyz6B02e1lBHGPOetLbFGPMM8F2tJ1zE+Ww+7azeJ4I/ApsLN2AIjWeLuh7zPmfw59skkMJaCP8CgzKL4qZGNGR5WzRKuAeidQwlH2Gq1axXsC6Lovij6411R79/cGiD0JjoEof6CsqNNmgYPj1hipU9bVR2Un3K8Q3AzwlfwR90N/2KjNVAL4VFIbehP9bnCFBIilaXMMuDSfOh6diAvBtEdG129iF+h7dcJXq41+sD7nMbXfAf4B5OnV0wmke59UJzDP3h7oA7z2RgVXm5TWeV8qMc2Kkq88rdbLvsMioN7E1Gz49B/t2G8CJbYR6CQ53oHKsqnuLeA7LKae7KU0nJFP9ZDgW4Cu+4YtWm0G+8GmEk7ZaGgl2AdScxdzI1GMl0B/S2Uqwbo2Gl0LXgC6dGoqOtvoa63ZDmvJ1TscmZOrJKFzv648dPzVU7cHSuw6IDkN4r9ZdXf0Bcfr2ju0goxkNAKjESiOwD8N88OiY3W3TgAAAABJRU
5ERKJGGG == “Transform =” Çeviri (-11 -11) “Dolgu =” Yok “Dolgu-Hules =” EveroDD “> “> Yardım
jQuery (belge) .Ready (işlev ($) {$ (‘. Help-btn’). Help-btn__text ‘). Hayvan ({genişlik:’ geçiş ‘, opaklık:’ geçiş ‘,}, 300);};};}); Basit pop-up sermaye
Ve son olarak, bu basit açılır sermayeyi Divi web sitenizde almak için aşağıdaki talimatları izleyin: 1. Divi Builder’ı kullanarak yeni bir sayfa oluşturun.2. Kod modülünden oluşan bir çizgi yapın.3. Aşağıdaki kodu kod modülüne kopyalayıp yapıştırın ve kaydet/yayınlayın.
. Custom-Overlay {z-index: 10000; konum: sabit; üst: 0; sol: 0; yok; yok; arka plan: RGBA (0.0,0,0.8); genişlik:%100; yükseklik:%100 }. Custom-overlay.Visible {display: blok}. Custom-Modal {z-index: 15000; konum: sabit; üst:%50; sol:%50; hiçbiri; yok; arka plan: #fff; kutu-shadow: 0 0 15px RGBA (0.0,0,0,0.2); genişlik: 480px; yükseklik: 400px; dönüşüm: çeviri (%-50,-%50)}. Custom-modal.Visible {display: blok}. Özel tetikleme. {İmleç: pointer} tetik sermayesi
jQuery (belge) .Ready (function ($) {var customgger = $ (‘. ‘. Custom -tetik’), customOverlay = $ (‘. Özel -overlay’), custommodal = $ (‘. Custom-Modal’); işlev overlayRemove () {customoverlay.on (‘click’, function () {$ (this). Fadeout (300, ‘salıncak’). Removeclass (‘görünür’); custommodal. fadeout (300, ‘salıncak’). removeclass (‘görünür’);} customTigger.on (‘tıklama’, işlev (e) {e.preventDefault (); customOverlay. fadein (300, ‘salıncak’). Addclass (‘ Görünür ‘); customom Al.Fadein (300, ‘salıncak’). Addclass (‘görünür’); overlayRemove ();});}); Andy’nin yaptığı repo divi kaynakları github’da divi github kaynak repo. Buna, tüm topluluğun, makaleler, öğreticiler, kitaplar, pencere sitesi pencereleri, haberler, eklentiler, görüntüler ve diğerlerinden farklı olan her şeyin bir konumdan kolayca bulunabilmesi için katkıda bulunabilecek şekilde erişilebilmesi ve tasarlanması ücretsizdir. .
