Mini Mods - vBulletin 3.8.x particles

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

Kaynak Konu Link: https://www.sevgiforum.net/vbulletin...eme-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

PHP Code:

#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
    }
} 

[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/pa....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]

Originally Posted by 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.

Thank you dear CustUmz