Intégrer un script "particules" dans mon header

**LeBaron02** · 09/02/2020, 04h07

Bonjour,
Donc enfaite j'aimerais mettre des particules dans ma topbar comme sur ce site : https://www.celestiam.fr/shop
hors je ne sais pas d'ou vient mon erreur :/

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<body>
 
    <!-- Particles -->
    <div id="particles-js" id="background"></div>
 
    <script src="src/part/particles.js"></script>
    <script src="src/part/app.js"></script>
    <script src="src/part/particles.min.js"></script>
    <!-- Particles -->

j'ai fait ça, sur une page blanche ça marche mais sur le header ça ne marche pas..
j'ai une class qui se nomme "header" et j'aimerais pouvoir appliqué le particule dans cette classe hors je ne connais
pas la formule..

voici mon code au complet :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html>
 
<!-- head -->
<head>
    <meta charset="utf-8">
    <title>My portfolio</title>
 
    <!-- CSS-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.8.0/css/bulma.min.css">
    <link rel="stylesheet" href="src/css/main.css">
    <!-- CSS-->
 
    <!-- FONT -->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:700&display=swap" rel="stylesheet"> 
    <script src="https://kit.fontawesome.com/35ec9e22f4.js" crossorigin="anonymous"></script>
    <!-- FONT -->
</head>
<!-- head -->
 
<!-- body -->
<body>
 
    <!-- Particles -->
    <div id="particles-js" id="background"></div>
 
    <script src="src/part/particles.js"></script>
    <script src="src/part/app.js"></script>
    <script src="src/part/particles.min.js"></script>
    <!-- Particles -->
 
    <!-- header -->
    <div class="block">
        <header class="header">
            <a href="#" class="header-logo">My portfolio</a>
            <nav class="header-menu">
                <a href="#"><i class="fas fa-home"></i> Acceuil</a>
                <a href="#"><i class="far fa-question-circle"></i> A propos</a>
                <a href="#"><i class="fas fa-align-justify"></i> Mes travaux</a>
                <a href="#"><i class="fas fa-envelope"></i> Contact</a>
            </nav>
        </header>
    </div>
 
    <!-- header -->
 
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
        <script src="src/js/main.js"></script>
</body>
<!-- body -->
</html>

merci

**AdmChiMay** · 09/02/2020, 18h20

Je dirai que ça sent le script à plein nez.

Quand tu as un doute, tu fais "clic droit", puis tu cherches la ligne "Examiner l'élément" (en tous cas sous FF ou IE).

Tu le fais sur la page que tu cites.
Et là, paf ! -> <script type="text/javascript" src="/theme/Justice/js/particles.min.js?1578845915"></script>Il y a bien un script à inclure…

**LeBaron02** · 09/02/2020, 21h09

ou suis-je censé mettre ce script ?
Et cela va t'il reglé mon probleme ?

**AdmChiMay** · 10/02/2020, 18h59

Je pense qu'au vu de ta question, non, cela ne va pas régler ton problème.
Tu peux t'inspirer de la page que tu as pointé : comment est-ce inséré ? comment est-ce invoqué/démarré ? Es-tu allé voir sur la page web de cet utilitaire ? Maîtrises-tu un minimum le javascript ?

Il va falloir que tu saches écrire du js, et en plus savoir le "déclencher".
Tu ferais mieux de poster (ou demander à déplacer le post) dans Javascript > Général Javascript ou Javascript > Bibliothèques & Frameworks.

Intégrer un script "particules" dans mon header

JavaScript

Discussions similaires

Partager

Partager