Xenforo 2 Particles Ekleme (Default Tema)

Sembolbu' Alıntı:

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>

Genişletmek için tıkla ...

17mart' Alıntı:

parçacıklar hareket etmiyor yükledim dedğin gibi
birde arka plani mavi değilde resim nasıl yüklerim acaba

Genişletmek için tıkla ...

Atmaca14' Alıntı:

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

Genişletmek için tıkla ...

Sembolbu' Alıntı:

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...

Genişletmek için tıkla ...