Modèle de fiche de prez: code et explications

Code:

<div class="Prez_body"><table class="Prez_id"><tr><td>Nom :</td><td>C#°*?$</td></tr><tr><td>Prénom :</td><td>Abnegatio</td></tr><tr><td>Âge :</td><td>27 ans ?</td></tr><tr><td>Origine :</td><td>Forteresse Oubliée</td></tr></table><img class="Prez_photo" src="http://zupimages.net/up/17/01/io6a.jpg"><img class="Prez_ban" src="http://zupimages.net/up/17/01/539v.jpg"><div class="Prez_titre" style="top: 417px">~ Apparence ~</div><div class="Prez_desc" style="top: 453px;">"VOTRE APPARENCE"</div><div class="Prez_titre" style="top: 676px">~ Caractère ~</div><div class="Prez_desc" style="top: 712px;">"VOTRE CARACTÈRE"</div><div class="Prez_titre" style="top: 934px">~ Histoire ~</div><div class="Prez_desc" style="top: 972px; height: 250px;">"VOTRE HISTOIRE"</div><div class="Prez_titre" style="top: 1260px">~ Divers ~</div><div class="Prez_desc" style="top: 1295px; height: 110px;">Prénom ou pseudo internet :
Votre âge :
À propos de vous :
Une critique sur le forum ?
Libre à vous d'ajouter ou retirer d'autres détails bien entendu.
</div></div>

Explications pour ceux qui n'ont pas l'habitude:

Vous avez face à vous un code qu'il suffit de copier-coller. Il faudra cependant remplacer certains éléments pour la compléter selon votre personnage.

Voici dans l'ordre les éléments:

Code:

<table class="Prez_id"><tr><td>Nom :</td><td>"VOTRE NOM"</td></tr><tr><td>Prénom :</td><td>"VOTRE PRENOM"</td></tr><tr><td>Âge :</td><td>"VOTRE AGE"</td></tr><tr><td>Origine :</td><td>"VOTRE MONDE D'ORIGINE"</td></tr></table>

Cette partie permet de remplir la petite fiche d'identité en début de page. Il suffit de remplacer (en supprimant les guillemets) les mentions en majuscule s'adressant directement à vous ("VOTRE [...]").

Code:

<img class="Prez_photo" src="lien photo 150*150"><img class="Prez_ban" src="lien image 623*150">

Ici se trouvent les deux images principale de la fiche. La première correspond à la petite photo en haut à droite de dimension 150px*150px. Quant à la seconde, elle fait une largeur de 623, toujours pour 150 de haut.

Pour poster votre image, il est nécessaire de l'héberger sur un site tel que https://www.zupimages.net/ ou encore http://www.noelshack.com/

Je déconseille les classiques tels que Hosting Pics qui font le même boulot mais qui sont tellement surchargés qu'il n'est pas rare de les voir hors service, mais ce n'est qu'un conseil et nous ne sommes pas là pour juger vos choix d'hébergement (si par exemple que vous avez un compte membre sur hosting pics et que ça serait dérangeant de changer d'hébergeur, etc.).

Si vous jugez votre image trop lourde, ce qui risque pas vraiment d'arriver avec des images de cette taille, vous pouvez tenter de les compresser à l'aide de https://compressor.io/ (en cliquant sur "lossy" pour des images sans fond transparents et sur "lossless" pour les images de type png).

Enfin, si vous ne vous sentez vraiment pas à l'aise avec la manipulation d'image, il n'y a aucune honte à avoir et vous pouvez demander (directement à la suite de votre fiche de présentation ou à un membres connecté sur la Chatbox qui en aurait le temps) de cadrer à la bonne dimension les images. Comprenez cependant que pour avoir une image de 623 de large, il faut une image qui fasse minimum 623 de large à l'origine (sauf si vous êtes prêts à afficher une image étirée affreusement pixelisée).

Astuce: si vous ne trouvez pas d'image de votre personnage adaptée au format "rectangle élargi" de la petite bannière, n'hésitez pas à passer par des alternatives: un décor important pour votre personnage? Une personne qui lui est chère? Une arme ou un objet en particulier?

Code:

<div class="Prez_titre" style="top: 417px">~ Apparence ~</div><div class="Prez_desc" style="top: 453px;">"VOTRE APPARENCE"</div><div class="Prez_titre" style="top: 676px">~ Caractère ~</div><div class="Prez_desc" style="top: 712px;">"VOTRE CARACTÈRE"</div><div class="Prez_titre" style="top: 934px">~ Histoire ~</div><div class="Prez_desc" style="top: 972px; height: 250px;">"VOTRE HISTOIRE"</div><div class="Prez_titre" style="top: 1260px">~ Divers ~</div><div class="Prez_desc" style="top: 1295px; height: 110px;">Prénom ou pseudo internet :
Votre âge :
À propos de vous :
Une critique sur le forum ?
Libre à vous d'ajouter ou retirer d'autres détails bien entendu.
</div></div>

Le reste de la fiche est le plus simple: comme pour l'identité, il suffit de remplacer les mentions entre guillemets en majuscule. Vous pouvez aussi changer les titres des catégories si cela vous chante, comme par exemple remplacer "~ Apparence ~" par "Ce à quoi je ressemble...".

Remarque:

1. Nous sommes assez neutre concernant la personnalisation de la fiche de présentation, cependant, pour une question d'équilibre et pour un futur projet, il est demandé de la personnaliser le moins possible (il faut au strict minimum conserver l'aspect "page" de carnet).
2. Le code peut sembler très "contracté". Ceci est dû à l'état par défaut de ForumActif qui fait que tout code écrit doit impérativement être écrit l'un à la suite de l'autre, sans espace ni alinéa, au risque de déformer le rendu visuel du post. Nous vous déconseillons fortement donc d'ajouter des espaces ou aliéna en plein milieu du code, c'est à dire, en dehors des passages entre guillemets.