Un peu de style avec le mode sombre
Exclusif Premium
Débloquez votre potentiel ! ✨
Cette session fait partie de notre programme Premium exclusif
+100h de formations exclusives
+180 exercices de code avancés
+100h de mentorats en réécriture
20 projets guidés pas à pas
Mentorats groupés hebdomadaires
Support individuel avec nos mentors
Prêt à passer au niveau supérieur ?
Découvrez tous les avantages Premium et transformez votre apprentissage dès aujourd'hui!
Inscris-toi
(c'est gratuit !)
Un compte est nécessaire pour participer aux discussions.
Créer un compte00:00:00 :Dans cette partie on va commencer à rajouter un petit peu de couleurs sur notre site web grâceaux classes de Bootstrap qui nous permettent de changer la couleur. Donc dans ce cas-ci on va
00:00:09 :mettre notre classe directement sur le body ici, ce qui va avoir comme effet de changer l'entièretéde la couleur de notre page web. Donc ici on va indiquer classe, on va mettre un égal et deux
00:00:19 :guillemets ici qui sont mis automatiquement par PyCharm et à l'intérieur de cette classe ici onva indiquer la classe bg- et on va mettre un nom de couleur. Donc pour voir toutes les couleurs que
00:00:29 :vous pouvez utiliser on va retourner dans la documentation de Bootstrap et on a ici dansUtilities une page pour les couleurs. Donc on va cliquer ici sur Colors et on voit les couleurs
00:00:39 :donc par exemple qui sont disponibles pour le texte et si on descend un peu on va avoir lescouleurs pour le background. Donc là on a toutes les couleurs qu'on peut utiliser et vous voyez ici
00:00:47 :vous avez quelques exemples. Donc là c'est sur un div, nous on le met directement sur le body maison pourrait le faire bien entendu sur un div ou n'importe quelle autre tag HTML. Donc là dans la
00:00:56 :classe ici vous voyez qu'on a par exemple bg-primary pour avoir cette couleur bleue. Doncsi je reviens sur mon site web et que je reviens dans mon fichier HTML je peux mettre bg-primaryet si je reviens sur mon site et que j'actualise j'ai maintenant cette couleur bleue qui est sur
00:01:11 :l'entièreté de mon site. Si je change pour mettre par exemple danger, là attention les yeux ça vaêtre un rouge un peu flashy et moi ce qui va m'intéresser c'est le mode dark. Donc bg-dark,
00:01:22 :on en a plein d'autres qui sont intéressants par exemple info est pas mal aussi donc là c'estvraiment à vous de voir quelle couleur vous préférez dans toutes les couleurs que l'on aici. Moi je vais utiliser un genre de thème sombre donc je vais mettre cette classe ici bg-dark qui
00:01:35 :va me permettre d'avoir une interface qui va être un peu plus sombre en fait et qui je trouve estplus agréable pour les yeux et qui va aussi faire ressortir nos graphiques. Donc voilà comment très
00:01:45 :rapidement changer le style de notre site web. Donc n'hésitez pas à aller voir ici toutes lescouleurs que vous pouvez utiliser. Bien entendu vous pouvez customiser ce site web pour qu'il
00:01:52 :vous soit plus agréable à l'oeil. Si vous préférez des interfaces assez claires on pourraitici mettre light à la place. Moi ici je vais y aller avec quelque chose d'un peu plus sombre
Ce n'est pas fini...
✋
Tu as complété % du parcours 🔥
Termine l'intégralité de la formation pour pouvoir débloquer ton attestation de réussite.
