Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

Xenforo 2 Particles Ekleme (Default Tema)

Sembolbu

Kullanıcı
Kullanıcı
Katılım
25 Eki 2018
Mesajlar
17
Merhabalar arkadaşlar webde çok aradım çoğu yöntemide denedim fakat hiçbirinden randuman alamadım en sonunda kodları çalma usulü ele geçirdim. Site yönetimi izin vermezse konuyu silebilir :)

Foruma particles eklemek için aşağıdaki adımları takip ediniz. İşlemler default tema için geçerlidir. Diğer temalarda eklenecek yerleri kendiniz tayin edin artık...

Önizleme : Kuzey Oku | Haritacı Forumu

Not : Eğer istatistik eklentisi kullanıyorsanız sidebarın göz zevkinizi bozmaması için istatistik eklentisinin konumunu "İÇERİKLERİN ÜSTÜNDE" olarak seçmelisiniz.

İşlemlere başlamadan önce ekte bulunan dosyayı indirip içindekileri FTP ana dizindeki js klasörünün içine atın.

Öncelikle

Extra.Less Şablonuna Eklenecek.
CSS Kodları :
CSS:
#particles-js {
    width: 100%;
    position: absolute
}

@media (min-width:650px) {
    [data-template="forum_list"] #particles-js {
        height: 450px
    }
    #particles-js {
        height: 410px
    }
}

@media (max-width:650px) {
    [data-template="forum_list"] #particles-js {
        height: 460px
    }
    #particles-js {
        height: 350px
    }
}

.p-body {
    z-index: 0;
}

#footer {
    z-index: 0;
}

#particles-js {
    background: #031732;
    width: 100%;
    z-index: -1;
}

#altucgen{
    position: absolute;
    bottom: -100px;
    left: 0;
    width: 100%;
    fill: #031732
}

@media (min-width:650px) {
    #altucgen{
        height: 100px
    }
}

@media (max-width:650px) {
    #altucgen{
        display: none
    }
}

.p-title {
    color: #fff;
}

helper_js_globaj şablonuna ekleyiniz.(<!--XF:JS--> Altına Ekledim Ben)
JavaScript:
<script src="/js/particles.min.js?_v=8542e0c9"></script>
<script>particlesJS.load('particles-js', 'js/particlesjs-config.json');</script>

PAGE_CONTAİNER şablonuna ekleyiniz. (<div class="p-body"> altına eklenecek)
HTML:
<div id="particles-js">
        <svg id="altucgen" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100" preserveAspectRatio="none">
            <path d=" M0 0 L50 100 L100 0 Z"></path>
        </svg>
            <canvas class="particles-js-canvas-el"></canvas>
         </div>
 

Ekli dosyalar

  • js.zip
    6.4 KB · Görüntüleme: 81
Son düzenleme:
Merhabalar arkadaşlar webde çok aradım çoğu yöntemide denedim fakat hiçbirinden randuman alamadım en sonunda kodları çalma usulü ele geçirdim. Site yönetimi izin vermezse konuyu silebilir :)

Foruma particles eklemek için aşağıdaki adımları takip ediniz. İşlemler default tema için geçerlidir. Diğer temalarda eklenecek yerleri kendiniz tayin edin artık...

Önizleme : Kuzey Oku | Haritacı Forumu

Not : Eğer istatistik eklentisi kullanıyorsanız sidebarın göz zevkinizi bozmaması için istatistik eklentisinin konumunu "İÇERİKLERİN ÜSTÜNDE" olarak seçmelisiniz.

İşlemlere başlamadan önce ekte bulunan dosyayı indirip içindekileri FTP ana dizindeki js klasörünün içine atın.

Öncelikle

Extra.Less Şablonuna Eklenecek.
CSS Kodları :
CSS:
#particles-js {
    width: 100%;
    position: absolute
}

@media (min-width:650px) {
    [data-template="forum_list"] #particles-js {
        height: 450px
    }
    #particles-js {
        height: 410px
    }
}

@media (max-width:650px) {
    [data-template="forum_list"] #particles-js {
        height: 460px
    }
    #particles-js {
        height: 350px
    }
}

.p-body {
    z-index: 0;
}

#footer {
    z-index: 0;
}

#particles-js {
    background: #031732;
    width: 100%;
    z-index: -1;
}

#altucgen{
    position: absolute;
    bottom: -100px;
    left: 0;
    width: 100%;
    fill: #031732
}

@media (min-width:650px) {
    #altucgen{
        height: 100px
    }
}

@media (max-width:650px) {
    #altucgen{
        display: none
    }
}

.p-title {
    color: #fff;
}

helper_js_globaj şablonuna ekleyiniz.(<!--XF:JS--> Altına Ekledim Ben)
JavaScript:
<script src="/js/particles.min.js?_v=8542e0c9"></script>
<script>particlesJS.load('particles-js', 'js/particlesjs-config.json');</script>

PAGE_CONTAİNER şablonuna ekleyiniz. (<div class="p-body"> altına eklenecek)
HTML:
<div id="particles-js">
        <svg id="altucgen" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100" preserveAspectRatio="none">
            <path d=" M0 0 L50 100 L100 0 Z"></path>
        </svg>
            <canvas class="particles-js-canvas-el"></canvas>
         </div>
parçacıklar hareket etmiyor yükledim dedğin gibi
birde arka plani mavi değilde resim nasıl yüklerim acaba
 
parçacıklar hareket etmiyor yükledim dedğin gibi
birde arka plani mavi değilde resim nasıl yüklerim acaba
helper_js_globaj şablonuna ekleyiniz.(<!--XF:JS--> Altına Ekledim Ben)

<script src="/js/particles.min.js?_v=8542e0c9"></script>
<script>particlesJS.load('particles-js', 'js/particlesjs-config.json');</script>


bu kod da yanlışlık var daha doğrusu bize ana dizine atın dedi
ama kodları js klasöründen çağırıyor
o yüzden çalışmamıştır
 
helper_js_globaj şablonuna ekleyiniz.(<!--XF:JS--> Altına Ekledim Ben)

<script src="/js/particles.min.js?_v=8542e0c9"></script>
<script>particlesJS.load('particles-js', 'js/particlesjs-config.json');</script>


bu kod da yanlışlık var daha doğrusu bize ana dizine atın dedi
ama kodları js klasöründen çağırıyor
o yüzden çalışmamıştır

FTP ana dizindeki js klasörünün içine atın.

yazmışım çağırdığı yerle atın dediğim yer aynı kardeşim...
 
6163
bende bu sekıl oldu nerde yanlıslık yaptım ya istatiklerın arkası degısmıyor hocam sızın istatık sıstemıne entegre olmuyomu denedım ama yapamadım bı turlu netr0n netr0n Ugur Ugur :(
 

Ekli dosyalar

  • 1549460209088.png
    1549460209088.png
    386.5 KB · Görüntüleme: 15
Son düzenleme:
Merhabalar şimdi bunu yaptım çok güzel oldu ana ekranda Örümcek var güzel oldu ama bir konunun içine girince Örümcek nasıl gizleriz yapamadım bir türlü. :(
Yardımcı olurmsunuz.

6190

Burda olmiyacak.Örümcek


6192
 

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz.

Zevkine göre renk kombinasyonunu belirle

Gece/Gündüz modunu seç

Gece ve gündüz modlarından tarzınıza yada ihtiyaçlarınıza uygun olanı seçerek kullana bilirsiniz.

Tam ekran yada dar ekran

Temanızın gövde büyüklüğünü sevkiniz, ihtiyacınıza göre dar yada geniş olarak kulana bilirsiniz.

Izgara yada normal mod

Temanızda forum listeleme yapısını ızgara yapısında yada normal yapıda listemek için kullanabilirsiniz.

Forum arkaplan resimleri

Forum arkaplanlarına eklenmiş olan resimlerinin kontrolü senin elinde, resimleri aç/kapat

Sidebar blogunu kapat/aç

Forumun kalabalığında kurtulmak için sidebar (kenar çubuğunu) açıp/kapatarak gereksiz kalabalıklardan kurtula bilirsiniz.

Yapışkan sidebar kapat/aç

Yapışkan sidebar ile sidebar alanını daha hızlı ve verimli kullanabilirsiniz.

Radius aç/kapat

Blok köşelerinde bulunan kıvrımları kapat/aç bu şekilde tarzını yansıt.

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.