Bonjour à toutes et à tous,
 
Petite envie de graphisme je suis en train d'essayer de faire un site avec celui comme menu.
 
https://codepen.io/kjbrum/pen/VQjGvJ
 
J'ai donc crée un fichier html avec ceci comme lien pour le css et le js
 

 
Le fichier style est bien scss comme indiqué dans codepen.
 
Mes fichiers sont bien chacun dans leurs répertoires respectif.
 
L'affichage ne tient pas compte du css et le js n'en parlons pas, il ne se passe rien.
 
Merci d'avance pour votre aide.

Bonjour,
 
Je ne connais pas plus que ça ces langages, mais ce sont des langages à compiler pour obtenir des fichiers js et css. Ils ne peuvent être lus comme tels par le navigateur.

Le JS est le CSS sont passé par des compilateurs Babel pour le JS et le SCSS n'est pas nativement compris par les navigateurs, il doit être transformé en CSS.
 
Dans CodePen tu as une flèche en haut à droite : View compiled (JS ou CSS)

Bonjour à vous deux,
 
Je viens d'apprendre quelque chose.   Effectivement dès que c'est compilé, ça fonctionne nettement mieux.
 
Un grand merci pour votre aide.
 
Bonne journée.
 

Enfin quand je dis ça fonctionne mieux, c'est pour le css parce que le js pas du tout.
 
J'essaie celui ci
 
https://codepen.io/ettrics/pen/ogRaRv
 
Donc je crée un html, un css ( compilé) et un js, je mets dans le head
 

 
Et ça fonctionne pas.  Avez vous une idée ?
 
Merci

Le JS utilise la bibliothèque jQuery, il faut donc l'ajouter avant de charger ton script.

EDIT : + tu as aussi les fonts à insérer pour obtenir les icônes :

Ce qui donne par exemple sur JSfiddle avec le CSS compilé : https://jsfiddle.net/1kfjg7xd/5/

Re bonjour,
 
Ben oui mais bon ben je sais pas moi
Je ne sais pas combien d'heure j'ai passé.  Dès que je mets ces pages en place, ça fonctionne pas.
 
La seule chose que j'ai modifiée pour l'instant, c'est le début du html.
 

Ensuite c'est un copie coller de ce qui fonctionne en ligne.
 
J'ai le carré en haut à gauche mais rien ne se passe quand je clique.  J'ai également les différentes sections de couleur mais sans les textes.
 
Gloups
 
Merci d'avance

Dans ton premier message, le chemin vers tes fichiers CSS et javacript est différent.
 
Et pourquoi tu ne fais pas un codepen, cela sera plus simple pour t'aider.

Bonjour David,
 
Effectivement mais ce n'est pas le même menu.  J'en teste plusieurs et là j'ai tout mis dans le même répertoire (pensant que ça pouvait être ça le problème)
 
codepen, ben ça fonctionne sans problème mais dès que je teste sur mon pc ou en mettant les fichiers sur mon hébergement, ça fonctionne plus.

Et bien, pourquoi ne pas donner le lien de ton hébergement
Nous ne pouvons pas t'aider quand tu dis que cela ne fonctionne pas, c'est plus simple pour debuguer d'avoir un accès à une page.
 

 
Pour être ultra précis, ce n'est pas mon hébergement mais celui d'un copain qui m'a crée un sous domaine.  Je vais lui demander si je peux communiquer le lien.
 

Bonjour MaybeEijOrNot,
 
Bien entendu, ne sachant pas comment faire j'ai fouillé sur le net.
 
J'ai donc ajouté en fin de body
 

 
Ca a fait quelques améliorations, le texte s'affiche vaguement mais toujours pas le menu.
 
Voici le lien de la page http://testons.laptopdiscount.fr/camera/index.html
 
Merci

 
J'ai changé

 par  

et cela fonctionne.
 
Tu peux aussi mettre le lien de tes scripts après le body
 

Re bonjour David,
 
Merci pour ton aide.   Ca fonctionne chez moi aussi.
 
Pourrais tu me dire quelle est la différence entre ces deux codes et surtout pourquoi ça fonctionne sur codepen et pas sur l'hébergeur ?
 
Merci beaucoup.

Pour réparer le problème, j'ai mis un console.log dans la fonction init.
Rien ne s'affichait dans la console.
 
Donc, j'ai regardé la documentation de $( document ).ready()  
http://learn.jquery.com/using-jque [...] ent-ready/
 
J'ai donc employé le code recommandé.
 
 
Si le Codepen fonctionne, c'est parce que la version de jQuery n'est pas la même ( 2.1.3 vs 3.1.0 )

Merci David pour ces précisions.
 
Je vais tester tout ça demain fin de journée pour essayer de mieux comprendre.
 
Un grand merci.