Xenforo 2 Particles Ekleme (Default Tema)

Sembolbu

Kullanıcı
xF 1 kullanıcı
Web sitesi
www.kuzeyoku.com
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

  • 6.4 KB Görüntüleme: 32
Son düzenleme:

17mart

xFanatik
xF 2 kullanıcı
Web sitesi
xenforodestek.net
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
 

Atmaca14

Banned
Yasaklı
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
 

Sembolbu

Kullanıcı
xF 1 kullanıcı
Web sitesi
www.kuzeyoku.com
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...
 

fearles1453

Kullanıcı
xF 1 kullanıcı
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 @Ugur :(
 

Ekli dosyalar

Son düzenleme:

Aydar

xFanatik
xF 2 kullanıcı
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