Partagez | 
 

 Modèle de fiches pour relations

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
avatar

Walt Disney


♚ MON HISTOIRE : 152
♚ MON ARRIVÉE : 18/07/2015
♚ MON METIER : Conteur
♚ MON FILM : Saving Mr Banks
♚ LOOK INTO MY EYES :
♚ MES AMOURS :

♚ COPYRIGHT & AVATAR : Moriarty & Tom Hanks
♚ POINTS : 276


MessageSujet: Modèle de fiches pour relations   Mar 17 Nov - 15:45

Car nous ne sommes pas tous doué en codage et que nous ne naviguons pas tous sur des forums de graph'. Nous vous proposons cette fiche modèle pour les fiches de relations. On vous propose 2 fiches pour le moment, pour vous laisser libre de votre choix, ils proviennent toutes 2 de Bazzart mais les couleurs ont été adaptées :

Fiche 1 :

Prénom P. Nom
fiche & images par ekkinox
Âge ❖ Études/Travail ❖ Orientation sexuelle/Groupe
Des points sur votre personnage.  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.
SON HISTOIRE EN BREF
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.

si t'es plus curieux... tu survoles!
qualité ❖ défaut ❖ qualité
défaut ❖ qualité ❖ défaut
qualité ❖ défaut ❖ qualité

Idées de liens

TITRE DU LIEN (POSITIF/NÉGATIF)lien masculin/féminin
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.

Liens à rajouter

Prénom P. Nom (FEAT CÉLÉBRITÉ) ❖ titre du lien



Code:
<link href='http://fonts.googleapis.com/css?family=Antic+Slab' rel='stylesheet' type='text/css'><style>.survol_1{width: 198px; height: 318px; border: 1px solid #23627D; background-color: #23627D; background-image: url(http://data.nimages.fr/fvgrgl2.png); text-align: center; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; opacity: 0; overflow: auto;} .survol_1:hover{opacity: 1;}</style>
<center><div style="background-color: #23627D; width: 510px;"><div style="background-color: #1C4C61; padding-top: 10px; padding-bottom: 3px; font-family: Antic Slab; font-size: 30px; width: 500px;">Prénom P. Nom<div style="font-size: 9px;">fiche & images par ekkinox</div></div><div style="padding-top: 10px; padding-bottom: 10px;"><div style="font-family: times new roman; font-size: 14px; font-weight: lighter; text-transform: uppercase; width: 490px; padding-top: 3px; padding-bottom: 3px; border-top: 1px dashed #D1CC9B; border-bottom: 1px dashed #D1CC9B;">Âge ❖ Études/Travail ❖ Orientation sexuelle/Groupe</div></div><table><td><div style="background-color: #1C4C61; width: 295px; font-size: 10px; height: 293px; line-height: 11px; overflow: auto; text-align: justify;"><div style="padding: 10px;">Des points sur votre personnage.  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div><div style="background-color: #f2f3f8; background-image: url(http://data.nimages.fr/fvgrgl2.png); width: 295px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px;"><a href="#">MA FICHE DE PRÉSENTATION</a></div><div style="background-color: #f7f2f8; background-image: url(http://data.nimages.fr/fvgrgl2.png); width: 295px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px;"><a href="#">MON RÉPERTOIRE DE TOPICS</a></div></td><td><div style="margin-top: -20px;"><div style="background: #1C4C61; width: 200px; height: 320px;"><div style="width: 200px; height: 320px; background-image: url(http://i.imgur.com/gSWATwP.png);  background-repeat: no-repeat;"><div class="survol_1"><img src="http://i.imgur.com/IU8wckH.png" style="opacity: 0.95;"><div style="text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; font-size: 15px; word-spacing: -2px;">SON HISTOIRE EN BREF</div><div style="padding-left: 5px; padding: right: 5px; text-align: justify; font-size: 10px; line-height: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div></div>
<div style="background-color: #1C4C61; width: 200px; font-family: Antic Slab; font-size: 10px; word-spacing: -2px; text-align: center; margin-top: -15px;">si t'es plus curieux... tu survoles!</div></div></td></table><div style="padding-top: 10px; padding-bottom: 10px;"><div style="font-family: times new roman; font-size: 12px; font-weight: lighter; text-transform: uppercase; width: 490px; padding-top: 3px; padding-bottom: 3px; border-top: 1px dashed #D1CC9B; border-bottom: 1px dashed #D1CC9B;"><div style="width: 450px;">qualité ❖ défaut ❖ qualité
défaut ❖ qualité ❖ défaut
qualité ❖ défaut ❖ qualité</div></div></div>
<div style="background-color: #1C4C61; padding-top: 10px; padding-bottom: 10px; font-family: Antic Slab; font-size: 30px; width: 500px;">Idées de liens</div>
<div style="width: 450px; text-align: justify; font-size: 11px; line-height: 10px;"><img src="http://i.imgur.com/DFJAY8s.png" style="width: 60px; border-radius: 100%; padding-right: 5px; padding-bottom: 5px; float: left;"><div style="text-align: center; border-bottom: 2px solid #1C4C61; width: 100%;">[b]TITRE DU LIEN ([u]POSITIF/NÉGATIF[/u])[/b] ❖ [i]lien masculin/féminin[/i]</div><div style="padding-top: 4px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div>
<div style="background-color: #1C4C61; padding-top: 10px; padding-bottom: 14px; font-family: Antic Slab; font-size: 30px; width: 500px;">Liens à rajouter</div>
<div style="width: 450px; text-align: justify; font-size: 11px; line-height: 10px;">[b]Prénom P. Nom[/b] [size=9][i](FEAT CÉLÉBRITÉ)[/i][/size] ❖ titre du lien</div>
</div></center>


Fiche n°2 :

Prénom Prénom Nom
Âge | Emploi | Statut marital | Orientation sexuelle | Avatar

Who are you ?
What are you looking for ?
Les anecdotes, tout ce qui concerne le personnage pour aiguiller les membres.
(♀ / ♂) Titre du lien - descriptif
(♀ / ♂) Titre du lien - descriptif
(♀ / ♂) Titre du lien - descriptif
(♀ / ♂) Titre du lien - descriptif
(♀ / ♂) Titre du lien - descriptif
(♀ / ♂) Titre du lien - descriptif

Emi Burton


Code:

<center><link href='http://fonts.googleapis.com/css?family=Patrick+Hand' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Carrois+Gothic+SC' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><div style="border: 1px solid silver; box-shadow: 0px 0px 1px silver; width: 480px; background-color : 23627D; text-align:justify; line-height: 14px;"><center><img src="http://image.noelshack.com/fichiers/2014/48/1417285021-tumblr-nembneuqno1qfqjxao3-r6-250.gif" style="width:220px;border: solid 1px silver; padding:2px;margin-top: 10px;"/> <img src="http://image.noelshack.com/fichiers/2014/48/1417285014-tumblr-nembneuqno1qfqjxao7-r4-250.gif" style="width:220px;border: solid 1px silver; padding:2px;margin-top: 10px;"/><div style="font-family: 'Kaushan Script', cursive; font-size: 20px; color:#E55451; text-align: center; text-shadow: silver 1px 0px 1px; margin-top: 2px;">Prénom Prénom Nom</div><div style="font-family:'Carrois Gothic SC'; text-align: center;margin-top: 2px;">Âge | Emploi | Statut marital | Orientation sexuelle | Avatar </div><div style="border-bottom:3px solid #E55451; width:310px;margin-top: 4px;"></div></br><table><tr><td><div style="font-family: 'Patrick Hand', cursive; text-transform: uppercase; text-shadow: 0 0 1px silver; font-size: 14px; text-align: center;">Who are you ?</div></td><td><div style="font-family: 'Patrick Hand', cursive; text-transform: uppercase; text-shadow: 0 0 1px silver; font-size: 14px; text-align: center;">What are you looking for ?</div></td><tr><td><center><div style="width:220px; height:250px;background-color:#23627D;text-align:justify;border: solid 1px silver; padding: 5px; font-family: arial; font-size: 12px; overflow:auto;">Les anecdotes, tout ce qui concerne le personnage pour aiguiller les membres.</div></center></div></td> <td><center><div style="width:210px; height:250px;background-color:#23627D;text-align:justify; border: solid 1px silver; padding: 5px; font-family: arial; font-size: 12px; overflow:auto;">(♀ / ♂) [b]Titre du lien[/b] - descriptif
(♀ / ♂) [b]Titre du lien[/b] - descriptif
(♀ / ♂) [b]Titre du lien[/b] - descriptif
(♀ / ♂) [b]Titre du lien[/b] - descriptif
(♀ / ♂) [b]Titre du lien[/b] - descriptif
(♀ / ♂) [b]Titre du lien[/b] - descriptif</div></center></div></td></tr></table>
</center>
<div style="font-family:'Carrois Gothic SC'; font-size:8px; color: #B6B6B4; opacity:0.8; letter-spacing: 1px; text-align:right; margin-right: 3px;">Emi Burton</div></div></div>


Fiches des Liens :

Prénom P² Nom
nature du lien
Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici. Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici. Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici. Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici. Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici. Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.
Prénom P² Nom
nature du lien
Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici. Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici. Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici. Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici. Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici. Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.


Code:
<center><link rel="stylesheet" type="text/css" href="http://www.aht.li/2434373/ficheliensbazz2.css"><div id="slides"><table><tbody><tr><td style="border: 1px solid grey"><div class="fond2"><img src="http://i.imgur.com/iudAWj5.png" class="nb"><div class="recouv2"><div style="height:10px;"></div><div style="background-color: #79B9E1; opacity: 0.8; height: 35px; width: 200px; text-align:center; line-height: 72px;padding-top: 23px;"><span style="line-height:10px; /* on rétablit le line-height */;"><span style="font-family: 'tommaso'; font-size: 30px; color: #1C1C1C; text-shadow: white 1px 0 0; opacity: 0.7;">Prénom P² Nom</span><br><span style="font-family: 'Helvetica'; font-size: 8px; color: #686868; width: 500px; text-shadow: #DBDBDB 1px 0 0; text-transform: uppercase; letter-spacing: 2px;line-height: 14px;">nature du lien</span></span></div><div style="height:10px;"></div><div style="background-color: #4C4B46; opacity: 0.9; height:200px; padding:20px; color: #DBDBDB /* <-ICI LA COULEUR DE POLICE */; font-family: helvetica; font-size: 11px; text-align:justify; overflow-y:auto;line-height: 14px;">Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici. Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici. Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici. Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici. Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici. Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.</div></div></div></td><td style="border: 1px solid grey"><div class="fond2"><img src="http://i.imgur.com/v8M0qnt.png" class="nb"><div class="recouv2"><div style="height:10px;"></div><div style="background-color: #79B9E1; opacity: 0.8; height: 35px; width: 200px; text-align:center; line-height: 72px;padding-top: 23px;"><span style="line-height:10px; /* on rétablit le line-height */;"><span style="font-family: 'tommaso'; font-size: 30px; color: #1C1C1C; text-shadow: white 1px 0 0; opacity: 0.7;">Prénom P² Nom</span><br><span style="font-family: 'Helvetica'; font-size: 8px; color: #686868; width: 500px; text-shadow: #DBDBDB 1px 0 0; text-transform: uppercase; letter-spacing: 2px;line-height: 14px;">nature du lien</span></span></div><div style="height:10px;"></div><div style="background-color: #4C4B46; opacity: 0.9; height:200px; padding:20px; color: #DBDBDB /* <-ICI LA COULEUR DE POLICE */; font-family: helvetica; font-size: 11px; text-align:justify; overflow-y:auto;line-height: 14px;">Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici. Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici. Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici. Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici. Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici. Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.</div></div></div></td></tr></tbody></table></div></center>

Cette fiche ne changera pas encore en fonction du design', le CSS est en cours de codage, mais une news vous indiquera quand le nouveau code sera disponible  <3 <3

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://neverafterrpg.forumactif.org
 

Modèle de fiches pour relations

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Never After ::  :: 
Contacts
 :: ♚ Fiches de relations
-

N'hésitez pas à donner votre avis et nous aider à upper les sujets sur PRD & Bazzart.





CLOCHETTE FAIRY & JASPER HOWELL & ADAM REDROSE



Nos personnages de Disney sont tous arrivés dans notre monde depuis quelques temps déjà. A peine eurent-t-ils le temps de se remettre de cette aventure que d'étranges phénomènes surviennent : des souvenirs reviennent à la surface, des souvenirs de la vie du personnage du monde réel dans lequel ils ont atterri. Sans compter que parfois, ils n'ont tout simplement plus conscience qu'ils sont des personnages de Disney, leur eux-réel reprenant le dessus ! Nos héros, héroïnes, amis et ennemis s'effacent tout doucement de notre univers. Et leurs merveilleuses histoires avec eux !C'est par ici !