JS - Système d'onglets

Image
Vous souhaitez avoir un système d'onglet comme sur votre page de profil sur skilldevice.com ? Dans ce tuto nous ferons bref, mais bien ; nous allons vous l'apprendre, alors préparez les fichiers .js parce qu'aujourd'hui on va en avoir besoin ;)

On va tout d'abord créer un fichier CSS dans le quel vous mettrez ce code :

Vous devez avoir un compte sur skilldevice.com pour pouvoir visualiser ce code.

 

C'est pour le design de nos onglets, vous pourrez les personnaliser comme vous le souhaiterez. Maintenant, on s'attaque au fichier .js, attention, si vous n'avez aucune notion en JavaScript, ne modifiez rien à ce code car vous pourriez changer une commande et ne faire plus fonctionner notre système ce qui serai bête :(

Le fichier .js :

Vous devez avoir un compte sur skilldevice.com pour pouvoir visualiser ce code.



Pour la mise en place, rien de plus simple ! Il suffit de compiler toutes vos classes CSS dans un fichier HTML comme ceci :

Vous devez avoir un compte sur skilldevice.com pour pouvoir visualiser ce code.



Voila, ce tutoriel est terminé et nous espérons vous avoir aidé pour cela ; si c'est le cas, n'hésitez pas à partager l'article sur les réseaux sociaux, et à laisser un commentaire ;)

Bon codage à tous ;)
Avatar

Passionné d'informatique et de développement web, je vous fait part de mes deux passions à travers ce site qui propose des tutoriels de programmation (HTML, CSS, PHP, JS...).
J'admire les progrès informatique depuis ces dernières années qui n'ont fait qu'augmenter de manière exponentielle.

2 Commentaires

  1. orelhardware (Premium) Il y a environ 26 mois

    Si vous avez des amélioration à proposer sur ce tuto, n'hésitez pas à me contacter en message privé sur votre profil

  2. Beignet (Premium) Il y a environ 26 mois

    Merci bien

Vous devez être connecté pour écrire un commentaire. Se connecter
Top