Les fiches de liens
Vous trouverez sur ce sujet le modèle de la fiche de lien, avec lequel vous pourrez tout dire sur vos copains voire même ennemis! Déjà sachez qu'il n'est pas obligatoire si jamais vous vous sentez l'âme de codeur. Seulement, beaucoup d'entre vous seront ravis de voir fournis ce petit code avec quelques explications. Sans plus attendre, voila le résultat final:
Nom Prénom, et un petit surnom?
Écrivez ici l'âge, et ce que vous voulez d'autre.Relatez ici ce que votre personnage pense de ce lien.
Écrivez ici l'histoire que vous partagez avec ce personnage.
Ici, écrivez tout ce qui ne rentre pas dans les deux premières catégories: bonus, objets partagés, compétences en duo, anecdotes, etc.
Le code de la fiche maintenant!
- Code:
-
<div id="fichelien_body" style="background-color: #339999"><div id="fichelien_avatar"><img src="http://sournoishack.com/uploads/1304815331vava_lien_sarky.jpg" style="border-width: 0px; border-radius: 15px; width: 94px; height: 94px"></div><div id="fichelien_entete" style="color: white">Nom Prénom, et un petit surnom?<hr>Écrivez ici l'âge, et ce que vous voulez d'autre.</div><div id="fichelien_ressenti">Relatez ici ce que votre personnage pense de ce lien.</div><div id="fichelien_historique">Écrivez ici l'histoire que vous partagez avec ce personnage.</div><div id="fichelien_icone1"><img src="http://zupimages.net/up/14/31/n9a9.png"></div><div id="fichelien_bonus">Ici, écrivez tout ce qui ne rentre pas dans les deux premières catégories: bonus, objets partagés, compétences en duo, anecdotes, etc.</div></div>
Vous remarquerez que tout est compacté en un texte, c'est normal. Forumactif prend en compte les sauts de lignes dans le codage (ce qui nous empêche à nous codeur de séparer les lignes de codes pour les rendre plus lisibles).
Maintenant, voici quelques explications sur le code, en dehors des textes qui sont assez explicites à changer:
Changer l'avatar: Repérer cette ligne de code dans le début de la fiche:
- Code:
-
<div id="fichelien_avatar"><img src="http://sournoishack.com/uploads/1304815331vava_lien_sarky.jpg" style="border-width: 0px; border-radius: 15px; width: 94px; height: 94px"></div>
Vous voyez le lien de l'image? C'est ce lien qu'il faut changer. Je déconseille de changer quoique ce soit d'autres pour éviter tout soucis ^^'. La taille maximum recommandée de l'image est de 100*100 mais le code découpera l'image si besoin si jamais elle dépasse un peu.
Changer l'icone de la troisième rangée (l'éclaireuse bleue là):
Ici, c'est tout aussi simple que pour l'avatar, sauf que la ligne de code concernée se trouve vers la fin:
- Code:
-
<div id="fichelien_icone1"><img src="http://zupimages.net/up/14/31/n9a9.png"></div>
De nouveau, taille maximale recommandée, 100*100, et vous pouvez y mettre tout ce que vous voulez ^^'. L'image peut dépasser un peu par contre, mais faites attention à ne pas faire si grand qu'elle sortirait du cadre ou passerait par dessus les textes.
Changer la couleur de fond:Vous n'aimez pas ce vert bleuté? Pas de soucis! Tout ce que vous avez à faire, c'est au tout début du code:
- Code:
-
<div id="fichelien_body" style="background-color: #339999">
et il vous suffit de changer la valeur "#339999" qui si vous faites du rp depuis un moment ou du code, vous reconnaîtrez direct. Pour les autres, cette valeur est un code de couleur qui peut se trouver soit sur l'éditeur de post, soit depuis les couleurs de la chatbox. Si vous avez la hantise des couleurs en chiffres, vous pouvez toujours marquer les habituels couleurs en anglais (white, black, blue, lightblue, darkblue, etc.) et dans ce cas, pensez à retirez la diez # au début (ne pas écrire #black par exemple).
Et voila, vous pouvez maintenant créer des liens tout beaux tout mignons entre vous \o/