Virtual Prisoner [RPG]
Bonjour, le forum est en construction. Vous pouvez vous inscrire mais deviendrez un beta-testeur avant son lancement officiel ; ) et vous aurez la lourde tâche de tester le jeu et de faire des rapports sur les erreurs / ennuis / autres. <br>
Vous pouvez également vous inscrire en tant que joueur et participer dans le flood en attendant que le forum soit totalement terminé.


Prisonnier d'un monde virtuel ...
 
AccueilAccueil  GalerieGalerie  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  DEVENIR MEMBRE ? PAR ICI ♥  ConnexionConnexion  
Le forum est en construction.
Bienvenue sur le forum Virtual Prisoner
N'oubliez pas de commencer par créer une fiche VIP
Chaque personnage a un avatar dans le jeu.
[Forum RPG] Prisonnier d'un monde virtuel, survivez ou mourrez ...
Bienvenue à Taïga !
Bienvenue à Fée Verte
Première apparition de TitDag
Nouveau personnage de Taïga :
Nouveau personnage de La Feuille : Dino Rossi
Nouveau personnage de GirafeRouge :

Partagez | 
 

 [dictaciel]Le code de la fiche pas à pas

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Maître du Jeu

En savoir plus
avatar

Feuille de personnage
Actif:
MessageSujet: [dictaciel]Le code de la fiche pas à pas   Dim 9 Aoû 2015 - 17:21

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.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://virtualprisoner.forumrpg.org/t6-modele-de-fiche
 
[dictaciel]Le code de la fiche pas à pas
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Code pour votre fiche de lien
» Code pour votre fiche de présentation
» Code pour la fiche de présentation.
» Modèle de Présentation [HTML]
» Code ''Fiche de Présentation''

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Virtual Prisoner [RPG] :: Marital Status :: Fiches VIP :: Hey! Je dois être validé !-