Revenir en haut
Aller en bas



 
RechercherAccueilDernières imagesS'enregistrerConnexion
-29%
Le deal à ne pas rater :
PC portable – MEDION 15,6″ FHD Intel i7 – 16 Go / 512Go (CDAV : ...
499.99 € 699.99 €
Voir le deal

 :: Mairie :: Dossier des résidents Voir le sujet précédent Voir le sujet suivant Aller en bas

Les fiches de présentation


L'inventaire RPG
Classe:
Niveau:
Métier:
The Goddess
PNJ
The Goddess
PNJ
Messages : 75
Date d'inscription : 28/05/2016
Métier : -
Classe : -
Race : -
Mar 4 Juil - 14:51
The Goddess
En lisant le titre, vous devez sûrement vous êtres dit : "Quoi, LES fiches ? Mais elle débloque elle ou quoi ?" Mais non, en fait c'est vraiment bien LES fiches, parce que nous vous proposons trois fiches de présentations selon un thème bien défini. Vous aurez donc une fiche neutre, une fiche sombre et une fiche colorée.

Nous voulions changer, avoir quelque chose d'original pour une fois au niveau des présentation, alors nous nous sommes dit : "Ouais, pourquoi ne pas proposer différentes fiches, pour une fois ?". Le petit plus, c'est que nous allons reprendre ce système partout, enfin sauf pour les textes officiels quoi. Eux, ils n'auront qu'un seul codage, sinon bonjour le bordel !


Bref, trève de blabla. Dans les trois posts plus bas, vous allez retrouver les trois fiches de présentation, avec une petite explication pour chacune de celle-ci, afin de vous aidez à voir clair. Mais avant, voici quelques petites règles qu'il vous faudra suivre, si vous voulez être validé.


► Vous avez quatre jour pour poster votre fiche, complétée ou non. Puis, une fois celle-ci mise, vous aurez deux semaines pour la terminer. Si besoin, nous pouvons vous accordez jusqu'à deux semaines supplémentaire maximum. Ce délai dépassé, votre fiche se retrouvera dans les dossiers oubliés. Pour la récupérer, il faudra envoyer un message privé à un des membres du staff du forum. Vous pourrez retrouver la liste complète ici.
► Pas de mary-sue ni de gary-stu sur le forum, s'il vous plait. Oui, vos personnages ont des pouvoirs et oui, vous avez bien lu, ils peuvent en avoir quatre. Cependant, au tout début, vous n'en aurez qu'un seul parmi les quatre disponibles. À vous de choisir celui qui vous plait le plus entre affinité, capacité, pouvoir ou habileté.
► Vous ne pouvez pas changer de race en cours de parcours, sauf si vous êtes humains. À partir de cette race, plusieurs vous seront accessible, mais pas tous. On ne devient pas elfe du jour au lendemain.
► Si vous avez une race, mais que vous n'avez pas encore débloqué l'héritage, vous devrez inscrire : Humain hors héritage, XXX lors de l'héritage.
► Dernier point et non des moindres, l'âge. Rappelez-vous bien que ce n'est qu'à l'intérieur des dimensions que votre vieillissement est arrêté. Sur Anuran, vous vieillissez, mais moins vite que les humains. Et si vous alternez entre les dimensions et Anuran, votre vieillissement reprendra là où il c'était arrêté.
► Nous demandons 15 lignes minimum pour le caractère, 15 lignes minimum pour le physique s'il y a lieu et 30 lignes minimum pour l'histoire.


Voilà, en espérant que ça en aidera certains.
Revenir en haut Aller en bas

L'inventaire RPG
Classe:
Niveau:
Métier:
The Goddess
PNJ
The Goddess
PNJ
Messages : 75
Date d'inscription : 28/05/2016
Métier : -
Classe : -
Race : -
Mar 4 Juil - 15:02
The Goddess
Voici la première fiche de présentation, la neutre. Sachez que l'histoire sera à mettre dans un deuxième post.

► Pour changer les grandes images, chercher le bout de code
Code:
http://41.media.tumblr.com/0173c0aa7ae2c3fef715d3c428a934dd/tumblr_nfj60fl1mQ1qifn2ao1_1280.jpg
et changer les avec l'image de votre personnage.

Spoiler:

Code:
<center><link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'><div style="background-image: url(http://i.imgur.com/Uw5gfLr.jpg);padding: 15px; width:485px;opacity:0.8;box-shadow: 1px 2px 2px 1px darkgray;"><link href='http://fonts.googleapis.com/css?family=Dorsa|Great+Vibes|Rochester' rel='stylesheet' type='text/css'><style type="text/css">.case { font-family: Great Vibes, cursive;font-size : 19px; background-color: #F8F6F3;color:black;text-align : center; text-transform: lowercase; width:190px; padding-top:1px; -webkit-transition: all 0.9s ; -moz-transition: all 0.9s ; transition: all 0.9s ; margin-bottom:3px;} .img { opacity: 0.8;} .img:hover { opacity: 1.0;} .case2 { font-family: Great Vibes, cursive;font-size : 19px; background-color:#F8F6F3;color:darkgrey;text-align : center; text-transform: lowercase; width:190px;padding-top:1px; -webkit-transition: all 0.9s ; -moz-transition: all 0.9s ; transition: all 0.9s ; margin-bottom:3px;}  </style>
<div style="background-color:white;width:485px;"><img src="http://41.media.tumblr.com/0173c0aa7ae2c3fef715d3c428a934dd/tumblr_nfj60fl1mQ1qifn2ao1_1280.jpg" width="475px" style="border: 1px solid darkgray;padding: 2px;" ><div style="width:400px; text-align:center;font-family:georgia;font-size:35px; letter-spacing:-1px; color:#95BABA; padding:-10px 0px 10px 0px;margin-top:-12px;opacity:0.8;">Prénom Prénom Nom</div>
<div style="font-family: courrier new; font-size: 9px;color: darkgray; text-align: justify;line-height: 8px;width: 475px;margin-left: 5px;border-top: 1px solid #F8F6F3;">I'm untouchable darkness, a dirty black river to get you through this. In the mouth of madness, down in the darkness</div></div>

<div style="background-color:white;width:485px;"><table border="0" align="center" width="403" style="background-color:white;margin-top:-22px;padding-top:17px;"><td width="50%" style="color:silver;text-align:justify;font-family:verdana;font-size:10px;padding:5px;"><div style="max-height:310px; overflow-y:auto;overflow-x:hidden;padding-right: 5px; padding-bottom:10px;margin-top:-1px;line-height:normal;width:235px;height:320px;background-color: #F8F6F3;padding-left:5px;padding-top:5px;">[color=black]Nom[/color] : écrire ici
[color=darkslategray]Prénom[/color] : écrire ici
[color=darkslategray]Âge[/color] : écrire ici
[color=darkslategray]Date de naissance[/color] : écrire ici
[color=darkslategray]Situation familiale[/color] : écrire ici
[color=darkslategray]Orientation sexuelle[/color] : écrire ici
[color=darkslategray]Ville[/color] : Magynrit
[color=darkslategray]Habitation[/color] : écrire ici. Visitez <a href="www">ce sujet</a> pour de plus amples informations.
[color=darkslategray]Particularités [/color]: écrire ici. Visitez <a href="www">ce sujet</a> pour de plus amples informations.
[color=darkslategray]Affinités[/color] : écrire ici. Visitez <a href="www">ce sujet</a> pour de plus amples informations.
[color=darkslategray]Pouvoirs[/color] : écrire ici. Visitez <a href="www">ce sujet</a> pour de plus amples informations.
[color=darkslategray]Capacités[/color] : écrire ici. Visitez <a href="www">ce sujet</a> pour de plus amples informations.
[color=darkslategray]Familier[/color] : écrire ici. Visitez <a href="www">ce sujet</a> pour de plus amples informations.
[color=darkslategray]Monture[/color] : écrire ici. Visitez <a href="www">ce sujet</a> pour de plus amples informations.
[color=darkslategray]Race[/color] : écrire ici. Visitez <a href="www">ce sujet</a> pour de plus amples informations.
[color=darkslategray]Sous-Race[/color] : écrire ici. Visitez <a href="www">ce sujet</a> pour de plus amples informations.
[color=darkslategray]Contenu de sa bourse[/color] : écrire ici. Visitez <a href="www">ce sujet</a> pour de plus amples informations.
[color=darkslategray]Habitudes[/color] : écrire ici ○ écrire ici ○ écrire ici
[color=darkslategray]Groupe[/color] : écrire ici. Visitez <a href="www">ce sujet</a> pour de plus amples informations.
[color=darkslategray]Avatar[/color] : écrire ici
[color=darkslategray]Race vivante ?[/color] : écrire ici. Visitez <a href="www">ce sujet</a> pour de plus amples informations.

<div style="border: 3px solid #B9D3D3;"></div><div style="font-family: great vibes;font-size: 30px;text-align:center;color:#95BABA;margin-top:-3px;margin-bottom:-15px;">Anecdotes</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div></td><td width="50%" align="center"><center><img src="http://40.media.tumblr.com/21cfd18840e2431c1834b0a804cb0d4b/tumblr_nimjldX8Wo1rssktfo1_500.jpg" width="200" height="320" class="img" /></center></td></table>

<div style="border: 2px solid #B9D3D3;"></div><div style="font-family: great vibes;font-size: 39px;text-align:center;color:#95BABA;margin-top:-3px;margin-bottom:-15px;">Caractère</div><div style="max-height:310px; overflow-y:auto;overflow-x:hidden;padding-right: 5px; padding-bottom:10px;margin-top:-1px;line-height:normal;width:470px;background-color: #F8F6F3;padding-left:5px;padding-top:5px;font-size:12px;text-align:justify;">
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</div>
<div style="text-align: center; font-family: courrier new; font-size:7px;text-transform:uppercase;">black pumpkin</div><div style="border: 3px solid #B9D3D3;opacity:0.9;"></div></div> </center>


<center><link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'><div style="background-image: url(http://i.imgur.com/Uw5gfLr.jpg);padding: 15px; width:485px;opacity:0.8;box-shadow: 1px 2px 2px 1px darkgray;"><link href='http://fonts.googleapis.com/css?family=Dorsa|Great+Vibes|Rochester' rel='stylesheet' type='text/css'><style type="text/css">.case { font-family: Great Vibes, cursive;font-size : 19px; background-color: #F8F6F3;color:black;text-align : center; text-transform: lowercase; width:190px; padding-top:1px; -webkit-transition: all 0.9s ; -moz-transition: all 0.9s ; transition: all 0.9s ; margin-bottom:3px;} .img { opacity: 0.8;} .img:hover { opacity: 1.0;} .case2 { font-family: Great Vibes, cursive;font-size : 19px; background-color:#F8F6F3;color:darkgrey;text-align : center; text-transform: lowercase; width:190px;padding-top:1px; -webkit-transition: all 0.9s ; -moz-transition: all 0.9s ; transition: all 0.9s ; margin-bottom:3px;}  </style>
<div style="background-color:white;width:485px;"><div style="width:400px; text-align:center;font-family:georgia;font-size:35px; letter-spacing:-1px; color:#95BABA; padding:-10px 0px 10px 0px;margin-top:12px;opacity:0.8;">Derrière l'écran</div><table border="0" align="center" width="430" style="background-color:white;margin-top:-17px;padding-top:13px;"><td width="50%" style="color:silver;text-align:justify;font-family:verdana;font-size:10px;padding:5px;"><div style="max-height:85px; overflow-y:auto;overflow-x:hidden;padding-right: 5px; padding-bottom:10px;margin-top:-1px;line-height:normal;width:300px;height:150px;background-color: #F8F6F3;padding-left:5px;padding-top:5px;">[color=black]Pseudo[/color] : écrire ici
[color=darkslategray]Prénom[/color] : écrire ici
[color=darkslategray]Âge[/color] : écrire ici
[color=darkslategray]Pays[/color] : écrire ici
[color=darkslategray]Fréquence de connexion[/color] : écrire ici
[color=darkslategray]Inventé ou scénario[/color] : écrire ici
[color=darkslategray]Commentaires[/color] : écrire ici
</div></td><td width="50%" align="center"><center><img src="http://2.bp.blogspot.com/-AVHDgR22kkY/UxHkJfTMguI/AAAAAAAAErU/NRTfEJp8PZ8/s1600/5.png" width="100" height="100" class="img" /></center></td></table></div><div style="text-align: center; font-family: courrier new; font-size:7px;text-transform:uppercase;">black pumpkin</div></div> </center>

L'histoire
Spoiler:

Code:
<center><link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'><div style="background-image: url(http://i.imgur.com/Uw5gfLr.jpg);padding: 15px; width:485px;opacity:0.8;box-shadow: 1px 2px 2px 1px darkgray;"><link href='http://fonts.googleapis.com/css?family=Dorsa|Great+Vibes|Rochester' rel='stylesheet' type='text/css'><style type="text/css">.case { font-family: Great Vibes, cursive;font-size : 19px; background-color: #F8F6F3;color:black;text-align : center; text-transform: lowercase; width:190px; padding-top:1px; -webkit-transition: all 0.9s ; -moz-transition: all 0.9s ; transition: all 0.9s ; margin-bottom:3px;} .img { opacity: 0.8;} .img:hover { opacity: 1.0;} .case2 { font-family: Great Vibes, cursive;font-size : 19px; background-color:#F8F6F3;color:darkgrey;text-align : center; text-transform: lowercase; width:190px;padding-top:1px; -webkit-transition: all 0.9s ; -moz-transition: all 0.9s ; transition: all 0.9s ; margin-bottom:3px;}  </style>
<div style="background-color:white;width:485px;"><img src="http://41.media.tumblr.com/0173c0aa7ae2c3fef715d3c428a934dd/tumblr_nfj60fl1mQ1qifn2ao1_1280.jpg" width="475px" style="border: 1px solid darkgray;padding: 2px;" ><div style="width:400px; text-align:center;font-family:georgia;font-size:35px; letter-spacing:-1px; color:#95BABA; padding:-10px 0px 10px 0px;margin-top:-12px;opacity:0.8;">Histoire</div>
</div>
<div style="background-color:white;width:485px;">
<div style="max-height:310px; overflow-y:auto;overflow-x:hidden;padding-right: 5px; padding-bottom:10px;margin-top:-1px;line-height:normal;width:470px;background-color: #F8F6F3;padding-left:5px;padding-top:5px;font-size:12px;text-align:justify;">
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</div>
<div style="text-align: center; font-family: courrier new; font-size:7px;text-transform:uppercase;">black pumpkin</div><div style="border: 3px solid #B9D3D3;opacity:0.9;"></div></div> </center>
Revenir en haut Aller en bas

L'inventaire RPG
Classe:
Niveau:
Métier:
The Goddess
PNJ
The Goddess
PNJ
Messages : 75
Date d'inscription : 28/05/2016
Métier : -
Classe : -
Race : -
Mar 4 Juil - 15:48
The Goddess
Voici maintenant la fiche de présentation sombre. Un style clair, épuré, de toute beauté. Merci à NyxBanana pour cette fiche.

► Pour changer les deux grandes images, allez sur google > images > options > taille > grandes et couleur > noir. Ils n'est pas obligatoire que l'image soit en noir et blanc, le css se chargera de la mettre automatiquement et de légèrement baisser l'opacité, ce qui vous évite de devoir retoucher l'image.
► Vous devrez obligatoirement changer les deux grandes images, car celles qui sont présentes ici sont utilisé par Eilyas. Elle a bien voulu nous prêter la tête de son avatar, merci à elle.


Spoiler:

Code:
<link href="https://fonts.googleapis.com/css?family=Oswald:300,400,700" rel="stylesheet"><div class="NBpresa__container"><div class="NBpresa__quicklook"><div class="quicklook__letter">P</div><div class="quicklook__name">Prénom Nom</div><div class="quicklook__info">Avatar</div><div class="quicklook__info">État Civil</div><div class="quicklook__info">Sexualité</div><div class="quicklook__info">Métier</div><div class="quicklook__info">Age</div><div class="quicklook__info">Nationnalité</div><div class="quicklook__info">Ville</div><div class="quicklook__info">Sous-Race</div><div class="quicklook__info">Race</div><div class="quicklook__info">Métier</div>


<div class="quicklook__quote">Une citation qui roxe du poney en tong</div>
<div class="quicklook__song"><a href="https://www.youtube.com/watch?v=Dc2BKczvRc0">► Titre d'une chanson qui te fait penser à ton perso</a></div>

<div class="quicklook__think">Souffle nous ici une petite phrase que ton personnage aurait pu dire. Que ça soit à propos d'un sujet qui lui tient particulièrement à coeur, une parole précise qu'il a tenu à quelqu'un au court de sa vie ou tout simplement une sale manie qu'il a. Donne nous donc ici un premier aperçu de qui il peut être et de comment il peut évoluer au quotidien.</div></div>

<div class="NBpresa__moar__container"><div class="NBpresa__moar__bg" style="background: url(http://i.imgur.com/ZhLlDqq.png) no-repeat center; background-size: cover;"></div><div class="NBpresa__moar"><div class="moar__title">Meet me</div><div class="moar__container"><div class="moar__vava" style="background: url(http://i.imgur.com/seK0cAg.png) no-repeat center; background-size: cover;"><div class="moar__name1">Prénom personnage</div></div><div class="moar__cara__container1"><div class="cara__title">Nature</div><div class="moar__cara">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio sit reiciendis ipsum optio iusto ut voluptatum vitae voluptatem facilis aut dolores repellendus quaerat nobis tempore, odit error expedita laboriosam dolorem.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci nemo, dolorem fugiat sequi, consectetur et quo labore sunt hic molestias ab explicabo harum, officiis laudantium quae nobis voluptas quibusdam autem.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit nisi, at, sunt libero quisquam, laudantium perferendis ducimus nostrum, mollitia ad minima nulla! Officia facilis omnis optio, quae quisquam obcaecati magni?</div></div></div><div class="moar__container"><div class="moar__cara__container2"><div class="cara__title">Pouvoirs</div><div class="moar__cara">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio sit reiciendis ipsum optio iusto ut voluptatum vitae voluptatem facilis aut dolores repellendus quaerat nobis tempore, odit error expedita laboriosam dolorem.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci nemo, dolorem fugiat sequi, consectetur et quo labore sunt hic molestias ab explicabo harum, officiis laudantium quae nobis voluptas quibusdam autem.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit nisi, at, sunt libero quisquam, laudantium perferendis ducimus nostrum, mollitia ad minima nulla! Officia facilis omnis optio, quae quisquam obcaecati magni?</div></div><div class="moar__vava" style="background: url(http://i.imgur.com/seK0cAg.png) no-repeat center; background-size: cover;"><div class="moar__name2">Prénom personnage</div></div></div></div></div>

<div class="NBpresa__story"><div class="story__title">Un titre d'histoire qui pèse dans l'game</div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi delectus at expedita exercitationem ullam amet esse, magnam quae quas assumenda commodi, odio aspernatur quibusdam voluptate quod obcaecati quos vel nisi.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor ipsa exercitationem inventore aliquam vitae assumenda voluptates minus consequuntur sit cum temporibus, tempora a, neque debitis numquam perspiciatis dignissimos alias nisi.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae deleniti tempore dolores nobis aspernatur magni sit praesentium, sapiente ratione beatae est minus repellendus fugiat fugit officia. Dignissimos est provident placeat!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum tempore at nisi ex impedit, atque iure non a qui labore adipisci similique quia aspernatur blanditiis, in odit quod quidem quibusdam!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo repellendus possimus totam saepe nulla ad qui laborum, consequuntur facere corporis praesentium adipisci incidunt quos amet maxime, tenetur, perspiciatis beatae reiciendis.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum recusandae asperiores dolorum magnam molestias. Quos magni eos, tenetur culpa perferendis, omnis neque ad harum distinctio id possimus sapiente consectetur, a?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor ipsa exercitationem inventore aliquam vitae assumenda voluptates minus consequuntur sit cum temporibus, tempora a, neque debitis numquam perspiciatis dignissimos alias nisi.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae deleniti tempore dolores nobis aspernatur magni sit praesentium, sapiente ratione beatae est minus repellendus fugiat fugit officia. Dignissimos est provident placeat!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum tempore at nisi ex impedit, atque iure non a qui labore adipisci similique quia aspernatur blanditiis, in odit quod quidem quibusdam!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo repellendus possimus totam saepe nulla ad qui laborum, consequuntur facere corporis praesentium adipisci incidunt quos amet maxime, tenetur, perspiciatis beatae reiciendis.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum recusandae asperiores dolorum magnam molestias. Quos magni eos, tenetur culpa perferendis, omnis neque ad harum distinctio id possimus sapiente consectetur, a?</div>

<div class="NBpresa__player__container"><div class="NBpresa__player__bg" style="background: url(http://i.imgur.com/dGHMkrG.png) no-repeat center; background-size: cover;"></div><div class="NBpresa__player"><div class="player__title">Dis m'en plus sur toi...</div>Ici parle nous un peu de toi en tant que joueur... La manière dont on peut t'appeler, ton âge, ton pays d'origine, tes disponniblités, la manière dont tu as découvert le forum, ce genre de petits trucs quoi... ♥</div></div></div>
Revenir en haut Aller en bas

L'inventaire RPG
Classe:
Niveau:
Métier:
The Goddess
PNJ
The Goddess
PNJ
Messages : 75
Date d'inscription : 28/05/2016
Métier : -
Classe : -
Race : -
Mar 4 Juil - 15:58
The Goddess
Finalement, voici la fiche colorée. Bon, entre nous, c'est pas hyper coloré, mais pour moi ça l'est.

► Il ne faut ABSOLUMENT PAS touché la toute dernière ligne de code, car c'est elle qui gère le CSS de la fiche de présentation. Si par mégarde vous la supprimez, la voici :
Code:
<link type="text/css" rel="stylesheet" href="http://strandhogg.fr/epicode/css/25.css?color1p=876ebc"/>
► Si vous voulez vous amusez à changer la couleur des titres, il faut tout simplement changer le code-couleur "876ebc" qu'il y a à la fin.
► Ne vous y trompez pas, les onglets journal et liens sont en fait des liens menant à ceux-ci.
.

Bref, voici la fiche :


Spoiler:

Code:
<div class="template-linus-25"><!--
   /***changer ici l'image de fond de l'entête***/
 --><div style="background-image:url(//strandhogg.fr/epicode/placeholders/16.jpg);" class="tli-header"><!--
   --><div class="tli-avatar tli-shadow"><!--
     /***changer ici l'avatar***/
     --><img src="//strandhogg.fr/epicode/placeholders/16.jpg"/><!--
   --></div><!--
   
   /***champs infos personnelles***/
   --><ul class="tli-infos"><!--
     --><li><span class="tli-field">nom</span> polo</li><!--
     --><li><span class="tli-field">prénom</span> marco</li><!--
     --><li><span class="tli-field">âge</span> 26 ans</li><!--
     --><li><span class="tli-field">gender</span> m</li><!--
     --><li><span class="tli-field">nationalité</span> italienne</li><!--
     --><li><span class="tli-field">ville</span> les roux</li><!--
     --><li><span class="tli-field">occupation</span> faire le beau</li><!--
   --></ul><!--
   /***fin champs infos personnelles***/
   
 --></div><!--
 --><div class="tli-body"><!--

   /***début contenu onglet 2***/
   --><span class="tli-target" id="onglet2"></span><!--
   --><div class="tli-text"><!--
   --><h2 class="tli-title">pouvoirs & malus</h2><!--
   -->Mauris dapibus arcu nec diam egestas rutrum. In in erat tortor. Fusce dignissim, turpis ut elementum bibendum, nunc est finibus diam, vitae dignissim odio tellus ut nunc. Donec erat tortor, luctus a consequat a, vestibulum at eros. Donec tincidunt erat eget justo venenatis venenatis sit amet ut dui. Cras nec facilisis elit. Maecenas at nibh condimentum, laoreet sapien eu, porta erat. Integer a diam vel lectus auctor rhoncus sit amet non nunc. Mauris porttitor, massa et blandit pulvinar, erat purus pellentesque sapien, sed molestie turpis sem vitae ante. Aliquam erat volutpat. Sed rutrum cursus velit, vel cursus leo blandit sit amet. Suspendisse fringilla purus neque, et euismod magna placerat quis.</div><!--
   /***fin contenu onglet 2***/

   /***début contenu onglet 3***/
   --><span class="tli-target" id="onglet3"></span><!--
   --><div class="tli-text"><!--
   --><h2 class="tli-title">chapitre 1</h2><!--
   -->Nullam feugiat ex ut lorem lobortis iaculis. Phasellus nulla urna, dapibus vitae ex non, tristique luctus ante. Proin molestie volutpat leo at facilisis. Quisque ac ultricies ipsum. Nam cursus, ex quis cursus volutpat, leo velit laoreet risus, sit amet hendrerit elit ipsum tincidunt ipsum. In sit amet maximus ex. Vivamus tempor volutpat tellus. Etiam et turpis eget erat iaculis gravida commodo ac quam. Donec laoreet magna ut magna iaculis, ultricies congue velit sollicitudin. Morbi ligula dui, faucibus vitae accumsan nec, eleifend at magna. Nulla facilisi. Mauris ultrices fermentum lorem eu sodales. Sed eu urna risus. Aliquam malesuada urna aliquam, dapibus mi at, consectetur nunc. Duis porttitor consequat est at posuere. Nulla lorem massa, blandit ac tempus vel, ultricies nec magna. Aliquam luctus lacus ipsum, ut vulputate sem volutpat in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Sed ornare molestie tempus. Ut maximus purus vel commodo volutpat. Nullam feugiat ex ut lorem lobortis iaculis. Phasellus nulla urna, dapibus vitae ex non, tristique luctus ante. Proin molestie volutpat leo at facilisis. Quisque ac ultricies ipsum. Nam cursus, ex quis cursus volutpat, leo velit laoreet risus, sit amet hendrerit elit ipsum tincidunt ipsum. In sit amet maximus ex. Vivamus tempor volutpat tellus. Etiam et turpis eget erat iaculis gravida commodo ac quam. Donec laoreet magna ut magna iaculis, ultricies congue velit sollicitudin. Morbi ligula dui, faucibus vitae accumsan nec, eleifend at magna. Nulla facilisi. Mauris ultrices fermentum lorem eu sodales. Sed eu urna risus. Aliquam malesuada urna aliquam, dapibus mi at, consectetur nunc. Duis porttitor consequat est at posuere. Nulla lorem massa, blandit ac tempus vel, ultricies nec magna. Aliquam luctus lacus ipsum, ut vulputate sem volutpat in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Sed ornare molestie tempus. Ut maximus...</div><!--
   /***début contenu onglet 3***/

   /***début contenu onglet 1***/
   --><span class="tli-target" id="onglet1"></span><!--
   --><div class="tli-text"><!--
   --><h2 class="tli-title">physique</h2><!--
     -->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam feugiat ex ut lorem lobortis iaculis. Phasellus nulla urna, dapibus vitae ex non, tristique luctus ante. Proin molestie volutpat leo at facilisis. Quisque ac ultricies ipsum. Nam cursus, ex quis cursus volutpat, leo velit laoreet risus, sit amet hendrerit elit ipsum tincidunt ipsum. In sit amet maximus ex. Vivamus tempor volutpat tellus. Etiam et turpis eget erat iaculis gravida commodo ac quam. Donec laoreet magna...<!--
   --><h2 class="tli-title">mental</h2><!--
     -->Ultricies congue velit sollicitudin. Morbi ligula dui, faucibus vitae accumsan nec, eleifend at magna. Nulla facilisi. Mauris ultrices fermentum lorem eu sodales. Sed eu urna risus. Aliquam malesuada urna aliquam, dapibus mi at, consectetur nunc. Duis porttitor consequat est at posuere. Nulla lorem massa, blandit ac tempus vel, ultricies nec magna. Aliquam luctus lacus ipsum, ut vulputate sem volutpat in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Sed ornare molestie tempus. Ut maximus purus vel commodo volutpat. Ut commodo.<!--
   --><h2 class="tli-title">centres d'intérêts</h2><!--
   -->Curabitur rutrum arcu eu mi dignissim faucibus. Pellentesque sed augue eu nisl congue faucibus. Duis pulvinar, orci gravida venenatis malesuada, diam quam egestas urna, facilisis rhoncus elit odio tincidunt arcu. Cras eros leo, tempus in euismod et, pharetra id risus. Vestibulum ipsum odio, rutrum sit amet pharetra non, convallis in erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris dapibus arcu nec... dapibus arcu nec.<!--
   --></div><!--
   /***début contenu onglet 1***/
 
   /***menu onglets***/
   --><ul class="tli-menu"><!--
     --><li><a href="#onglet1">cv</a></li><!--
     --><li><a href="#onglet2">pouvoirs</a></li><!--
     --><li><a href="#onglet3">histoire</a></li><!--
     --><li><a target="_blank" href="#lien-externe">journal</a></li><!--
     --><li><a target="_blank" href="#lien-externe">liens</a></li><!--
   --></ul><!--
   /***fin menu onglets***/
   --><div class="tli-credits">©linus pour <a href="http://epicode.bbactif.com/" target="_blank">Epicode</a></div><!--
 --></div><!--
--></div>
<link type="text/css" rel="stylesheet" href="http://strandhogg.fr/epicode/css/25.css?color1p=876ebc"/>
Revenir en haut Aller en bas
Contenu sponsorisé
Contenu sponsorisé
Revenir en haut Aller en bas
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Mairie :: Dossier des résidents-
Sauter vers: