Académie Renmei


Bonjour, au cas ou tu n'aurais pas remarqué, CE FORUM EST MORT, DEAD. J'ai aimé tout les moment passé dessus, vous aller tous me manquer! Adios Bichachos !
 
AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Tuto Code n°1

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Aoki Hase
Vocaloid
Vocaloid
avatar

Messages : 679
Date d'inscription : 12/01/2012
Localisation : Dans un monde qui roxxe du poney irlandais ♥

Carte d’Élève
Âge: 14 ans
Classe: 3ème
Relations du Personnage:

MessageSujet: Tuto Code n°1   Mer 15 Fév - 19:31

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: en dessous de celui-ci: .

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 Mao♥, pour le kit :D

“Persoooooooooona, persoooona why, why're ya finished TnT i wanna be with my psp & p3p”

Moi grande chialeuse depuis que j'ai fini persona
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://renmei.forumactif.pro
Tsubakusa Kokura
Human
Human
avatar

Messages : 502
Date d'inscription : 30/01/2012
Age : 19

Carte d’Élève
Âge: 17 ans
Classe: Terminal
Relations du Personnage:

MessageSujet: Re: Tuto Code n°1   Jeu 16 Fév - 6:48

Merci à toi pour ceux partage ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Tuto Code n°1

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

 Sujets similaires

-
» [Guide] Tuto de Pokémon Shuffle !
» [Distribution] Code Oiseaux Légendaires DW !
» Code Pénal Ayisyen an demode.
» Du code d'éthique de l'Armée Mainoise
» tuto haradrim, opération désert

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Académie Renmei :: Le Fourre-tout :: Pour vous aider! :: Tutoriels-