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ı :
helper_js_globaj şablonuna ekleyiniz.(<!--XF:JS--> Altına Ekledim Ben)
PAGE_CONTAİNER şablonuna ekleyiniz. (<div class="p-body"> altına eklenecek)
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
Son düzenleme: