Tuto Code n°1

Hellow les pitit chocos, après avoir repérer quelques lacunes en code chez certaine personne, je ne vise personne, pas du tout Interesting

*hein Haruka*.

Je fait ce premier tutoriel miteux à la place de mon frère. (Ne vous en faite pas, il fera les prochaines *,*)

Alors pour commencer, les bases du codage sont là-dessus. Vous pouvez les trouver facilement un cliquant sur cette icon: Tuto Code n°1 Sans_t14

en dessous de celui-ci: Tuto Code n°1 Sans_t15

.

Vous y trouverez toutes les informations de base pour écrire un message.

Mais qu'est-ce que le BBCode ?

Le BBCode est une implémentation spéciale du HTML. L'activation de l'utilisation du BBCode est déterminée par l'administrateur. En outre, vous pouvez désactiver le BBCode dans un message lors de sa composition. Le BBCode en lui-même est similaire au style du HTML, les balises sont contenues dans des crochets [ et ] à la place de < et >, et offrent un meilleur contrôle sur la manière dont quelque chose doit être affiché. Selon les modèles de documents que vous utilisez, vous pourrez facilement rajouter du BBCode à vos messages à travers une interface de boutons cliquables au-dessus de la zone de texte lors de la composition de votre message. Toutefois, le guide qui suit pourra vous être utile.

Maintenant, passons à l'exercice :

Vous avez un code comme ceci : ( eh ouais, c'est la présentation )

Code:: <center><blockquote><fieldset style="box-shadow: 0px 0px 5px #000000;border: 2px solid #ABABAB; background-image: url('http://i48.servimg.com/u/f48/17/18/19/23/i_back10.png');width:90%;">
[right][url=http://forum-theme.forumperso.com/forum][size=9][color=black] Codage By Reira sur LG[/color][/size][/url][/right]
<center><table style="background-color : #F1E7E8;border: 2px solid #ABABAB;height :350px;width: 550px;box-shadow: 0px 0px 5px #000000; line-height: 12px;"><tr><td><div style="TEXT-ALIGN: center" align=center><SPAN style="FONT FAMILY:georgia"><FONT face=Georgia size=6> [size=24][font=Times New Roman] <div style="color: #7B676C">Fiche de présentation<br>[color=black]NOM DE VOTRE PERSONNAGE[/color][/size][/font] <div style="color: #A2C6C7"></FONT></SPAN></div>
<table><tr><td>[list]<div style="box-shadow: 0px 0px 5px #000000;border: 5px solid #CFED7D; width: 150px; height: 200px; -moz-border-radius-bottomleft: 14px; -moz-border-radius-topright: 14px; line-height: 14px;">IMAGE[/list]
</td>
<td>[list][justify] [size=14] [color=black] Nom & Prénom :[/color]TEXTE
[color=black] Son Surnom :[/color] TEXTE
[color=black] Age :[/color] TEXTE
[color=black] Type : (Vocaloïd ou Humain)[/color] TEXTE
[color=black]Sexe :[/color] TEXTE
[color=black]Orientation Sexuelle :[/color] TEXTE
[color=black]Activité : Élèves, Collégien, Etudiant(e), Professeur (à préciser), membre de l'administration (à préciser), membre du personnel (à préciser) [/color]TEXTE
_________

[color=black]Impression du forum :[/color] TEXTE
[color=black]Comment nous a tu connu :[/color]TEXTE
[color=black] Code du réglement :[/color][hide]Ecrire ici : TEXTE[/hide][/size][/justify][/list]</td></tr></table>
</td></div></td></td></table></center>

<center><div style="background-color : #F1E7E8;box-shadow: 0px 0px 5px #000000;border: 2px solid #ABABAB; width: 550px; line-height: 12px;">
<div style="TEXT-ALIGN: center" align=center><SPAN style="FONT-FAMILY: georgia"><FONT face=Georgia size=5><i><font color="black">Description physique</font></i></FONT><br><FONT face=Georgia size=3><i><font color="#7B676C">5 lignes minimum</font></i></FONT></SPAN><br>
<blockquote>[color=black][justify]
LE PHYSIQUE DE TON PERSONNAGE EN 5 LIGNE MINI
</blockquote>[/justify][/color]

</div></center>

<center><div style="background-color : #F1E7E8;box-shadow: 0px 0px 5px #000000;border: 2px solid #ABABAB; width: 550px; line-height: 12px;">
<div style="TEXT-ALIGN: center" align=center><SPAN style="FONT-FAMILY: georgia"><FONT face=Georgia size=5><i><font color="black">Description du caractère</font></i></FONT><br><FONT face=Georgia size=3><i><font color="#7B676C">5 lignes minimum</font></i></FONT></SPAN><br>
<blockquote>[color=black][justify]
LE CARACTERE DE TON PERSONNAGE EN 5 LIGNE MINI
</blockquote>[/justify][/color]

</div></center>

<center><div style="background-color : #F1E7E8;box-shadow: 0px 0px 5px #000000;border: 2px solid #ABABAB; width: 550px; line-height: 12px;">
<div style="TEXT-ALIGN: center" align=center><SPAN style="FONT-FAMILY: georgia"><FONT face=Georgia size=5><i><font color="black">Ses goûts</font></i></FONT><br><FONT face=Georgia size=3><i><font color="#7B676C">Ce qu'il aime et ce qu'il n'aime pas</font></i></FONT></SPAN><br>
<blockquote>[color=black][justify]
SES GOUTS ET SES DEGOUTS
</blockquote>[/justify][/color]

</div></center>

<center><div style="background-color : #F1E7E8;box-shadow: 0px 0px 5px #000000;border: 2px solid #ABABAB; width: 550px; line-height: 12px;">
<div style="TEXT-ALIGN: center" align=center><SPAN style="FONT-FAMILY: georgia"><FONT face=Georgia size=5><i><font color="black">Histoire</font></i></FONT><br><FONT face=Georgia size=3><i><font color="#7B676C">5 lignes minimum</font></i></FONT></SPAN><br>
<blockquote>[color=black][justify]
SON HISTOIRE EN 5 LIGNES MINI </blockquote>[/justify][/color]
</div></center>

</fieldset></bloquote> </center>

Tous ce que vous voyez pour l'instant, eh bien... Ce sont des trucs qui veulent strictement rien dire ^^!

Pour remplir se code, il suffit d'observer:

En premier, repérer les lieux où il a écrit : Ici ; Nom + Prénom, liens, ect...

Vous ne touchez à rien, strictement à rien, à part les exemples.
Au début il y a écrit cela, par exemple il suffit de lire: background-image, c'est le lien de l'image utilisé pour le fond de la présentation, alors si vous voulez changer le fond, vous changez le lien.

Code:: <center><blockquote><fieldset style="box-shadow: 0px 0px 5px #000000;border: 2px solid #ABABAB; background-image: url('http://i48.servimg.com/u/f48/17/18/19/23/i_back10.png');width:90%;">

Vous voulez changer la couleur de la présentation, il suffit de chercher les codes de ce genre: #C54GD4
Pour changer la couleur de votre texte, vous pouvez spécifier soit un nom de couleur reconnu (ex: red, blue, yellow, pink etc.) en gros la couleur en anglais, ou soit un code couleur hexadecimal (ex: #FFFFFF, #000000):

Pour mettre une image là où il est écrit "IMAGE" il faut mettre une image de taille 150*200, par exemple:

Code:: [img]http://i48.servimg.com/u/f48/17/18/19/23/sans_t16.jpg[/img]

Code:: <center><table style="background-color : #F1E7E8;border: 2px solid #ABABAB;height :350px;width: 550px;box-shadow: 0px 0px 5px #000000; line-height: 12px;"><tr><td><div style="TEXT-ALIGN: center" align=center><SPAN style="FONT FAMILY:georgia"><FONT face=Georgia size=6> [size=24][font=Times New Roman] <div style="color: #7B676C">Fiche de présentation<br>[color=black]NOM DE VOTRE PERSONNAGE[/color][/size][/font] <div style="color: #A2C6C7"></FONT></SPAN></div>
<table><tr><td>[list]<div style="box-shadow: 0px 0px 5px #000000;border: 5px solid #CFED7D; width: 150px; height: 200px; -moz-border-radius-bottomleft: 14px; -moz-border-radius-topright: 14px; line-height: 14px;">IMAGE[/list]
</td>

Si vous voulez remplir le reste, il ne faut toucher à rien d'autre à part les phrases du genre :

Code:: TEXTE; NOM DE VOTRE PERSONNAGE; LE PHYSIQUE DE TON PERSONNAGE EN 5 LIGNE MINI; LE CARACTERE DE TON PERSONNAGE EN 5 LIGNE MINI; SES GOUTS ET SES DÉGOÛTS; SON HISTOIRE EN 5 LIGNES MINI

Quelques codes sympa pour agrémenter vos messages : (pour changer la couleur, vous savez comment faire ;D )

Texte en haut
Texte en bas

Code:: <DIV style="TEXT-ALIGN: center" align=center><FONT face=Georgia size=9><blockquote>
[color=black]Texte an haut[/color]
[color=gray]Texte en bas[/color]</FONT></SPAN><BR></DIV>

Votre Texte avec une Auréole

Code:: <div style="text-shadow: 0px 0px 4px green;">[color=white]Votre Texte avec une Auréole[/color]</div>

Mon code préférer qui fait souvent foiré les pages ^^ (pour des raison htlm, ne vous inquiéter pas)

Blablablabla
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ac tortor eu dolor mollis malesuada. Nam arcu dui, cursus a, ullamcorper ut, fringilla nec, velit. Duis tempor arcu eu orci. Ut vehicula massa eu est. Sed ac odio. Integer dictum eros. Etiam facilisis sem non lacus. Donec volutpat ligula ac est. Aliquam erat volutpat. Pellentesque justo tellus, porta et, interdum et, consequat sit amet, eros.

Code:: <fieldset style="border: 3px solid pink;"><legend style=" color: pink; text-align: center: 20px; ; letter-spacing:4px; ">Blablablabla</legend>
Blablablablablablablablablablabla ~
</fieldset>

Voila, maintenant que je me suis cassée la nuque à faire ce tutoriel, vous allez bien faire vos codes, ou le père fouettard va venir chez vous se soir !

Merci à toi pour ceux partage ^^

» Code & Présentation

Tuto Code n°1

Tuto Code n°1

Sujets similaires

Sujets similaires