[dictaciel]Le code de la fiche pas à pas

Didacticiel pas à pas !

Les codes peuvent être barbares. De ce fait, nous allons tenter de vous aider le mieux possible. Déjà, avant de commencer, sachez qu'il vous faudra 2 images !

I/ METTRE EN PLACE LES IMAGES
1. Une de 150*150
---> Vous pouvez en chercher sur votre moteur de rechercher, visiter notre galerie d'avatars libres ou Demande une découple.
2. Une de 500*190
---> Vous pouvez en chercher sur votre moteur de rechercher, visiter notre galerie d'avatars libres, de gifs animés ou Demande une découple.

Il vous faudra également les liens URL direct de l'image. (Disponible sur les hébergeurs d'image ou clic droit-> copier le lien URL de l'image.)

3. Gardez bien de coté les deux liens URL. (Vous pouvez les copier dans un fichier texte, vous les envoyer par Messages Privés, les laisser dans divers onglets, à vous de voir ...)

4.  Ouvrez une réponse dans la partie "Hey ! Je dois être validé !"

5. Le code apparaît automatiquement en haut. Copiez le texte contenu dans les balises code.

Code:

[code][/code]

6.  Le début du code commence ainsi :

Code:

<link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
<center><div style="margin-bottom: -90px;"><div style="display: inline-block; background-image: url('METTEZ ICI URL DE VOTRE IMAGE DE FOND EN GARDANT LES PARENTHÈSES ET L'APOSTROPHE TAILLE CONSEILLE 500*190

A partir de là, en majuscule vous pouvez trouver : METTEZ ICI URL DE VOTRE IMAGE DE FOND EN GARDANT LES PARENTHÈSES ET L'APOSTROPHE TAILLE CONSEILLE 500*190

Il vous suffit de remplacer ce texte par votre image anime ou votre gif 500*190
ATTENTION ! Vous devez laisser l'URL coller entre les ('') et ne surtout pas les retirer.

Code:

'); padding: 20px 20px; border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; height: 150px; width: 450px;"><p align="right"><img src="METTRE ICI L'IMAGE DE VOTRE AVATAR JOUEUR AU FORMAT 150 PIXEL X 150 PIXEL

Procédez de la même manière en mettant l'avatar 150*150 à la place du texte METTRE ICI L'IMAGE DE VOTRE AVATAR JOUEUR AU FORMAT 150 PIXEL X 150 PIXEL

Code:

" /></p></div>

Voilà ! On a terminé pour les images.

I/ METTRE EN PLACE LE TEXTE

Dans la partie suivante, il vous faudra chercher le mot pseudonyme.
Astuce : (Si vous le trouvez pas, appuyer sur CTRL+F avec votre clavier et écrivez pseudonyme.

Code:

<span style="display: inline-block; color: #1B4779; font-family: 'Architects Daughter', cursive; font-size: 30px; text-shadow: 3px 3px 3px #766344; position: relative; top: -10px;"> Pseudonyme</span></div></center>

On remplace pseudonyme par votre ... pseudo.

Dans la suite du code, on cherchera la partie contenant :

Citation :

Prénom : (facultatif)
Age : (facultatif)
(...)
Comment avez-vous découvert le forum ?

Et on remplira cette partie.
 

Code:

<center><div style="background-color: #E6E8EF; text-align: center; font-size: 12px;border-radius: 50px 50px 50px 50px;width: 700px">
<center><table style="width: 100%; height: 100px;"><tr><td style="margin: 10px; display: inline-block; overflow: auto; background-color: #F6F9FB; width: 45%; height: 100px;">
[justify]Prénom : (facultatif)
Age : (facultatif)
Région : (facultatif)
Pratique du RPG écriture : (temps)
Comment avez-vous découvert le forum ?[/justify]
 </td>

Puis dans la partie suivante, on remplacera "petite présentation =>" par le texte de vore choix.

Code:

<td style="margin: 10px; display: inline-block; overflow: auto; background-color: #F6F9FB; width: 45%; height: 100px;">
[justify]Petite présentation =>
    [/justify]
</td></tr></table></center>

III/ C'est à modifier après !

Vous pouvez maintenant poster votre fiche VIP. Plus tard, vous pourrez rajouter dans la partie suivante les liens vers vos fiches personnages ainsi qu'une légère description d'eux.

Code:

 <span style="display: inline-block; color: #1B4779; font-family: 'Architects Daughter', cursive; font-size: 30px; text-shadow: 3px 3px 3px #766344; position: relative; top: -10px;">Personnage</span>
  
<blockquote style="background-color: #F6F9FB; padding: 10px; text-align: justify;"><img src="http://i47.servimg.com/u/f47/16/77/05/67/mila410.png" /><span style="clear: both;">[url=LIEN DE LA FICHE PERSONNAGE]Personnage/AlterEgo[/url] - Statut
</blockquote>

</span></div>

Mais pour l'instant, il vous faut envoyer votre fiche.

En attendant qu'on vienne la valider, vous pouvez commencer à créer votre fiche personnage .... (Et recommencer à galérer avec les codes ! ♥)

N'hésitez pas à poster vos questions à la suite !

Cordialement,

Le Maître du Jeu.