Coucou ! ^^

Désolé de l'attente ! >.<

Je suis ta nouvelle prof ! Faisons de notre mieux ensemble pour t'apprendre le codage ! o/


(faut que je fasse le règlement de ma classe ... ¬¬)

Ce n'est rien. ^^
Merci de m'avoir prise. =]

(Fais le, marche ! Cours ! Vole ! o/ *Sort*)

(Yatta ! Je l'ai fais ! o/)

Donc, avant toute chose, tu as déjà essayé de regarder un tuto ? As-tu compris certaine chose ?

Des tutos d'ici, je n'ai pas encore regardé. ^^' *Patapé x_x*
Mais j'ai quelques notions mais c'est quasiment rien. Je sais qu'il y a différents type de balise inline et block il me semble.
Je connais certaine propriétés CSS quand on les applique dans la balise DIV et...c'est tout. *Débutante ;w;*

Hum... On va prendre le même plan que mes autres élèves ! (:


Si tu as des remarques ou des questions, n'hésite pas !
Si tu veux faire une pause sur le programme et faire autre chose, tu peux me le dire ! ^^

C'est tout bon pour moi. ^^
On commence quand ? \o/

C'est partie ! 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 ! ^^

J'ai enfin pu tout lire, j'attends l'exercice. =D -Désolée pour le retard -

Je te donne le même exercice que petite folle !
Tu dois seulement me donner le css !

Tu dois par exemple créer un bloc avec ça :
- un fond unis
- une bordure haut et bas en pointillé rouge, et les deux autres côtés, "normal" en blanc
- le texte ne doit pas toucher les bords
- le texte doit être de couleur noir
- il doit y avoir une ombre au texte ET au bloc

J'aimerais que tu mettes ton code entre hide, s'il te plait !

Bonne chance ! o/

Je savais pas du tout comment faire j'ai fait comme je le sentais. >< *Et j'ai pas mis certaines propriétés, je les ai pas trouvé ._.* Pour les espaces je voulais mettre pading mais...je l'ai pas fait. Ni pour tout le bloc une ombre. ^^"

Bref, désolée pour le retard, j'essaierai de poster au moins une fois par semaine, ce qui n'est pas facile avec les cours. ._.

Je comprend, ne t'inquiète ! ^^ Les cours avant tout!

Alors ! Déjà, il y a des fautes ! Dès le départ ! C'est bien qu'il ait des fautes ! Tu comprendras plus vite comme ça !

Alors, déjà, dans le titre de ton css



Je pense que c'est tout ce que j'ai à dire sur ce que tu as fais ...
Des questions ?

Ah mince, pour le point je le savais j'ai du le zapper en le copiant collant de mon logiciel. x_x"
Pour le padding en fait je voulais le mettre mais au final je me suis dit "Non, je vais pas le faire" *Wi c'est bizarre xD* Du coup bah...je l'ai pas mis.

Pour le texte et les bordures j'ai compris j'ai une question concernant le background.
Quand on veut accumuler plusieurs propriétés on fait comment ? Je veux dire à chaque fois on ajoute "bakground-truc" ?

C'est tout ce que j'avais comme question, encore merci d'être mon prof. x3

Pour le background (ou pour d'autre chose, comme ... Hum...non, enfaites il n'y a que le background ! xD), tu peux, comme je t'ai dis lui ajouter plusieurs propriétés ! Au lieu d'écrire un pâté incompréhensible, je te donne un exemple qu'on peut faire :



Tu as compris ? :3

Ah ! *Tilt*
Okey, j'ai compris ! En fait, il faut faire une autre class pour chaque "partie". *Je sais pas si je suis compréhensible mais, j'ai compris*

C'est quoi la suite ? ^o^

Cool ! ^^

Bon, la suite !
On va regarder le css qui peut être utile sur Forumactif !
Ca t'interresse ou pas ?? J'voudrais pas faire un cours sur quelque chose qui te survirera à rien ! x)
Et si tu as déjà des connaissances, dis le moi !

Alors le CSS sur forumactif oui ça m'intéresse ! *_*
Et aucune connaissance, désolée. éwè

Oki ! ^^

Il y a beaucoup de chose à dire, alors je préfère y allait doucement ! Vu que je suis entrain de faire un thème libre, je "réapprend" le css de forumactif ! x)

Alors, on va 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 ?

a{...} c'est pour le lien non survolé en fait ? Si c'est ça j'ai compris. x)

Oui, c'est ça !
Restons avec le a mais pour les liens de navigation !

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/

Je test tout ça d'ici la semaine prochaine, je suis désolée pour le retard mais il y a la semaine du bac blanc - pendant cette période j'ai des devoirs communs - et elle n'est pas finie. Du coup je répondrais dès que je serais en vacances. ;w;
Désolée. ._.

Ne t'inquiète pas ! ^^
Prends le temps qu'il faut et bon courage pour ces devoirs communs ! o/ (moi aussi, j'ai en passé =_=)

Voila voila, je suis en vacances. =D Merci d'avoir attendue. ;w;

Pour les codes j'ai tout tester et...j'adore ! *_*' Je m'étais juste posé une question pour le border-radius mais je suis allée voir dans le lexique pour comprendre qu'en fait ça arrondissait tout et pas qu'un seul bord. xD *Je suis baka quand je veux u_u"*

Bref, on peut continuer. =3

Et bien, avec le border-radius, tu peux l'utiliser de cette manière :

Code:

arrondis {
border-radius : 20px /*arrondis haut gauche*/ 20px /*arrondis haut droit*/ 0px /*arrondis bas gauche*/ 0px/*arrondi bas droit*/
}

Avant de commencer le html, peux-tu me dire à quoi sert le HTML ?

Le HTML sert à mettre les "bases" non ? =o
Enfin comment dire le structurer. Mettre des colonnes, des titres etc...
*Du moins c'est ce que je pense*
Contrairement au CSS qui sert à le rendre plus joli.