Forum Fermé, retrouvez-nous sur http://world-of-codes.forum-canada.net/ ! Smile
Le Deal du moment : -40%
-40% sur le Pack Gaming Mario PDP Manette filaire + ...
Voir le deal
29.99 €

Partagez|

~ Cours de Elsa :3

Voir le sujet précédent Voir le sujet suivant Aller en bas
Aller à la page : 1, 2  Suivant
Mer 8 Fév - 14:48

Bonjour o/
Merci à celui ou celle qui prendra une éleve nul comme moi =w=
Demande de prof pour PSEUDO
Pseudo : Elsa-chan
Date d'inscription : Mercredi 8 février
Votre test : Débutante :3
Un prof en particulier ? Non o/
Vous désirez apprendre : Tout O_O
Par quoi voulez-vous commencer ? Les bases :3 et après les fiches de personnage :3 et tout x)
Autres : Merci au professeur que prendra une fille comme moi TT__TT







Au revoir :DD
Elsa-chan

Membre

Féminin Messages : 50
Date d'inscription : 06/02/2012
Age : 23
Date de naissance : 31/10/2000

Les niveaux en Codage
Niveau Templates: Débutante
Niveau HTML: Débutante
Niveau CSS: Débutante
Cours de Elsa :3 Empty
Revenir en haut Aller en bas
Mer 8 Fév - 14:59

Lets go ! o/
You are my student, now ! And, i speak french because je suis nul en anglais ._.


Alors, tu as déjà regarder des tutos ?
Kimel'

Fondatrice

Féminin Messages : 1293
Date d'inscription : 26/10/2011
Age : 27
Date de naissance : 01/08/1996

Les niveaux en Codage
Niveau Templates: Amatrice
Niveau HTML: Amatrice
Niveau CSS: Amatrice (+)
Cours de Elsa :3 Empty
http://www.cssxhtml.org/
Revenir en haut Aller en bas
Mer 8 Fév - 15:00

Merci de me prendre ! :3
Oui, j'ai déjà regarder des tuto', mais j'ai jamais rein compris.. =w=
Elsa-chan

Membre

Féminin Messages : 50
Date d'inscription : 06/02/2012
Age : 23
Date de naissance : 31/10/2000

Les niveaux en Codage
Niveau Templates: Débutante
Niveau HTML: Débutante
Niveau CSS: Débutante
Cours de Elsa :3 Empty
Revenir en haut Aller en bas
Mer 8 Fév - 15:04

Bon, bah, on va faire comme tous mes élèves ! x)
Déjà, lire le règlement : ici
Je te donne un plan qu'on va suivre ensemble. Bien sur, si tu veux qu'on arrète sur le plan et qu'on fasse autre chose (par exemple un tuto), dis le moi !

I. CSS
a. Notions essentiel + tuto
b. Sur forumactif

II. Html
a. Tableau avec tuto
b. Tableau approfondie
c. Sur forumactif


II. Les templates
a. index_body
b. index_box
c. Bonus : schéma à reproduire avec la prof

Voilà ! o/
Des questions ?
Kimel'

Fondatrice

Féminin Messages : 1293
Date d'inscription : 26/10/2011
Age : 27
Date de naissance : 01/08/1996

Les niveaux en Codage
Niveau Templates: Amatrice
Niveau HTML: Amatrice
Niveau CSS: Amatrice (+)
Cours de Elsa :3 Empty
http://www.cssxhtml.org/
Revenir en haut Aller en bas
Mer 8 Fév - 15:05

Pas de question o/
J'ai lu le règlement, dès que j'ai eus mon niveau o/
Elsa-chan

Membre

Féminin Messages : 50
Date d'inscription : 06/02/2012
Age : 23
Date de naissance : 31/10/2000

Les niveaux en Codage
Niveau Templates: Débutante
Niveau HTML: Débutante
Niveau CSS: Débutante
Cours de Elsa :3 Empty
Revenir en haut Aller en bas
Mer 8 Fév - 15:06

Okay ! On peut commencer ! o/

(je copie mon cours des autres cours, ça te dérange pas, j'espère ? é_è)

Alors, tout d'abord, tu dois savoir ce que c'est et à quoi sert le css.
En gros, le css sert à décorer tout code ! A mettre un fond, une bordure, une ombre et tout plein de chose comme ça !
Le must serait de mettre tout le css dans la feuille de style css qui est présente dans Affichage >Images et couleurs>Couleurs , pour bien différencier html et css.
Lexique
Voici le lexique où tu trouveras un peu près toute sorte de css, avec les explications qui vont t'aider ! Lis bien tout ! Car après je te donne un petit exercice ! ^^
Kimel'

Fondatrice

Féminin Messages : 1293
Date d'inscription : 26/10/2011
Age : 27
Date de naissance : 01/08/1996

Les niveaux en Codage
Niveau Templates: Amatrice
Niveau HTML: Amatrice
Niveau CSS: Amatrice (+)
Cours de Elsa :3 Empty
http://www.cssxhtml.org/
Revenir en haut Aller en bas
Mer 8 Fév - 17:55

Faut-il que je crée un forum test, pour les exercices ou non ? :O
Je pense que tu peux donner les Exercices ^w^
Elsa-chan

Membre

Féminin Messages : 50
Date d'inscription : 06/02/2012
Age : 23
Date de naissance : 31/10/2000

Les niveaux en Codage
Niveau Templates: Débutante
Niveau HTML: Débutante
Niveau CSS: Débutante
Cours de Elsa :3 Empty
Revenir en haut Aller en bas
Sam 11 Fév - 13:23

Non, tu n'es pas obligé d'avoir un forum test pour ce exercice, ni pour les autres ! Si tu as un bloc note, ça suffit ! ^^

Bon, pour ton exercice, tu vas me donner le css qui correspond :
Couleur de fond :
Bordure :
Ombre de texte :
Bordure blanche gauche :
Espace à l’intérieur :
Espace à l'extérieur :
Image de fond répété :
Largeur de 150px :

Voilà ! ^^
Allez, tu vas me faire du bbcode et me mettre ton code en hide ! x)

Kimel'

Fondatrice

Féminin Messages : 1293
Date d'inscription : 26/10/2011
Age : 27
Date de naissance : 01/08/1996

Les niveaux en Codage
Niveau Templates: Amatrice
Niveau HTML: Amatrice
Niveau CSS: Amatrice (+)
Cours de Elsa :3 Empty
http://www.cssxhtml.org/
Revenir en haut Aller en bas
Mar 14 Fév - 9:03

Coucou o/
Voilà { je ne suis pas trop sûr de mes réponse =w=}
Couleur de fond :
Bordure :
Ombre de texte :
Bordure blanche gauche :
Espace à l’intérieur : Pas trouvé :S
Espace à l'extérieur : Pas trouvé :S
Image de fond répété :
Largeur de 150px : =pas trouvé =w=

Désolé i j'ai tout fauxx >w<
Elsa-chan

Membre

Féminin Messages : 50
Date d'inscription : 06/02/2012
Age : 23
Date de naissance : 31/10/2000

Les niveaux en Codage
Niveau Templates: Débutante
Niveau HTML: Débutante
Niveau CSS: Débutante
Cours de Elsa :3 Empty
Revenir en haut Aller en bas
Sam 18 Fév - 17:02

Okay ! Bon, je vais tout reprendre avec toi ! (:



Voilà ! o/
Kimel'

Fondatrice

Féminin Messages : 1293
Date d'inscription : 26/10/2011
Age : 27
Date de naissance : 01/08/1996

Les niveaux en Codage
Niveau Templates: Amatrice
Niveau HTML: Amatrice
Niveau CSS: Amatrice (+)
Cours de Elsa :3 Empty
http://www.cssxhtml.org/
Revenir en haut Aller en bas
Sam 18 Fév - 17:11

Coucou :3
Je pense avoir compris :}
Elsa-chan

Membre

Féminin Messages : 50
Date d'inscription : 06/02/2012
Age : 23
Date de naissance : 31/10/2000

Les niveaux en Codage
Niveau Templates: Débutante
Niveau HTML: Débutante
Niveau CSS: Débutante
Cours de Elsa :3 Empty
Revenir en haut Aller en bas
Mar 21 Fév - 16:03

Okay ! (:
Maintenant, est-ce que ça t’intéresse le css sur forumactif ?
Kimel'

Fondatrice

Féminin Messages : 1293
Date d'inscription : 26/10/2011
Age : 27
Date de naissance : 01/08/1996

Les niveaux en Codage
Niveau Templates: Amatrice
Niveau HTML: Amatrice
Niveau CSS: Amatrice (+)
Cours de Elsa :3 Empty
http://www.cssxhtml.org/
Revenir en haut Aller en bas
Mer 22 Fév - 11:47

Oui :3
Elsa-chan

Membre

Féminin Messages : 50
Date d'inscription : 06/02/2012
Age : 23
Date de naissance : 31/10/2000

Les niveaux en Codage
Niveau Templates: Débutante
Niveau HTML: Débutante
Niveau CSS: Débutante
Cours de Elsa :3 Empty
Revenir en haut Aller en bas
Mer 22 Fév - 14:10

Il y a beaucoup de chose à dire, alors je préfère y allait doucement !

Alors, on va commencer avec les liens !
Tout abord, va dans Affichage > Images et couleurs > Couleurs > Feuille de style CSS !

Pour changer la couleur du lien, tu devras utiliser a { ... } ou tout simplement dans couleurs .. Mais dans le css et si tu veux mettre une ombre par exemple !

Donc, si tu veux changer les liens, tu utilises :
Code:
a {
color : white;
}
Et si tu veux changer la couleur lorsque tu passes la souris sur le lien :
Code:

a:hover {
color: black;
}


Des questions ?
Kimel'

Fondatrice

Féminin Messages : 1293
Date d'inscription : 26/10/2011
Age : 27
Date de naissance : 01/08/1996

Les niveaux en Codage
Niveau Templates: Amatrice
Niveau HTML: Amatrice
Niveau CSS: Amatrice (+)
Cours de Elsa :3 Empty
http://www.cssxhtml.org/
Revenir en haut Aller en bas
Mer 22 Fév - 14:11

Pas de questions { pour le moment o/}
Elsa-chan

Membre

Féminin Messages : 50
Date d'inscription : 06/02/2012
Age : 23
Date de naissance : 31/10/2000

Les niveaux en Codage
Niveau Templates: Débutante
Niveau HTML: Débutante
Niveau CSS: Débutante
Cours de Elsa :3 Empty
Revenir en haut Aller en bas
Mer 22 Fév - 14:20

Ok !^^
Alors, pour changer les liens de navigation, tu utilises a.mainmenu !

Tiens, en bonus ! Pour enlever le petit carré qui est à coté des liens (ici, on a oublié d'enlever .. ), tu mets :

Si ça peut servir ! x)

Ensuite, on va s'occuper des liens des forums ! Tu utilises a.forumlink !


Après, en allant dans "Voir le CSS de base de votre forum", tu trouveras plein d'autre lien à modifier, mais je ne les connais pas tous ! ^^

Ensuite pour les changer les codes, spoiler et citation, tu peux aller voir ce tutoriel et pour changer l'italique, gras et souligné, c'est ici !

Je te montre les bordures et ensuite, je fais une pause ! x)

Alors, pour les contours, tu as le .forumline et le .bodyline !
Le .forumline est le contour des forum (tu aurais pu deviner je pense..) et le .bodyline, le contour qu'il n'y a pas ici .. Je ne sais pas si tu vois de quoi je parle, là ... =s



Voilà ! (:
Je te conseille d'essayer les codes que j'ai fais sur un forum test ! o/
Kimel'

Fondatrice

Féminin Messages : 1293
Date d'inscription : 26/10/2011
Age : 27
Date de naissance : 01/08/1996

Les niveaux en Codage
Niveau Templates: Amatrice
Niveau HTML: Amatrice
Niveau CSS: Amatrice (+)
Cours de Elsa :3 Empty
http://www.cssxhtml.org/
Revenir en haut Aller en bas
Mer 22 Fév - 16:30

Je ne voie pas, enfin il n'y à pas plus les 2 tutoriels que tu as mis ! :O
Elsa-chan

Membre

Féminin Messages : 50
Date d'inscription : 06/02/2012
Age : 23
Date de naissance : 31/10/2000

Les niveaux en Codage
Niveau Templates: Débutante
Niveau HTML: Débutante
Niveau CSS: Débutante
Cours de Elsa :3 Empty
Revenir en haut Aller en bas
Mer 22 Fév - 17:08

Tu ne vois pas ce que j'ai écris ? o_ô
Kimel'

Fondatrice

Féminin Messages : 1293
Date d'inscription : 26/10/2011
Age : 27
Date de naissance : 01/08/1996

Les niveaux en Codage
Niveau Templates: Amatrice
Niveau HTML: Amatrice
Niveau CSS: Amatrice (+)
Cours de Elsa :3 Empty
http://www.cssxhtml.org/
Revenir en haut Aller en bas
Mer 22 Fév - 18:07

Elsa-chan

Membre

Féminin Messages : 50
Date d'inscription : 06/02/2012
Age : 23
Date de naissance : 31/10/2000

Les niveaux en Codage
Niveau Templates: Débutante
Niveau HTML: Débutante
Niveau CSS: Débutante
Cours de Elsa :3 Empty
Revenir en haut Aller en bas
Mer 22 Fév - 18:08

Ah ! x)
Il faut que tu postes pour voir les tutoriels ! (:
Kimel'

Fondatrice

Féminin Messages : 1293
Date d'inscription : 26/10/2011
Age : 27
Date de naissance : 01/08/1996

Les niveaux en Codage
Niveau Templates: Amatrice
Niveau HTML: Amatrice
Niveau CSS: Amatrice (+)
Cours de Elsa :3 Empty
http://www.cssxhtml.org/
Revenir en haut Aller en bas
Mer 22 Fév - 18:13

Ah ok merci o/
Sinon, j'ai compris Smile
Elsa-chan

Membre

Féminin Messages : 50
Date d'inscription : 06/02/2012
Age : 23
Date de naissance : 31/10/2000

Les niveaux en Codage
Niveau Templates: Débutante
Niveau HTML: Débutante
Niveau CSS: Débutante
Cours de Elsa :3 Empty
Revenir en haut Aller en bas
Ven 24 Fév - 20:41

Et bien, j'dirais qu'on peut s'arrêter là ! x)
Il y en existe tellement aussi ! é_è

Bon, revoyions tout ce qu'on a appris : enfaites, le css est trop large pour tout capituler ..


Mais tu peux me dire à quoi sert le css ? Ensuite, on passe à quelque chose de beaucoup plus intéressant ! ^^
Kimel'

Fondatrice

Féminin Messages : 1293
Date d'inscription : 26/10/2011
Age : 27
Date de naissance : 01/08/1996

Les niveaux en Codage
Niveau Templates: Amatrice
Niveau HTML: Amatrice
Niveau CSS: Amatrice (+)
Cours de Elsa :3 Empty
http://www.cssxhtml.org/
Revenir en haut Aller en bas
Sam 25 Fév - 9:01

Le CSS sert à décorer les codes du forums, où à mettre des bordures, des ombres ou autres choses =3
Elsa-chan

Membre

Féminin Messages : 50
Date d'inscription : 06/02/2012
Age : 23
Date de naissance : 31/10/2000

Les niveaux en Codage
Niveau Templates: Débutante
Niveau HTML: Débutante
Niveau CSS: Débutante
Cours de Elsa :3 Empty
Revenir en haut Aller en bas
Ven 2 Mar - 10:47

Voilà ! C'est pas compliqué de faire la diffèrence entre le HTML et le CSS ! x)

Maintenant, nous allons enfin attaquer le html ! Hourra ! o/

Mais tout abord un peu de lecture ! x)
Les règles du HTML
Lis tout bien, et après tu regardes Les tableaux !

Bonne lecture ! (:
Kimel'

Fondatrice

Féminin Messages : 1293
Date d'inscription : 26/10/2011
Age : 27
Date de naissance : 01/08/1996

Les niveaux en Codage
Niveau Templates: Amatrice
Niveau HTML: Amatrice
Niveau CSS: Amatrice (+)
Cours de Elsa :3 Empty
http://www.cssxhtml.org/
Revenir en haut Aller en bas
Dim 4 Mar - 10:54

Voilà c'est lu o/
Elsa-chan

Membre

Féminin Messages : 50
Date d'inscription : 06/02/2012
Age : 23
Date de naissance : 31/10/2000

Les niveaux en Codage
Niveau Templates: Débutante
Niveau HTML: Débutante
Niveau CSS: Débutante
Cours de Elsa :3 Empty
Revenir en haut Aller en bas

Revenir en haut Aller en bas

Cours de Elsa :3

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 2Aller à la page : 1, 2  Suivant
Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Css-Html :: Aide aux Codages :: Kimel'-