[Astuces]Exemple de fiche de présentation RPG dynamique - Niveau Moyen

Date d'inscription: 09/03/2010

Bonjour,

Dans ce sujet, je vous montrerai des exemples de fiche de présentation type amélioré par du codage. La difficulté de chaque exemple varie selon ce dernier. Si vous désirez obtenir le code d'un des exemples et demander par la même occasion des modifications, il vous suffit de me contacter par MP.

Exemple 1 - Dark Simplicity

SUPPRIMER

Date d'inscription: 09/03/2010

Exemple 2 - Dark Simplicity Lodge

SUPPRIMER

Date d'inscription: 13/05/2008

J'ADORE!! je prends!

Date d'inscription: 09/03/2010

Si tu veux l'un des deux, contacte-moi par MP avec les changements que tu veux. Par contre, faudra attendre jusqu'au 10 juin minimum.

Date d'inscription: 13/05/2008

^^ merci ne t'en fait pas. Je me débrouille Smile

Je fais du codage Very Happy

tu m'as donné une super idée.
Merci Wink

Date d'inscription: 10/10/2010

J'adore la deuxième, j'la veux *o*

Hello

Voici le code :

Code:

<center><table><tr><td><center><div style="background-color: black; width: 200px; height: 320px; font-family: georgia; font-size:18px; color: grey; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomright: 20px; border: 10px solid grey">Avatar
Taille
200x320</div>[size=10]feat. Nom de la célébrité
[color=#339900][b]LIBRE[/b][/color] - PRIS - RESERVE[/size]</center></td><td><div style="font-size: 50px; line-height: 20px; font-family: georgia"><font style="color:black;"><br><br>Nom</font><br><span style="font-size: 40px; line-height: 30px; font-family: georgia;"><font style="color:grey">Prénom</font></div>
<table><tr><td>[size=10][b][font=Georgia]Age
Date de Naissance
Lieu de Naissance
Nationalité

[color=grey]Lien[/color]
Nom du Personnage

Nom du Personnage

Nom du Personnage[/font][/b][/size]</td>
<td>[size=10][font=Georgia, serif]
Texte
Texte
Texte
Texte

[color=#339900]Ami[/color], [color=#ff0000]Ennemi[/color], [color=#0066ff]Neutre[/color]
ou autres qualificatif
[color=#339900]Ami[/color], [color=#ff0000]Ennemi[/color], [color=#0066ff]Neutre[/color]
ou autres qualificatif
[color=#339900]Ami[/color], [color=#ff0000]Ennemi[/color], [color=#0066ff]Neutre[/color]
ou autres qualificatif[/font][/size]</td></tr></table></td>
<td><center><div style="width:200px"><div style="background-color: #000000; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomright: 20px; width: 200px; color: #FFFFFF; text-align: center; letter-spacing:1px; text-shadow: 2px 2px 2px #000000; border: 1px solid grey">[size=12][font=Georgia, serif]Histoire[/font][/size]</div>[size=10][b]X lignes minimum[/b][/size]
<div style="height: 300px; overflow: auto;"><div align="justify">[font=Georgia, serif][size=12]TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE[/size][/font]</div></div></td></tr></table><table><tr><td><center><div style="background-color: #000000; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomright: 20px; width: 340px; color: #FFFFFF; text-align: center; letter-spacing:1px; text-shadow: 2px 2px 2px #000000; border: 1px solid grey">[size=12][font=Georgia, serif]Caractère[/font][/size]</div>[size=10][b]X lignes minimum[/b][/size]
<div style="width:340px; height: 100px; overflow: auto;"><div align="justify">[font=Georgia, serif][size=12]TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE[/size][/font]</div></div></td><td><center><div style="background-color: #000000; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomright: 20px; width: 290px; color: #FFFFFF; text-align: center; letter-spacing:1px; text-shadow: 2px 2px 2px #000000; border: 1px solid grey">[size=12][font=Georgia, serif]Description Physique[/font][/size]</div>[size=10][b]X lignes minimum[/b][/size]
<div style="width:290px; height: 100px; overflow: auto;"><div align="justify">[font=Georgia, serif][size=12]TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE[/size][/font]</div></div></center></td></tr></table></center>

Est ce qu'il faut te personnaliser quelque chose ?

_________________

SoP Story :: 2ème votes éliminatoires

Date d'inscription: 10/10/2010

Juste savoir comment faire pour avoir l'image en 200*400 ? Smile

Et que faire pour que le code veuille bien fonctionner ? J'ai beau le copier coller, ça ne marche pas :s pourtant j'ai bien coché "autoriser le html" dans mon profil :s

Pour l'image, tu peux :

>> soit imposer la taille à ta membre (et recadrer l'image avec un logiciel de graphisme si besoin)

>> soit utiliser le code html suivant :

Code:

Là on impose une largeur (= width) de 200px et une hauteur (= height) de 400px Wink

_________________

SoP Story :: 2ème votes éliminatoires

Date d'inscription: 17/02/2011

Coucou ! Est-ce que je peux emprunter le code s'il vous plait *w* ! J'adore !

Date d'inscription: 01/07/2011

C'est normal que je peux pas voir les exemples?

Date d'inscription: 05/06/2011 Distinctions:

Ils ont été supprimé, mais Miettes a donné le code, il suffit de le tester (;

Code:

<center><table><tr><td><center><div style="background-color: black; width: 200px; height: 320px; font-family: georgia; font-size:18px; color: grey; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomright: 20px; border: 10px solid grey">Avatar
Taille
200x320</div>[size=10]feat. Nom de la célébrité
[color=#339900][b]LIBRE[/b][/color] - PRIS - RESERVE[/size]</center></td><td><div style="font-size: 50px; line-height: 20px; font-family: georgia"><font style="color:black;"><br><br>Nom</font><br><span style="font-size: 40px; line-height: 30px; font-family: georgia;"><font style="color:grey">Prénom</font></div>
<table><tr><td>[size=10][b][font=Georgia]Age
Date de Naissance
Lieu de Naissance
Nationalité

[color=grey]Lien[/color]
Nom du Personnage

Nom du Personnage

Nom du Personnage[/font][/b][/size]</td>
<td>[size=10][font=Georgia, serif]
Texte
Texte
Texte
Texte

[color=#339900]Ami[/color], [color=#ff0000]Ennemi[/color], [color=#0066ff]Neutre[/color]
ou autres qualificatif
[color=#339900]Ami[/color], [color=#ff0000]Ennemi[/color], [color=#0066ff]Neutre[/color]
ou autres qualificatif
[color=#339900]Ami[/color], [color=#ff0000]Ennemi[/color], [color=#0066ff]Neutre[/color]
ou autres qualificatif[/font][/size]</td></tr></table></td>
<td><center><div style="width:200px"><div style="background-color: #000000; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomright: 20px; width: 200px; color: #FFFFFF; text-align: center; letter-spacing:1px; text-shadow: 2px 2px 2px #000000; border: 1px solid grey">[size=12][font=Georgia, serif]Histoire[/font][/size]</div>[size=10][b]X lignes minimum[/b][/size]
<div style="height: 300px; overflow: auto;"><div align="justify">[font=Georgia, serif][size=12]TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE[/size][/font]</div></div></td></tr></table><table><tr><td><center><div style="background-color: #000000; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomright: 20px; width: 340px; color: #FFFFFF; text-align: center; letter-spacing:1px; text-shadow: 2px 2px 2px #000000; border: 1px solid grey">[size=12][font=Georgia, serif]Caractère[/font][/size]</div>[size=10][b]X lignes minimum[/b][/size]
<div style="width:340px; height: 100px; overflow: auto;"><div align="justify">[font=Georgia, serif][size=12]TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE[/size][/font]</div></div></td><td><center><div style="background-color: #000000; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomright: 20px; width: 290px; color: #FFFFFF; text-align: center; letter-spacing:1px; text-shadow: 2px 2px 2px #000000; border: 1px solid grey">[size=12][font=Georgia, serif]Description Physique[/font][/size]</div>[size=10][b]X lignes minimum[/b][/size]
<div style="width:290px; height: 100px; overflow: auto;"><div align="justify">[font=Georgia, serif][size=12]TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE[/size][/font]</div></div></center></td></tr></table></center>

_________________
* Présence réduite pour les semaines à venir *

Sauvez les Nazguls de S'Story, tapez 1

Spoiler:
	[spoiler]

Date d'inscription: 30/06/2011

Hello, puis-je me servir de ces codes pour mon forum ? Merci d'avance pour votre réponse !

Fiche supprimé => j'archive donc ce tutoriel

_________________

SoP Story :: 2ème votes éliminatoires