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/[email protected]/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

Vue hybride

Discussions similaires

Partager

Partager