Vu qu'on ne change pas une équipe qui gagne, j'ouvre ce petit topic qui aura pour but de fournir un modèle de fiche de relations a tous ceux qui auront un peu la flemme de chercher ailleurs ^^. Et comme je suis gentil, non seulement je fourni le code, mais aussi les images des différents membres a la taille exacte pour ce même modèle de fiche. Et en plus, car oui c'est pas fini, si jamais vous ne vous en sortez pas trop niveau personnalisation, je peux éventuellement le faire pour vous. Uniquement pour la couleur ceci dit, je n'suis pas vraiment apte a toucher au code en dehors des couleurs ^^. Elle est pas belle la vie ?

Ce code vous est offert par Frosty Blue de Never Utopia

Code:

<center><div style="background: url(https://i.servimg.com/u/f66/19/77/65/68/00011010.png); border-right: 10px black solid; border-left: 10px black solid; border-bottom: 2px black solid; width: 540px; min-height: 1000px;"><img src="https://i.servimg.com/u/f66/19/77/65/68/header12.jpg"/><div style="border-top: 10px black solid;"></div>
<div style="width: 500px;"><center>
<div style="background: rgba(0,0,0,0.6); border: black 4px solid; color: lightgrey; text-align: justify; width: 490px; height: 200px; overflow: auto; float: left; margin-right: -8px;"><div style="border-bottom: 4px solid black; font-family: Georgia; font-size: 25px; text-shadow: 1px 1px 0px black; text-align: center; padding: 5px;">Informations</div><div style="margin: 10px;">
[b]Noms connus:[/b]
[b]Age :[/b]
[b]Taille :[/b]
[b]Poids :[/b]
[b]Orientation :[/b]
</div><br>
</div>

<div style="background: rgba(0,0,0,0.6); border-top: black 4px solid; border-bottom: black 4px solid; border-right: black 4px solid;border-left: black 4px solid;color: lightgrey; text-align: justify; width: 490px; height: 200px; overflow: auto;"><div style="border-bottom: 4px solid black; font-family: Georgia; font-size: 25px; text-shadow: 1px 1px 0px black; text-align: center; padding: 5px;">Signes distinctifs</div><div style="margin: 10px; ">
-
-
-
-
-
</div></div>
</center></div>
<div style="border-top: 8px solid rgba(0,0,0,0.5); box-shadow: 0px 0px 6px black; margin-left: -2px; transform: rotate(1deg); width: 102%; margin-bottom: 5px;"></div><div style=" border-top: 8px solid black; margin-left: -2px; width: 102%; margin-bottom: 5px; transform: rotate(-2deg);"></div>

<div style="background: rgba(0,0,0,0.5); box-shadow: 0px 0px 6px black; padding: 7px; padding-bottom: 4px; float: left; margin: 12px; transform: rotate(-2deg);"><div style="height: 100px; width: 100px; border: 4px black solid;"><img src="..."/></div><div style="text-align: center; font-size: 14px; text-shadow: 1px 1px 0px black; color: white; margin-top: -12px;">Nom Prénom</div></div><div style="background: rgba(0,0,0,0.7); border: 4px black solid; color: lightgrey; padding: 10px; height: 100px; margin: 12px; overflow: auto; transform: rotate(1deg); text-align: justify;">[b]Statut relationnel :[/b] Ami proche
[b]Impression :[/b] Ex : craintif - amusant - parfois agaçant
[b]Résumé :[/b] </div>

<div style="background: rgba(0,0,0,0.5); box-shadow: 0px 0px 6px black; padding: 7px; padding-bottom: 4px; float: left; margin: 12px; transform: rotate(-2deg);"><div style="height: 100px; width: 100px; border: 4px black solid;"><img src="..."/></div><div style="text-align: center; font-size: 14px; text-shadow: 1px 1px 0px black; color: white; margin-top: -12px;">Nom Prénom</div></div><div style="background: rgba(0,0,0,0.7); border: 4px black solid; color: lightgrey; padding: 10px; height: 100px; margin: 12px; overflow: auto; transform: rotate(1deg); text-align: justify;">[b]Statut relationnel :[/b] Inconnu
[b]Impression :[/b] mot - mot
[b]Résumé :[/b] </div>

<div style="background: rgba(0,0,0,0.5); box-shadow: 0px 0px 6px black; padding: 7px; padding-bottom: 4px; float: left; margin: 12px; transform: rotate(-2deg);"><div style="height: 100px; width: 100px; border: 4px black solid;"><img src="..."/></div><div style="text-align: center; font-size: 14px; text-shadow: 1px 1px 0px black; color: white; margin-top: -12px;">Nom Prénom</div></div><div style="background: rgba(0,0,0,0.7); border: 4px black solid; color: lightgrey; padding: 10px; height: 100px; margin: 12px; overflow: auto; transform: rotate(1deg); text-align: justify;">[b]Statut relationnel :[/b] Inconnu
[b]Impression :[/b] mot - mot
[b]Résumé :[/b] </div>

<div style="background: rgba(0,0,0,0.5); box-shadow: 0px 0px 6px black; padding: 7px; padding-bottom: 4px; float: left; margin: 12px; transform: rotate(-2deg);"><div style="height: 100px; width: 100px; border: 4px black solid;"><img src="..."/></div><div style="text-align: center; font-size: 14px; text-shadow: 1px 1px 0px black; color: white; margin-top: -12px;">Nom Prénom</div></div><div style="background: rgba(0,0,0,0.7); border: 4px black solid; color: lightgrey; padding: 10px; height: 100px; margin: 12px; overflow: auto; transform: rotate(1deg); text-align: justify;">[b]Statut relationnel :[/b] Inconnu
[b]Impression :[/b] mot - mot
[b]Résumé :[/b] </div>

<div style="background: rgba(0,0,0,0.5); box-shadow: 0px 0px 6px black; padding: 7px; padding-bottom: 4px; float: left; margin: 12px; transform: rotate(-2deg);"><div style="height: 100px; width: 100px; border: 4px black solid;"><img src="..."/></div><div style="text-align: center; font-size: 14px; text-shadow: 1px 1px 0px black; color: white; margin-top: -12px;">Nom Prénom</div></div><div style="background: rgba(0,0,0,0.7); border: 4px black solid; color: lightgrey; padding: 10px; height: 100px; margin: 12px; overflow: auto; transform: rotate(1deg); text-align: justify;">[b]Statut relationnel :[/b] Inconnu
[b]Impression :[/b] mot - mot
[b]Résumé :[/b] </div>

</div></center>
<center><div style="background-color: black; text-align: right; font-size: 10px; color: lightgrey; padding: 5px; width: 60%;">Code de Frosty Blue de <a href="http://www.never-utopia.com/">Never Utopia</a></div></center>[/b]

Le lien de l'image de fond dont vous pouvez changer la couleur au gré de vos envie, ou bien je peux le faire pour vous aussi c'est assez rapide : www

Et un petit aperçu du résultat du code:

Et donc nous passons maintenant à la partie des portraits, où vous trouverez les images de tous les membres que j'ai pu recenser. Si jamais votre portrait ou celui d'un membre que vous cherchez n'y figure pas, n'hésitez pas a me le signaler. Le tout sera classé par ordre alphabetique et par "affectation" (Atlas, Sa'nok ou Heiko). Et voilà, allez-y servez-vous ! Bon évidemment j'ai laissé l'image de mon perso dans le code pour éviter que ça fasse vide et que vous puissiez vous faire une meilleure idée du rendu final, mais évitez de garder cette image si vous ne voulez pas me demander de personnaliser le code à votre place, ça serait gentil ^^.

Atlas :

-Frisk


-Jak Hagaï




Heiko :

-Ainz Ooal Gown


-Rachel Shimizu




Sa'Nok :

-Arthas Menethil


-Zayro Xinn


-Zoro