Des codes, des codes et des amis !
 
AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Fiche dynamique à onglets

Aller en bas 
AuteurMessage
Aeva
Admin pantouflarde
avatar

Messages : 49
Date d'inscription : 22/04/2014

Feuille de personnage
Personnages:
PersonnagesXPXP
Perso 1
Perso 2

Experience: 0

MessageSujet: Fiche dynamique à onglets   Mar 23 Jan - 19:25




Nom du perso
  Infos


Infos principales ·
Son nom, son âge, son clan et son glowstick. Son sexe, son genre s'il diffère,
son orientation si ça vous chante. Rien d'obligatoire, organisez comme vous le voulez.

Famille ·
Ce personnage est enfant de Mère et Père, ou deux parents de même sexe,
peut-être ? Assurez-vous d'acheter le lot associé d'ailleurs. Décrivez sa fratrie, ses ancêtres voir son arbre généalogique complet si vous en avez envie ! N'ayez pas peur de faire long,
le code est fait pour s'adapter.

Autres particularités ?
Des hérédités de ses parents qui n'ont rien à voir avec un pouvoir, ni quelconque bonus. Le pouvoir inné peut s'indiquer dans la partie "Pouvoir" !
 Pouvoir


Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vivamus a cursus sapien.

Duis fermentum orci orci, eget sollicitudin purus molestie in. In vitae varius arcu, feugiat finibus mi. Aliquam nulla dolor, porttitor nec nisi at, tempor luctus augue.

Duis pulvinar purus sed justo eleifend venenatis. Etiam porttitor sapien a leo suscipit mollis. Aenean vehicula ligula consectetur magna accumsan, a consectetur ex euismod. In imperdiet non tortor eget facilisis. Suspendisse sed pharetra sapien. Quisque eu velit ut magna congue interdum id eu enim. Donec non rhoncus felis. Nam tortor est, scelerisque at erat non, fringilla scelerisque odio.

Integer risus nunc, sollicitudin non massa non, finibus varius diam. Pellentesque volutpat finibus mi nec mollis. Sed vitae sem non sapien luctus ultricies. Donec porta rutrum facilisis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin luctus elit ac risus molestie tincidunt. Maecenas auctor ut metus vel laoreet. Integer sit amet blandit arcu. Sed gravida fermentum ornare. Ut ac augue fermentum, posuere nunc et, accumsan leo. Vestibulum vestibulum dui enim, vel sollicitudin tortor porta vitae. Duis venenatis est eu lobortis iaculis.
  Carac'


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus a cursus sapien. Duis fermentum orci orci, eget sollicitudin purus molestie in. In vitae varius arcu, feugiat finibus mi. Aliquam nulla dolor, porttitor nec nisi at, tempor luctus augue. Duis pulvinar purus sed justo eleifend venenatis. Etiam porttitor sapien a leo suscipit mollis. Aenean vehicula ligula consectetur magna accumsan, a consectetur ex euismod. In imperdiet non tortor eget facilisis. Suspendisse sed pharetra sapien. Quisque eu velit ut magna congue interdum id eu enim. Donec non rhoncus felis. Nam tortor est, scelerisque at erat non, fringilla scelerisque odio.

Integer risus nunc, sollicitudin non massa non, finibus varius diam. Pellentesque volutpat finibus mi nec mollis. Sed vitae sem non sapien luctus ultricies. Donec porta rutrum facilisis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin luctus elit ac risus molestie tincidunt. Maecenas auctor ut metus vel laoreet. Integer sit amet blandit arcu. Sed gravida fermentum ornare. Ut ac augue fermentum, posuere nunc et, accumsan leo. Vestibulum vestibulum dui enim, vel sollicitudin tortor porta vitae. Duis venenatis est eu lobortis iaculis.
 Histoire


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus a cursus sapien. Duis fermentum orci orci, eget sollicitudin purus molestie in. In vitae varius arcu, feugiat finibus mi. Aliquam nulla dolor, porttitor nec nisi at, tempor luctus augue. Duis pulvinar purus sed justo eleifend venenatis. Etiam porttitor sapien a leo suscipit mollis. Aenean vehicula ligula consectetur magna accumsan, a consectetur ex euismod. In imperdiet non tortor eget facilisis. Suspendisse sed pharetra sapien. Quisque eu velit ut magna congue interdum id eu enim. Donec non rhoncus felis. Nam tortor est, scelerisque at erat non, fringilla scelerisque odio.

Integer risus nunc, sollicitudin non massa non, finibus varius diam. Pellentesque volutpat finibus mi nec mollis. Sed vitae sem non sapien luctus ultricies. Donec porta rutrum facilisis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin luctus elit ac risus molestie tincidunt. Maecenas auctor ut metus vel laoreet. Integer sit amet blandit arcu. Sed gravida fermentum ornare. Ut ac augue fermentum, posuere nunc et, accumsan leo. Vestibulum vestibulum dui enim, vel sollicitudin tortor porta vitae. Duis venenatis est eu lobortis iaculis.

Donec lobortis lobortis enim a feugiat. Integer laoreet bibendum blandit. Ut est mauris, pulvinar nec eros nec, consequat vehicula magna. Donec venenatis pretium neque pellentesque tempus. Suspendisse efficitur magna augue, ut suscipit nunc finibus vitae. Nunc tempus odio vel mollis feugiat. Aenean suscipit elit nec justo tincidunt, id pharetra diam facilisis. Lorem ut suscipit nunc finibus vitae. Nunc tempus odio vel mollis feugiat. Aenean suscipit elit nec justo tincidunt, daerumina. Donec lobortis lobortis enim a feugiat. Integer laoreet bibendum blandit. Ut est mauris, pulvinar nec eros nec, consequat vehicula magna. Donec venenatis pretium neque pellentesque tempus. Suspendisse efficitur magna augue, ut suscipit nunc finibus vitae. Nunc tempus odio vel mollis feugiat. Aenean suscipit elit nec justo tincidunt, id pharetra diam facilisis. Lorem ut suscipit nunc finibus vitae. Nunc tempus odio vel mollis feugiat. Aenean suscipit elit nec justo tincidunt, daerumina.

Aenean suscipit elit nec justo tincidunt, id pharetra diam facilisis. Lorem ut suscipit nunc finibus vitae. Nunc tempus odio vel mollis feugiat. Aenean suscipit elit nec justo tincidunt, daerumina.

Vous


Oui, vous, le joueur derrière le personnage !
Votre pseudo, une petite présa, ce que vous voudrez ! Vous pouvez aussi donner donc votre avis sur le forum si vous le souhaitez, comment vous l'avez trouvé, et cetera ! Et bien sûre, les trois sacro-saints codes du règlement ;3
















Code:
<style> .fiche-dynamique-box {border-radius:25px; background:white; height:640px; width:480px; overflow:hidden;margin:auto;position:relative;color:#777;text-align:justify;border-left:5px solid #777;border-right:5px solid #777;} .fiche-dynamique-box ::-webkit-scrollbar {background: #CDCDCD;width: 4px;}  .fiche-dynamique-box  ::-webkit-scrollbar-thumb{background: #FFF;}  .fiche-dynamique-onglet {width:140px; height:30px; background:#CCC;overflow:hidden; transition:ease 1s;padding:5px;position:absolute;z-index:1;top:70px;left:0;border-radius:0px 15px 15px 0px;} .fiche-dynamique-onglet2 {top:70px; right:0;width:140px; height:30px; background:#CCC;overflow:hidden; transition:ease 1s;padding:5px; position:absolute;z-index:2;border-radius:15px 0px 0px 15px} .fiche-dynamique-onglet3 {width:140px; height:30px; background:#CCC;overflow:hidden; transition:ease 1s;padding:5px;position:absolute;z-index:1;top:135px;left:0;border-radius:0px 15px 15px 0px;} .fiche-dynamique-onglet4 {width:140px; height:30px; background:#CCC;overflow:hidden; transition:ease 1s;padding:5px;position:absolute;z-index:1;top:135px;right:0;border-radius:15px 0px 0px 15px} .fiche-dynamique-onglet5 {width:140px; height:30px; background:#CCC;overflow:hidden; transition:ease 1s;padding:5px;position:absolute;z-index:1;top:550px;right:150px;border-radius:15px} .fiche-dynamique-onglet5:hover, .fiche-dynamique-onglet:hover, .fiche-dynamique-onglet2:hover, .fiche-dynamique-onglet3:hover, .fiche-dynamique-onglet4:hover {top:0;border-radius:0px;height:99%;width:98%;overflow:auto;z-index:10;}.fiche-dynamique-onglet5:hover {right:0}/********/ .titre-haut {font-size:45px;font-family: 'Codystar', cursive;margin-top:25px} .titre-onglets {font-size:28px;font-family: 'Codystar', cursive;margin-top:7px;}</style><link href="https://fonts.googleapis.com/css?family=Codystar" rel="stylesheet">


<div class="fiche-dynamique-box">[center]<div class="titre-haut">[color=#999999]Nom du perso[/color]</div>[/center]<div class="fiche-dynamique-onglet"><div class="titre-onglets">  Infos</div>

[b]Infos principales[/b] ·
<blockquote>Son nom, son âge, son clan et son glowstick. Son sexe, son genre s'il diffère,
 son orientation si ça vous chante. Rien d'obligatoire, organisez comme vous le voulez.</blockquote>

[b]Famille[/b] ·
<blockquote>Ce personnage est enfant de Mère et Père, ou deux parents de même sexe,
 peut-être ? Assurez-vous d'acheter le lot associé d'ailleurs. Décrivez sa fratrie, ses ancêtres voir son arbre généalogique complet si vous en avez envie ! N'ayez pas peur de faire long,
 le code est fait pour s'adapter.</blockquote>

[b]Autres particularités ?[/b]
<blockquote>Des hérédités de ses parents qui n'ont rien à voir avec un pouvoir, ni quelconque bonus. Le pouvoir inné peut s'indiquer dans la partie "Pouvoir" !</blockquote>
</div><div class="fiche-dynamique-onglet2"><div class="titre-onglets"> Pouvoir</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br>Vivamus a cursus sapien.<br><br>Duis fermentum orci orci, eget sollicitudin purus molestie in. In vitae varius arcu, feugiat finibus mi. Aliquam nulla dolor, porttitor nec nisi at, tempor luctus augue.<br><br> Duis pulvinar purus sed justo eleifend venenatis. Etiam porttitor sapien a leo suscipit mollis. Aenean vehicula ligula consectetur magna accumsan, a consectetur ex euismod. In imperdiet non tortor eget facilisis. Suspendisse sed pharetra sapien. Quisque eu velit ut magna congue interdum id eu enim. Donec non rhoncus felis. Nam tortor est, scelerisque at erat non, fringilla scelerisque odio.<br><br>Integer risus nunc, sollicitudin non massa non, finibus varius diam. Pellentesque volutpat finibus mi nec mollis. Sed vitae sem non sapien luctus ultricies. Donec porta rutrum facilisis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin luctus elit ac risus molestie tincidunt. Maecenas auctor ut metus vel laoreet. Integer sit amet blandit arcu. Sed gravida fermentum ornare. Ut ac augue fermentum, posuere nunc et, accumsan leo. Vestibulum vestibulum dui enim, vel sollicitudin tortor porta vitae. Duis venenatis est eu lobortis iaculis.</div><div class="fiche-dynamique-onglet3"><div class="titre-onglets">   Carac'</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus a cursus sapien. Duis fermentum orci orci, eget sollicitudin purus molestie in. In vitae varius arcu, feugiat finibus mi. Aliquam nulla dolor, porttitor nec nisi at, tempor luctus augue. Duis pulvinar purus sed justo eleifend venenatis. Etiam porttitor sapien a leo suscipit mollis. Aenean vehicula ligula consectetur magna accumsan, a consectetur ex euismod. In imperdiet non tortor eget facilisis. Suspendisse sed pharetra sapien. Quisque eu velit ut magna congue interdum id eu enim. Donec non rhoncus felis. Nam tortor est, scelerisque at erat non, fringilla scelerisque odio.<br><br>Integer risus nunc, sollicitudin non massa non, finibus varius diam. Pellentesque volutpat finibus mi nec mollis. Sed vitae sem non sapien luctus ultricies. Donec porta rutrum facilisis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin luctus elit ac risus molestie tincidunt. Maecenas auctor ut metus vel laoreet. Integer sit amet blandit arcu. Sed gravida fermentum ornare. Ut ac augue fermentum, posuere nunc et, accumsan leo. Vestibulum vestibulum dui enim, vel sollicitudin tortor porta vitae. Duis venenatis est eu lobortis iaculis.</div><div class="fiche-dynamique-onglet4"><div class="titre-onglets"> Histoire</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus a cursus sapien. Duis fermentum orci orci, eget sollicitudin purus molestie in. In vitae varius arcu, feugiat finibus mi. Aliquam nulla dolor, porttitor nec nisi at, tempor luctus augue. Duis pulvinar purus sed justo eleifend venenatis. Etiam porttitor sapien a leo suscipit mollis. Aenean vehicula ligula consectetur magna accumsan, a consectetur ex euismod. In imperdiet non tortor eget facilisis. Suspendisse sed pharetra sapien. Quisque eu velit ut magna congue interdum id eu enim. Donec non rhoncus felis. Nam tortor est, scelerisque at erat non, fringilla scelerisque odio.<br><br>Integer risus nunc, sollicitudin non massa non, finibus varius diam. Pellentesque volutpat finibus mi nec mollis. Sed vitae sem non sapien luctus ultricies. Donec porta rutrum facilisis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin luctus elit ac risus molestie tincidunt. Maecenas auctor ut metus vel laoreet. Integer sit amet blandit arcu. Sed gravida fermentum ornare. Ut ac augue fermentum, posuere nunc et, accumsan leo. Vestibulum vestibulum dui enim, vel sollicitudin tortor porta vitae. Duis venenatis est eu lobortis iaculis.<br><br>Donec lobortis lobortis enim a feugiat. Integer laoreet bibendum blandit. Ut est mauris, pulvinar nec eros nec, consequat vehicula magna. Donec venenatis pretium neque pellentesque tempus. Suspendisse efficitur magna augue, ut suscipit nunc finibus vitae. Nunc tempus odio vel mollis feugiat. Aenean suscipit elit nec justo tincidunt, id pharetra diam facilisis. Lorem ut suscipit nunc finibus vitae. Nunc tempus odio vel mollis feugiat. Aenean suscipit elit nec justo tincidunt, daerumina. Donec lobortis lobortis enim a feugiat. Integer laoreet bibendum blandit. Ut est mauris, pulvinar nec eros nec, consequat vehicula magna. Donec venenatis pretium neque pellentesque tempus. Suspendisse efficitur magna augue, ut suscipit nunc finibus vitae. Nunc tempus odio vel mollis feugiat. Aenean suscipit elit nec justo tincidunt, id pharetra diam facilisis. Lorem ut suscipit nunc finibus vitae. Nunc tempus odio vel mollis feugiat. Aenean suscipit elit nec justo tincidunt, daerumina.<br><br>Aenean suscipit elit nec justo tincidunt, id pharetra diam facilisis. Lorem ut suscipit nunc finibus vitae. Nunc tempus odio vel mollis feugiat. Aenean suscipit elit nec justo tincidunt, daerumina.<br><br></div><div class="fiche-dynamique-onglet5"><div class="titre-onglets">[center]Vous[/center]</div>

Oui, vous, le joueur derrière le personnage !
Votre pseudo, une petite présa, ce que vous voudrez ! Vous pouvez aussi donner donc votre avis sur le forum si vous le souhaitez, comment vous l'avez trouvé, et cetera ! Et bien sûre, les trois sacro-saints codes du règlement ;3</div><br><br><br><br><br><br><br><br><br><br><img src="#" width="450" hspace="10"></div>


<br>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://aevalabs.forumactif.org
 
Fiche dynamique à onglets
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Fiche technique de Lion Damon [ Validée ]
» Fiche Technique d'Ryuuma !
» [Validée]Fiche Technique de Krone Takeshi
» Fiche technique et news de Stay with me
» Fiche Technique de Minami

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Aeva's labs :: ★ Les codes libres d'utilisation. :: Fiches de présentation.-
Sauter vers: