Les bases du codage!

Ici, ce seront les bases.

Mise en forme d'écriture:

Code:: Ton texte

Sert à mettre un texte en italique

Code:: texte

Sert à souligner le texte

Code:: <del> texte </del>

~~Sert à barrer le texte~~

Code:: <q> texte </q>

Sert à faire une citation

Code:: <h> texte </h>

Change la taille du titre. A savoir:

Code:: <h1> <h2> <h3> <h4>
<h1> titre le plus grand
<h4> titre le plus petit

Code:: texte

Correspond à la taille du texte, 1 sera le plus petit: size.
color: la couleur du texte
face: police d'écriture

texte

Les balises de mise en page.

Code::

Un des codes les plus basiques, il sert à aller à la ligne.

Code:: <center> texte </center>

Sert à centrer le texte. Si tu veux changer la couleur du texte, ou faire des trucs du genre, ce code doit toujours encadrer le reste. Il sert aussi à centrer les images.

Code:: <img src="adresse url d'une image">

Sert à mettre une image dans un tableau, n'importe où, mais ON NE PEUT PAS METTRE DE TEXTE DESSUS.

Code:: <background="URL de ton image">

Lui sert à mettre une image de fond, sur laquelle on pourra mettre une rolbox pour écrire dessus.

Code:: <div> quelque chose</div>

Il sert à diviser donc une case en plusieurs parties, il s'insère dans le code précédent. Donc:

Code:: <tr><td colspan="2"><div> quelque chose</div></td></tr>

Bien sûr, il faut coder la case avant.
Mais on peut en mettre autant qu'on veut à la suite, c'est fun:

Code:: <tr><td colspan="2">
<div> quelque chose</div>
<div> quelque chose</div>
<div> quelque chose</div></td></tr>

Je crois que tu l'as remarqué, il y a une balise div. Elle peut servir à donner un titre à une case:

Code:: <div align="center">titre</div>

Et sert aussi à mettre une rolbox:

Code:: <tr><td>
<div align="center">titre</div>
<div style="overflow: auto; width: 800px; height: 200px;"> texte à faire dérouler </div>
</td></tr>

Maintenant, le code d'une case toute simple pour une fiche est:

Code:: <tr><td colspan="2"> bla bla bla </td></tr>

Comme auparavant, on peut en mettre autant qu'on en veut à la suite.

Le code d'une rollbox:

Code:: <div style="overflow: auto; width: 350px; height: 120px;"> texte à faire dérouler </div>

width -> détermine la largeur de la box
height -> détermine sa hauteur

Pour en mettre 2 l'une à côté de l'autre, il suffit de mettre 2 fois ce code, mais d'encadrer chacun par les balises td.../td
et le tout par les balises tr.../tr

Exemple:

Code:: <tr><td>
<div style="overflow: auto; width: 350px; height: 120px;"> texte à faire dérouler </div>
</td>
<td>
<div style="overflow: auto; width: 350px; height: 120px;"> texte à faire dérouler </div>
</td></tr>

Pour faire une fiche à rollbox, il suffit de mettre ce code:

Code:: <table style="width: **px; height: **px;" background="URL de ton image"><tbody style="cursor: default;">

Suivi des codes pour la rollbox. On peut fermer le tout de la fiche par ce code:

Code:: </div></td></tr></tbody></table></div>

Donc, pour faire une fiche comme celle-ci:

Titre

Texte Texte Texte Texte Texte Texte Texte Texte
Texte Texte Texte Texte Texte Texte Texte Texte

Texte Texte Texte Texte Texte Texte Texte Texte
Texte Texte Texte Texte Texte Texte Texte Texte
Texte Texte Texte Texte Texte Texte Texte Texte

Titre

Texte Texte Texte Texte Texte Texte Texte Texte

Texte Texte Texte Texte Texte Texte Texte Texte

Texte Texte Texte Texte Texte Texte Texte Texte

Texte Texte Texte Texte Texte Texte Texte Texte

Texte Texte Texte Texte Texte Texte Texte Texte

Titre

Texte Texte Texte Texte Texte Texte Texte Texte

Texte Texte Texte Texte Texte Texte Texte Texte

Texte Texte Texte Texte Texte Texte Texte Texte

Texte Texte Texte Texte Texte Texte Texte Texte

Texte Texte Texte Texte Texte Texte Texte Texte

Titre

Texte Texte Texte Texte Texte Texte Texte Texte

Texte Texte Texte Texte Texte Texte Texte Texte

Texte Texte Texte Texte Texte Texte Texte Texte

Texte Texte Texte Texte Texte Texte Texte Texte

Texte Texte Texte Texte Texte Texte Texte Texte

by °Misa°

Le code sera le suivant:

Code:: <table style="width: 841px; height: 592px;" background="http://img52.imageshack.us/img52/1700/backgroundfs.png">
<tbody style="cursor: default;">
<tr><td>
 <div style="text-align: left; padding: 10px; width: 281px; height: 380px; color: rgb(110, 110, 110); margin-left: 490px; overflow: auto;"><div style="text-align: center; color: rgb(255, 255, 255);"><pre style="text-align: center;"><pre>Titre</pre></pre><a href="http://www.youtube.com/watch?v=S97oUM_fjs8"></a>Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte 
Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte <img style="width: 230px; height: 49px;" src="http://img52.imageshack.us/img52/9854/brushtype2.png"> <pre style="text-align: center;"><pre>Titre</pre></pre>
<a href="http://www.youtube.com/watch?v=S97oUM_fjs8"></a>Texte Texte Texte Texte Texte Texte Texte Texte 
Texte Texte Texte Texte Texte Texte Texte Texte 

Texte Texte Texte Texte Texte Texte Texte Texte 
Texte Texte Texte Texte Texte Texte Texte Texte 
Texte Texte Texte Texte Texte Texte Texte Texte <img style="width: 230px; height: 49px;" src="http://img52.imageshack.us/img52/9854/brushtype2.png"> <pre style="text-align: center;"><pre>Titre</pre></pre><a href="http://www.youtube.com/watch?v=S97oUM_fjs8"></a>Texte Texte Texte Texte Texte Texte Texte Texte 
Texte Texte Texte Texte Texte Texte Texte Texte 

Texte Texte Texte Texte Texte Texte Texte Texte 
Texte Texte Texte Texte Texte Texte Texte Texte 
Texte Texte Texte Texte Texte Texte Texte Texte <img style="width: 230px; height: 49px;" src="http://img52.imageshack.us/img52/9854/brushtype2.png"> <pre style="text-align: center;"><pre>Titre</pre></pre><a href="http://www.youtube.com/watch?v=S97oUM_fjs8"></a>Texte Texte Texte Texte Texte Texte Texte Texte 
Texte Texte Texte Texte Texte Texte Texte Texte 

Texte Texte Texte Texte Texte Texte Texte Texte 
Texte Texte Texte Texte Texte Texte Texte Texte 
Texte Texte Texte Texte Texte Texte Texte Texte <img style="width: 230px; height: 49px;" src="http://img52.imageshack.us/img52/9854/brushtype2.png"> </div> <div style="text-align: center; color: rgb(255, 255, 255);"><div style="text-align: right;">by °Misa°  </div></div></div></td></tr></tbody></table>

A partir de ce moment, il suffira d'enlever les petites images séparant les textes ou de les remplacer, de modifier l'image de fond et les couleurs, de changer le texte et de remplacer mon pseudo d'Equideow en bas par le vôtre, et le tour est joué!

Pour aligner une rollbox, il y a différent codes à mettre autour du code de la rollbox:

A gauche:

Code:: <div style="text-align: left; padding: 10px; width: 281px; height: 290px; color: rgb(110, 110, 110); margin-left: 65px; overflow: auto;"><div style="text-align: center; ">

A droite:

Code:: <div style="text-align: left; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; width: 281px; height: 380px; margin-left: 490px; overflow-x: auto; overflow-y: auto; ">

Au centre:

Code:: <td align="center">code de la rolbox</td>

Pour les couleurs, il suffit de visiter ce site:

http://www.code-couleur.com/

Il donne le code HTLM de la couleur, et code RVB!

En espérant avoir aidé, Milka.

Invité

Oh Docteur Who *-* Hier c'était la nuit Doctor Who, c'était suuuupeeeer giga cool! Par contre les Silences font un peu flipper x)