Partagez | 
 

 Explication des codes.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Administrateur


avatar

Masculin
Nombre de messages : 1414
Age : 17
Localisation : Le Forum
Points : 6882


Explication des codes. Vide
MessageSujet: Explication des codes.   Explication des codes. Icon_minitimeLun 04 Fév 2013, 19:08

Salutations ~

Comme certains d'entre-vous tentent de coder leurs posts afin de les rendre plus jolis, mais qu'ils ont l'air de ramer (pas vrai Larx' =D), voici une brève explication.

Voici tout d'abord un exemple de texte :

Spoiler:


Voici le code de ce post :

Code:
<center><TABLE BORDER="0" WIDTH="100%"><TR><TD WIDTH="10%"></TD><TD WIDTH="80%">
<fieldset style="border: 1px solid #FEFEE2;-moz-border-radius:10px;"><legend><span style="color:#FFFFFF">[color=#FFFFFF][b]A[/b][/color]ttaque [color=#FFFFFF][b]I[/b][/color]mpromptue</span></legend>
[justify][font=century gothic][size=15][b][/size]L[/b]e soleil commençait enfin à se coucher sur les terres impies de Port Royal. Un flot de lumière pourpre disparaissait peu à peu derrière l'ombre des hauts bâtiments de bois de la ville. A chaque seconde, les ténèbres engloutissaient la ville. Pourtant, la ville restait dans sa quiétude habituelle. Les pirates ne sont pas des enfants de cœur,  rien ne les effraie, ou presque. La nuit naissante vit éclore les lumières dans les taudis. Au centre des masures crasseuses, un grand bâtiment s'éveillait, s'ouvrant à la nuit. La taverne était toujours là, ouverte, accueillant en son sein les pauvres êtres à la recherche de réconfort et d'alcool. La musique sonnait fort, les tonneaux se vidaient rapidement, la joie s'éparpillait en tout sens. Quelle belle nuit qui s'annonçait là !

[size=15][b]P[/b][/size]endant ce temps, au large des terres pirates, un vaisseau s'avançait. Grand, long, majestueux. Visiblement, il contrastait fort avec la pauvreté avoisinante. Pourtant, nul ne sembla le percevoir, comme s'il n'existait pas. Personne ? Si, quelqu'un le suivait du regard, un air réjoui aux lèvres. Cela faisait si longtemps qu'il le pistait. Enfin, il allait pouvoir rencontrer le funeste équipage de cette coque de noix. Alors que, silencieusement, le navire accostait, le vigile se mit en route, courant vers le port. Durant sa course, il sorti une large épée, aux apparences d'une arme à feu. Maintenant, l'équipage se déversait, horribles créatures sombres. Tout droit sorti d'un livre, le vaisseau fantôme envoyait ses horribles Sans-Cœurs piller Port Royal. Alors que les premiers arrivaient à l'orée de la ville, ils furent brièvement repoussé. Trônant seul sur le port désert, l'homme se tenait debout face au gigantesque navire. Sur la poupe, le Capitaine aboya des ordres. Restant immobile, Squall laissa les troupes d'ombre le dépasser, fonçant vers les habitations décrépies. Son regard soutenait celui du capitaine. Une voix sombre s'éleva alors :

<table border="0" cellpadding="5"><tr><td><img src="http://i66.servimg.com/u/f66/12/36/27/96/minisq13.png"></td><td bgcolor="#24445C";fieldset style="border: 1px solid #56739A;-moz-border-radius:10px;">[color=white]C'est toi que je suis venu chercher...[/color]</td></tr></table>

Alors que les mots s'échappaient dans l'air, l'aventurier s'élança vers le bateau, sa lame sifflant dans l'air !

[size=15][b]P[/b][/size]endant ce temps, les hordes de Sans-Cœurs furent enfin repérées. Partout, l'appel aux armes retentissait. Il fallait se préparer au combat et résister. Un homme édenté pénétra d'ailleurs dans la taverne, l'endroit stratégique par excellence de la ville :

<div align="right"><table border="0" cellpadding="5"><tr><td><td width="60"></td><td bgcolor="#24445C";fieldset style="border: 1px solid #56739A;-moz-border-radius:10px;">Aux aaaaaaarmes !!! Nous sommes attaqués ! Aux aaaaaaarmes !</td><td width="60"><img src="http://i66.servimg.com/u/f66/12/36/27/96/pnjmin12.png"></td></tr></table></div>

[/font][/justify]</fieldset></TD><td width="10%"></td></tr></table></center>


Maintenant, expliquons les trucs un à un.

Citation :
Code:
<center>
Indique que vous centrez, pas trop dur ? xD

Citation :
Code:
<TABLE BORDER="0" WIDTH="100%"><TR><TD WIDTH="10%"></TD><TD WIDTH="80%">
Ça, ça permet de rétrécir ou d'élargir votre tableau. Donc, à le rendre plus petit ou plus large.

Citation :
Code:
<fieldset style="border: 1px solid #FEFEE2;-moz-border-radius:10px;">
Lui, c'est le code du bord. 1px, c'est l'épaisseur de mon bord. "#FEFEE2, c'est sa couleur (blanc cassé ici)". "Border Radius" donne les bords courbés de mon tableau.

Code:
[quote]<legend><span style="color:#FFFFFF">[color=#FFFFFF][b]A[/b][/color]ttaque [color=#FFFFFF][b]I[/b][/color]mpromptue</span></legend>[/quote]
Ici, le "" introduit ma phrase coupant le cadre 'Attaque Impromptue. Style=color #FFFFFF définit la couleur du texte "légend".' Le est hyper important, car c'est lui qui délimite le code. comme les / de chaque balise ([/b], [/i], etc.).

D'ailleurs, à la fin de votre Rp, n'oubliez pas les codes :

Code:
[quote]</fieldset></TD><td width="10%"></td></tr></table></center>[/quote]

Car ce sont eux qui définisse l'arrêt de votre post. Si vous ne les mettez pas, toute la page entière sera modifiée...



Pour terminer, les paroles.

Voici un exemple :

Hey loser, écoute moi bien si tu veux devenir un playboy comme moi Wink

Voici son code :

Code:
<table border="0" cellpadding="5"><tr><td><img src="http://i66.servimg.com/u/f66/12/36/27/96/minisq13.png"></td><td bgcolor="#24445C";fieldset style="border: 1px solid #56739A;-moz-border-radius:10px;">[color=white]C'est toi que je suis venu chercher...[/color]</td></tr></table>

Code:
<table border="0" cellpadding="5">
De nouveau, ce code permet avec border de mettre un bord (0 le rend invisible) et cellpadding à lui donner des espaces entre la photo et le texte.

Code:
<tr><td><img src="http://i66.servimg.com/u/f66/12/36/27/96/minisq13.png"></td>
Ici, c'est juste l'image. Mettez la bien entre les " "

Code:
<td bgcolor="#24445C";fieldset style="border: 1px solid #56739A;-moz-border-radius:10px;">
bgcolor donne la couleur du fond. Border l'épaisseur du bord et le #56739A sa couleur. On retrouve le "moz-border-radius" qui détermine la courbe des bords.

Code:
</td></tr></table>
Et ça, c'est évidemment les fins de code délimitant et faisant comprendre à leur code qu'ils ont bien travaillé et qu'ils peuvent arrêter.

Voilà, voilà. Je n'aurai plus qu'une chose à dire :


Alors, heureuse ? *tire sur sa clope*
Revenir en haut Aller en bas
 

Explication des codes.

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Kingdom Hearts Heaven :: Menu principal :: ♦ Salle de l'Éveil ♦ :: Hôtel de Traverse-