vBulletin 3.8.x particles

[OzgurcaN]

Demo : https://www.sevgiforum.net/?styleid=2/

Kaynak Konu Link: https://www.sevgiforum.net/vbulletin-xenforo-125/vbulletin-38x-particles-ekleme-36879.html

?ncelikle ekteki zipli dosyayı indiriniz ve JS isimli klas?r? ftp ana dizinine g?nderin.

Temanızın header templatesine en ?ste ekleyin

<div id="particles-js"></div>

Headinclude template en ?ste ekle

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

Kullandığınız temanın extra css kısmına ekleyin

#particles-js {
background: #031732;
width: auto;
background-image: url( /js/particles-bg.jpg );
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media (min-width:650px) {
[data-template="forum_list"] #particles-js {
height: 450px
}
#particles-js {
height: 410px
}
}

https://vbulletin.org/forum/attachment.php?attachmentid=157635&d=1590490384

https://vbulletin.org/forum/attachment.php?attachmentid=157636&d=1590490384

https://vbulletin.org/forum/attachment.php?attachmentid=157637&d=1590490384

[lange]

Thank you. The code works well and it is responsive (on smartphone) with my theme. The problem: it does not run above the image / logo in the header. It is outside the images in the header.

I will try to resolve this issue by searching for a solution on the web. A starting point: https://github.com/VincentGarreau/particles.js/issues/216

[OzgurcaN]

Thank you for the answer dear lange

<a href="https://www.yourdomain.net"><img src="/.....jpg" alt="your domain title" class="responsive"></a>

.responsive {
width: 100%;
height: auto;
}

[Dr.CustUmz]

Thanks for the share, we need more coders sharing. Although this is not an add-on (a product the user can install) it is a template modification. but nice share.

[OzgurcaN]

Thanks for the share, we need more coders sharing. Although this is not an add-on (a product the user can install) it is a template modification. but nice share.

Thank you dear CustUmz