Comment CODER un SITE WEB #3 - CSS
āļāļąāļ
- āđāļāļĒāđāļāļĢāđāđāļĄāļ·āđāļ 10 āļ.āļ. 2025
- ð Si vous souhaitez apprendre à crÃĐer votre site web en un temps record et sans avoir besoin de coder, je vous conseille de visionner ma vidÃĐo "Comment CrÃĐer un Site Web Professionnel avec WordPress en 1H". Cliquez sur le lien suivant :
âĒ Comment CrÃĐer un Site ...
ð Pour aller plus loin dans la crÃĐation de sites web, rejoignez ma communautÃĐ par email !
BÃĐnÃĐficiez d'astuces exclusives, participez à mes sessions Questions/RÃĐponses en live et tÃĐlÃĐchargez gratuitement mon Guide WordPress :
ð limapix.net/gu...
WordPress offre une flexibilitÃĐ exceptionnelle en matiÃĻre de codage, permettant aux utilisateurs de choisir leur niveau d'implication technique.
Pour les dÃĐbutants, il propose une interface conviviale, des thÃĻmes et des plugins prÊts à l'emploi, ÃĐliminant ainsi la nÃĐcessitÃĐ de coder.
En revanche, les dÃĐveloppeurs peuvent personnaliser et ÃĐtendre WordPress grÃĒce à PHP, CSS et JavaScript, ce qui en fait une plateforme polyvalente pour crÃĐer des sites web sur mesure. Cette adaptabilitÃĐ rÃĐpond aux besoins de chacun, des non-dÃĐveloppeurs aux programmeurs chevronnÃĐs.
Rejoignez ma communautÃĐ par email pour bÃĐnÃĐficier d'astuces exclusives, participer à mes sessions live pour des rÃĐponses en temps rÃĐel à vos questions, et en bonus, tÃĐlÃĐcharger mon Guide WordPress GRATUIT (limapix.net/guide-wordpress) ! ð
je viens de le lancer tes videos sont vraiment incroyable
ta video est tout simplement tres utile et incroyable merci
cette vidÃĐo m'a sauvÃĐ la vie ! Merci ÃĐnormÃĐment !
Tout est clair et prÃĐcis j'adore tes ÃĐpisodes!
Tu es gÃĐnial, merci.
super vidÃĐo merci beaucoup !
Tu as rÃĐpondu à ma question ð
je suis la depuis l ep 1 j adoreee
Merci beaucoup ! ð
Salut, superbe vidÃĐo ! Peut-Être que je ne suis pas encore assez avancÃĐ dans ta sÃĐrie de 6 vidÃĐos, mais est ce que dans ce code HTML il y'a une ligne de code qui rend compatible le site avec l'interface d'un smartphone ? Je ne me souviens plus comment faire, si tu peux m'ÃĐclaircir ce serait gÃĐnial !
Dans le head de ton fichier html, en gÃĐnÃĐral il faut mettre cette ligne:
Mais jette plutÃīt un oeil sur la documentation : developer.mozilla.org/fr/docs/Learn/CSS/CSS_layout/Responsive_Design
si on a plusieurs paragraphe ( ) comment on fait pour en sÃĐlectionner 1 en spÃĐcifique ?
MOHAMED du MAROC ,Vous mÃĐritez plus de LIKE merci infiniment
Super tâes vidÃĐo
Merci ! ð
Super cool et trÃĻs clair, mais comment on fait pour cibler une image à laquelle on a donnÃĐ une classe dans le css. Par exemple là dans mon css j'ai mit img {width: 250px;} mais sa prend en compte toute mes image comment je fait svo ?
Ajoute une classe aux images que tu cibles: ð
Bonjour et merci pour les tuto. J'ai une petite question, dans les , je ne comprend pas comment tu as obtenue "a class="social" ..... / class="social" ..... etc.
Pourrais tu me l'ÃĐxpliquer ?
Merci encore
salut je viens de regarder la vidÃĐo et j'ai le meme pb l'a tu rÃĐsolu?
Je comprends pas trÃĻs bien ta question. Je suppose que tu parles d'Emmet, pour taper plus vite en HTML et CSS.
Salut trÃĻs bonne vidÃĐo et trÃĻs bien expliquÃĐ, j'ai mÊme apprÃĐciÃĐ apprendre, oÃđ est-ce qu'on peut rejoindre / voir tes redif de tes lives? Merci d'avance
Merci, le mieux c'est de t'inscrire à ma liste email.
moi j'ai la derniÃĻre version de visual studio cole mais ça ne me sort pas les couleurs pour le css comment je fait stp aide moi
Tu peux installer des extensions sur Visual Studio Code pour changer la couleur de ton code. Par exemple, j'utilise le thÃĻme Atom One Dark Syntax pour colorer mon code.
J'ai sans doute mal compris ton problÃĻme. S'il s'agit de l'autoremplissage de VS Code quand tu commences à taper le code couleur, tu peux essayer de redÃĐmarrer VS Code. Un simple redÃĐmarrage de VS Code peut solutionner pas mal de problÃĻmes.
C'est quoi la diffÃĐrence entre : classe= et id= ?
Sinon super tes explications sont claires et ça c'est bien !
J'aime bien ta question, je pense que je vais faire une vidÃĐo sur ce sujet. En gros, quand tu souhaites cibler un ÃĐlÃĐment prÃĐcis et unique, tu auras plutÃīt tendance à utiliser "id". Par exemple, le header ou le footer peuvent avoir un "id" car, en gÃĐnÃĐral, il n'y a qu'un seul header et footer dans un site web. Par contre, si tu veux cibler plusieurs ÃĐlÃĐments à la fois, alors utiliser les "class" est davantage appropriÃĐ. Par exemple, si tu as une page web avec plusieurs photos avec le mÊme style (mÊme hauteur, largeur et bordure par exemple), tu peux utiliser les "class" pour cela.
Slt j'ai regarder ta vidÃĐo mais j'aimerai savoir comment on fais sous catÃĐgories comme ça lorsque on clique sur le bouton contact le cela nous redirige dans un salon on il y aura les diffÃĐrents contact
Salut, tu veux que cela redirige vers une autre page en fait ? Je ne me rappelle pas avoir fait de tutoriel là -dessus mais je pourrai le faire plus tard, pas de soucis. Merci pour ton commentaire ! ;)
Hello meme probleme , le code color ne fonctionne sur visual studio une petite aide ?
il me manquait {:p
Pareil ...
S'il s'agit de l'autoremplissage de VS Code quand tu commences à taper le code couleur, tu peux essayer de redÃĐmarrer VS Code. Un simple redÃĐmarrage de VS Code peut solutionner pas mal de problÃĻmes.
Bonjour à toi, jâai crÃĐer un document CSS pour le style de la page mais dans ÂŦ body Âŧ mon site ne prend pas en compte le ÂŦ font-family Âŧ ni le ÂŦ text-align Âŧ par contre il prend bien en compte le ÂŦ padding-top Âŧ (il nây a que le ÂŦ padding-top Âŧ qui est de couleur orange sur le logiciel)
Salut Samuel ! On peut voir ça en live si tu veux. Je fais des lives tous les dimanches soir.
tu as dÃĐcommenter le code CSS avec quel raccourcis
Salut, en gÃĐnÃĐral j'utilise Cmd + Shift + 7, mais attention ! Je suis sur Mac avec un clavier QWERTY espagnol. Mais si tu es sur VS Code, tu cliques sur Edit dans le menu en haut, et ensuite Commenter. Tu devrais voir le raccourci clavier indiquÃĐ juste à droite.
Salut peut copier le code de ton exemple et le copier dans ton code?
DÃĐsolÃĐ, j'ai pas bien compris ta question. Tu peux reformuler ?
salut j'ai une question, comment t'a fait pour mettre github twitter et likendin ? j'ai pas trop captÃĐ
Salut, merci pour ta question. Ce sont simplement des liens html avec la balise "a". En gros, tu une liste "ul" dans laquelle tu as 3 ÃĐlÃĐments de liste "li" qui sont des liens "a". Par exemple :
github
linkedin
twitter
@@limapix merciið
@@limapix comment on met un lien dans les boutons ?
coucou , si je comprend bien en gros le html c'est le squelette le css les muscles et le java le cerveau?
Hahaha to commentaire m'a fait sourire ! ð HTML: squelette de ta page. CSS: design de ta page. JAVASCRIPT: comportement de ta page.
comment fait tu pour mettre du css dans un fichier html
frÃĐro regarde la videos il explique !!
Comment on met un lien dans le bouton ?
salut,
NOM SUR LE BOUTON
Ensuite tout ce qui est habillage du bouton est trÃĻs trÃĻs bien expliquÃĐ sur la vidÃĐo, dans la partie CSS tu ÃĐcris ton selector (NOM dans l'exemple) puis tu le pimp à ta guise;
background color, border radius, color text, le padding, enlever le surlignement, le gras du texte.....
MÊme si ta question date un peu, je viens de la voir que maintenant et au cas oÃđ quelqu'un se poserait la question
hello, l'image ne s'affiche pas sur mon site web comment je puisse faire pour rÃĐgler se problÃĻme?
essaye de mettre dans le mÊme dossier l'image que le code comme ça il n'a pas a la chercher bien loin !
pourquoi mon padding ne marche pas ?
#Inscription {
color: white;
padding: 10px 12px;
}
meeeeeercciiiii
comment je fais pour crÃĐer un lien
Ce sera dans un prochain tutoriel. Mais regarde cet article avant: developer.mozilla.org/fr/docs/Apprendre/HTML/Comment/Cr%C3%A9er_un_hyperlien
Ont mÃĐlange le css et html?
Salut Jean Luc, on peut les avoir dans le mÊme fichier. Mais le mieux, c'est d'avoir un fichier CSS externe.