Classe d'As

*Entre dans la salle de cours, poupée en main*


*S'installe à son bureau et vérifie sa liste*



*Est à deux doigts de pleurnicher*


*Se prépare pour le cours*

*sort le fouet et sa règle en fer*

C'est très bien tout ça. Même si les codes sont pas de toi les comprends-tu ?

Je comprend 3 choses en codage : Les couleurs, le défilement et revenir à la ligne. xD Après le reste est un peu incompréhensible :3

Déjà une belle avancée qui est très importante. Tu sais faire la différence entre le HTML et le CSS ?

Non, pour moi c'est la même chose. :3

Alors un code CSS se trouvera toujours dans une feuille de style. Tandis qu'un code HTML peut-être placé n'importe où.
Exemple code CSS :
.table
{
background-color: #CCCCCC;
}

Code HTML:

Code:

<div class="table">Contenu</div>

Un code CSS aura toujours des { et } alors que le HTML aura toujours des < et >

Donc si on prend mon exemple et que j'applique cela dans la description de catégorie de forum on aura un fond gris.


As-tu compris comment créer en même temps du hmtl et du CSS ?
As-tu compris comment insérer du CSS pour donner une apparence au code HTML ?

Si oui, voici un ptit exercice :
Tu me met une div dans description de forum de catégorie
Et tu me crées un CSS.

Petite aide :
Bordure => border: NBpx solid #CODE COULEUR;
Couleur => color: #CODE COULEUR;

Voila un problème hésite pas

NON pour la première question, je l'ai déjà dit la création c'est pas mon truc. ^^"
Pour la 2ème en théorie je dirais OUI mais en pratique je vois pas. ^^"

J'essayerai ton exercice dès que je suis sur un ordinateur. x)

ok ^^

Pour insérer du CSS dans un code HTML tu dois utiliser la balise div class
Exemple

Code:

<div class="table"> Il fait beau aujourd hui</div>

Le table entre " " C'est le mot clé de ton CSS. C'est grâce à lui que tu pourras créer un code après.

Au niveau du CSS que tu insères dans ta feuille de style CSS (PA>Affichage>Couleur>FEuille de style)

Tu vas réutiliser le mot table, ce qui donneras

Code:

.table
{
LE CODE CSS
}

En faite en pratique tu copies ce que j'ai fait. A chaque fois que tu voudras insérer du HMTL il te faudra un div avec un nom quelconque.


Pour la création de CSS tu verras c'est tout simple.
Le background : c'est le fond => background: #000000;
Le color : couleur du texte => color: #CCCCCC;
Le border : c'est la bordure => borde: 2px solid #fff;

Après pour le CSS se sera que ce genre de code alors sur tu en as plusieurs mais ceux-là sont les plus utilisés

http://nenkai.forumgratuit.org/

C'est bon ? :3

Edit : Waaah! On peut même le faire avec une image ! *0*

Oui super ! Rajoute maintenant une bordure et de la couleur au texte

Le texte était déjà en couleur, j'ai choisi le blanc pour que ça se voit mieux ^^
Bordure mise, en blanc aussi !

Et bah c'est super ma puce .

Alors voici à la place de solid dans bordure ce que tu peux mettre

dashed
dotted
double
groove
hidden
inset
none
outset
ridge

après rajoute ceci
padding: 5px;
padding-left: 25px;

dashed
dotted
double
groove
hidden
inset
none
outset
ridge

Ils servent à quoi ? :3

Je vais essayer tout cela. ^^

Edit : Ah c'est bon xD

C'est des style de bordure car le solid c'est un trait droit mais essaye les autre tu verras

C'est fait mais ça :

padding: 5px;
padding-left: 25px;

ça a servi à quoi ? :3

Pour le margin c'est le même code sauf que tu margin à la place de padding

Ah ok :3
Maintenant que tu le dis, je vois la différence xD

tu as compris ?
Bien compris ?
si oui on passera à la suite

Oui, je pense :3
Faudra que j'apprenne tout ces trucs par coeur x)

On va passer au Pa c'estàdire un tableau.

Tu connais aucune base je pense *en mode devin*
Bref j’arrête mes bêtises .

Pour mettre un PA
tu vas dans PA=> Afiichage => Page d'accueil => généralité

Base d'un tableau

Code:

<table>
<tr>
<td>    </td>
</tr>
</table>

Code:

<tr> </tr>

: indique le début et la fin d'une ligne du tableau.

Code:

<td> </td>

: indique le début et la fin du contenu d'une cellule.

MDR xD
Non je connais pas les bases, je connais juste ce que j'ai apprise seule en bidouillant les codes à ma disposition. Je vais donc essayer de faire ce tableau, je fais le même que tu as fait où peut-importe le contenu ? :3

Si tu as compri le truc des tr et td tu as me faire deux lignes et deux colonnes

Les colonnes ont les fait comment ? T_T

Mystere hein?


Tu vas faire

Code:

<td>  </td><td>  </td>

PS : ta signature deforme le forum

On utilise le css pour faire apparaitre les bordures ? :3