Re: [Codage] Fiche de personnage - Archibald O'Graham [Terminé - Theophania Fitzgerald] Theophania Fitzgerald, le Lun 24 Oct - 23:52
Bonsoir Archibald,
Puisque tu n'as pas précisé de codeur dans ta demande et que j'ai un peu de temps je vais essayer de m'en charger si tu es d'accord. Si c'est bon pour toi je m'y mets demain et j'essaie de te donner un début demain.
J'ai essayé ce petit truc, je ne sais pas du tout si ça correspond à ce que tu veux ou non. N'hésite pas à crtitiquer comme il se doit pour que je rectifie le tir hihi.
Re: [Codage] Fiche de personnage - Archibald O'Graham [Terminé - Theophania Fitzgerald] Theophania Fitzgerald, le Jeu 27 Oct - 13:50
Bonjour Archibald, J'ai foncé et changé la police de la première image et j'ai obscurci les cadres, les titres de la seconde. J'ai aussi changé la couleur du second cadre. Est-ce que c'est mieux, ou bien tu préférerais des changements plus radicaux?
Archibald O'Graham
Identité
Pseudonyme : Archibald O'Graham Date d'inscription : 00/00/0000 Age réel : 00 ans
Hrpg
Statuts HRPG Actuel(s) : Passé(s) : Activité : Jours réguliers d'absence : Taux d'activité sur le forum :
Rpg
Statuts RPG Actuel(s) : Passé(s) :
Généralités : Nom complet : Diminutif(s) : Âge RPG : Sang/Espèce : Maison à Poudlard :
Re: [Codage] Fiche de personnage - Archibald O'Graham [Terminé - Theophania Fitzgerald] Theophania Fitzgerald, le Dim 30 Oct - 0:14
Description
Physiquement
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin imperdiet, augue ut finibus pharetra, tortor sapien venenatis lorem, at elementum lorem dolor ut risus. Nulla vel odio at justo vestibulum varius eu eu felis. Morbi gravida nisl et sapien maximus laoreet. Morbi neque nisi, convallis sit amet nisi at, posuere dignissim elit. Curabitur varius in massa in suscipit. Aenean viverra tempor tristique. Mauris quis purus tellus. Praesent dolor mauris, volutpat eget imperdiet vel, tincidunt id mi. Integer commodo mauris vel tristique suscipit.
Nulla in arcu commodo, rutrum sapien et, viverra dui. Sed erat sapien, tempor at placerat ut, accumsan et velit. Fusce et ornare dui, id porta urna. In ex felis, feugiat vitae semper eu, lacinia ut nisi. Quisque auctor, tortor sed vehicula euismod, odio sem eleifend metus, quis rhoncus sem lacus quis neque. Vivamus efficitur, odio eget sodales pretium, sapien nisi commodo nisl, tempor iaculis turpis sem suscipit massa. Nunc faucibus, nibh vel euismod suscipit, magna urna mattis arcu, in scelerisque purus elit non lorem. Mauris ut imperdiet erat. Sed auctor purus quam, ut lobortis lectus rutrum sed. Aliquam vel leo vestibulum, bibendum dolor id, dapibus lacus. Nam sit amet rutrum elit.
Particularités physiques :
Moralement
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin imperdiet, augue ut finibus pharetra, tortor sapien venenatis lorem, at elementum lorem dolor ut risus. Nulla vel odio at justo vestibulum varius eu eu felis. Morbi gravida nisl et sapien maximus laoreet. Morbi neque nisi, convallis sit amet nisi at, posuere dignissim elit. Curabitur varius in massa in suscipit. Aenean viverra tempor tristique. Mauris quis purus tellus. Praesent dolor mauris, volutpat eget imperdiet vel, tincidunt id mi. Integer commodo mauris vel tristique suscipit.
Nulla in arcu commodo, rutrum sapien et, viverra dui. Sed erat sapien, tempor at placerat ut, accumsan et velit. Fusce et ornare dui, id porta urna. In ex felis, feugiat vitae semper eu, lacinia ut nisi. Quisque auctor, tortor sed vehicula euismod, odio sem eleifend metus, quis rhoncus sem lacus quis neque. Vivamus efficitur, odio eget sodales pretium, sapien nisi commodo nisl, tempor iaculis turpis sem suscipit massa. Nunc faucibus, nibh vel euismod suscipit, magna urna mattis arcu, in scelerisque purus elit non lorem. Mauris ut imperdiet erat. Sed auctor purus quam, ut lobortis lectus rutrum sed. Aliquam vel leo vestibulum, bibendum dolor id, dapibus lacus. Nam sit amet rutrum elit.
Capacités particulières :
Informations
Patronus : Hermine Epouvantard : Rand Fillis Matières de prédilection : DCFM, Métamorphose, Enchantement ASPICs : Optimal Mode de déplacement : Transports moldus/Transplanage/Transports sorciers Propriétés / Logement : Maison en Cornouailles et appartement à Londres Petit(e) Ami(e): // PNJ(s) Récurrents : // Animaux : chouette hulotte (Abe) Objets magiques : montre de sorciers Baguette magique : sapin, plume de Jobarbille du Mexique, très souple, 24.16 cm
J'espère que ça correspond un minimum à ce que tu veux. Tu sais où me trouver pour les indications hihi.
Code:
<link href="https://fonts.googleapis.com/css?family=Allura" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Homemade+Apple" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Petit+Formal+Script" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Special+Elite" rel="stylesheet"><center><style type="text/css"> .fond2AO{background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/pack6-10.jpg); width:585px; border: 4px double #D4B895;} .phyAO{width:510px; height:265px; background-color:rgba(0,0,5, 0.9); transition:0.5s linear; font-family: 'Special Elite', cursive; margin-left:530px; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;} .phyAO:hover{opacity:1; transition:0.5s linear; margin-left:70px;} .morAO{width:520px; height:265px; background-color:rgba(0,0,5, 0.9); transition:0.5s linear; font-family: 'Special Elite', cursive; margin-left:-1000px; border-top-right-radius:15px; border-bottom-right-radius:15px; overflow:hidden;} .morAO:hover{opacity:1; transition:0.5s linear; margin-left:-70px;}</style><div class="fond2AO"> <div style="text-shadow: 2px 3px 3px #0A0A2A;"><font face="Allura" color="#D4B895" size="12">Description</font></div> <div style="background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/anglo_10.jpg); width:585px; height:265px; border-top: 1px solid #0B0B3B; border-bottom: 1px solid #0B0B3B; overflow:hidden;"><div class="phyAO"><div style="transform:rotate(270deg); margin-left:-460px; padding:130px;"><font face="homemade apple" size="5" color="#3B0B0B">Physiquement</font></div><div style="width:450px; padding:5px; text-align:justify; margin-left:50px; margin-top:-275px; height:250px; overflow:auto;"><font color="#D4B895">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin imperdiet, augue ut finibus pharetra, tortor sapien venenatis lorem, at elementum lorem dolor ut risus. Nulla vel odio at justo vestibulum varius eu eu felis. Morbi gravida nisl et sapien maximus laoreet. Morbi neque nisi, convallis sit amet nisi at, posuere dignissim elit. Curabitur varius in massa in suscipit. Aenean viverra tempor tristique. Mauris quis purus tellus. Praesent dolor mauris, volutpat eget imperdiet vel, tincidunt id mi. Integer commodo mauris vel tristique suscipit.
Nulla in arcu commodo, rutrum sapien et, viverra dui. Sed erat sapien, tempor at placerat ut, accumsan et velit. Fusce et ornare dui, id porta urna. In ex felis, feugiat vitae semper eu, lacinia ut nisi. Quisque auctor, tortor sed vehicula euismod, odio sem eleifend metus, quis rhoncus sem lacus quis neque. Vivamus efficitur, odio eget sodales pretium, sapien nisi commodo nisl, tempor iaculis turpis sem suscipit massa. Nunc faucibus, nibh vel euismod suscipit, magna urna mattis arcu, in scelerisque purus elit non lorem. Mauris ut imperdiet erat. Sed auctor purus quam, ut lobortis lectus rutrum sed. Aliquam vel leo vestibulum, bibendum dolor id, dapibus lacus. Nam sit amet rutrum elit.
<font face="homemade apple" size="3" color="#3B0B0B">Particularités physiques :</font> </div></div><div class="morAO" style="margin-top:-265px;"><div style="transform:rotate(270deg); margin-left:315px; padding:45px; width:280px; margin-top:80px;"><font face="homemade apple" size="5" color="#3B0B0B">Moralement</font></div><div style="width:445px; padding:5px; text-align:justify; margin-top:-185px; height:250px; overflow:auto; margin-left:-55px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin imperdiet, augue ut finibus pharetra, tortor sapien venenatis lorem, at elementum lorem dolor ut risus. Nulla vel odio at justo vestibulum varius eu eu felis. Morbi gravida nisl et sapien maximus laoreet. Morbi neque nisi, convallis sit amet nisi at, posuere dignissim elit. Curabitur varius in massa in suscipit. Aenean viverra tempor tristique. Mauris quis purus tellus. Praesent dolor mauris, volutpat eget imperdiet vel, tincidunt id mi. Integer commodo mauris vel tristique suscipit.
Nulla in arcu commodo, rutrum sapien et, viverra dui. Sed erat sapien, tempor at placerat ut, accumsan et velit. Fusce et ornare dui, id porta urna. In ex felis, feugiat vitae semper eu, lacinia ut nisi. Quisque auctor, tortor sed vehicula euismod, odio sem eleifend metus, quis rhoncus sem lacus quis neque. Vivamus efficitur, odio eget sodales pretium, sapien nisi commodo nisl, tempor iaculis turpis sem suscipit massa. Nunc faucibus, nibh vel euismod suscipit, magna urna mattis arcu, in scelerisque purus elit non lorem. Mauris ut imperdiet erat. Sed auctor purus quam, ut lobortis lectus rutrum sed. Aliquam vel leo vestibulum, bibendum dolor id, dapibus lacus. Nam sit amet rutrum elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.
Prénom Nom
Lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.
Prénom Nom
Lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.
Prénom Nom
Lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.
Prénom Nom
Lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.
Prénom Nom
Lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.
Prénom Nom
Lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.
Prénom Nom
Lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.
Prénom Nom
Lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.
<link href="https://fonts.googleapis.com/css?family=Allura" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Homemade+Apple" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Petit+Formal+Script" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Special+Elite" rel="stylesheet"><center><style type="text/css"> .fond2AO{background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/pack6-10.jpg); width:585px; border: 4px double #D4B895;} .lienAO{width:180px; height:250px; font-family: 'Special Elite', cursive; border:2px solid #0B0B3B; overflow:hidden;} .contlienAO{width:180px; height:340px; background-color:rgba(0,0,25, 0.9); transition:0.5s linear; font-family: 'Special Elite', cursive; border-bottom-left-radius:20px; border-bottom-right-radius:20px; margin-top:-300px; overflow:hidden;} .contlienAO:hover{transition:0.5s linear; margin-top:0px;}</style><div class="fond2AO"><font color="#D4B895"> <div style="text-shadow: 2px 3px 3px #0A0A2A;"><font face="Allura" color="#D4B895" size="12">Famille</font></div> <table cellpadding="-3px 0px" cellspacing="1px"><tr><td><div class="lienAO" style="background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/8_tp_e10.jpg);"><div class="contlienAO"><font face="homemade apple" color="#B40404" size="4"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center>Prénom Nom</center></font><div style="width:175px; height:235px; padding:5px; overflow:auto; margin-top:-320px; text-align:justify"><font face="allura" color="#08088A" size="5"><center>Lien</center></font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.</div></div></div></td><td><div class="lienAO" style="background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/8_tp_e10.jpg);"><div class="contlienAO"><font face="homemade apple" color="#B40404" size="4"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center>Prénom Nom</center></font><div style="width:175px; height:235px; padding:5px; overflow:auto; margin-top:-320px; text-align:justify"><font face="allura" color="#08088A" size="5"><center>Lien</center></font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.</div></div></div></td><td><div class="lienAO" style="background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/8_tp_e10.jpg);"><div class="contlienAO"><font face="homemade apple" color="#B40404" size="4"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center>Prénom Nom</center></font><div style="width:175px; height:235px; padding:5px; overflow:auto; margin-top:-320px; text-align:justify"><font face="allura" color="#08088A" size="5"><center>Lien</center></font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.</div></div></div></td></tr><tr><td><div class="lienAO" style="background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/8_tp_e10.jpg);"><div class="contlienAO"><font face="homemade apple" color="#B40404" size="4"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center>Prénom Nom</center></font><div style="width:175px; height:235px; padding:5px; overflow:auto; margin-top:-320px; text-align:justify"><font face="allura" color="#08088A" size="5"><center>Lien</center></font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.</div></div></div></td><td><div class="lienAO" style="background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/8_tp_e10.jpg);"><div class="contlienAO"><font face="homemade apple" color="#B40404" size="4"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center>Prénom Nom</center></font><div style="width:175px; height:235px; padding:5px; overflow:auto; margin-top:-320px; text-align:justify"><font face="allura" color="#08088A" size="5"><center>Lien</center></font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.</div></div></div></td><td><div class="lienAO" style="background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/8_tp_e10.jpg);"><div class="contlienAO"><font face="homemade apple" color="#B40404" size="4"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center>Prénom Nom</center></font><div style="width:175px; height:235px; padding:5px; overflow:auto; margin-top:-320px; text-align:justify"><font face="allura" color="#08088A" size="5"><center>Lien</center></font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.</div></div></div></td></tr><tr><td><div class="lienAO" style="background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/8_tp_e10.jpg);"><div class="contlienAO"><font face="homemade apple" color="#B40404" size="4"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center>Prénom Nom</center></font><div style="width:175px; height:235px; padding:5px; overflow:auto; margin-top:-320px; text-align:justify"><font face="allura" color="#08088A" size="5"><center>Lien</center></font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.</div></div></div></td><td><div class="lienAO" style="background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/8_tp_e10.jpg);"><div class="contlienAO"><font face="homemade apple" color="#B40404" size="4"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center>Prénom Nom</center></font><div style="width:175px; height:235px; padding:5px; overflow:auto; margin-top:-320px; text-align:justify"><font face="allura" color="#08088A" size="5"><center>Lien</center></font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.</div></div></div></td><td><div class="lienAO" style="background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/8_tp_e10.jpg);"><div class="contlienAO"><font face="homemade apple" color="#B40404" size="4"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center>Prénom Nom</center></font><div style="width:175px; height:235px; padding:5px; overflow:auto; margin-top:-320px; text-align:justify"><font face="allura" color="#08088A" size="5"><center>Lien</center></font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.</div></div></div></td></tr></table>
<tr><td><div class="lienAO" style="background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/8_tp_e10.jpg);"><div class="contlienAO"><font face="homemade apple" color="#B40404" size="4"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center>Prénom Nom</center></font><div style="width:175px; height:235px; padding:5px; overflow:auto; margin-top:-320px; text-align:justify"><font face="allura" color="#08088A" size="5"><center>Lien</center></font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.</div></div></div></td><td><div class="lienAO" style="background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/8_tp_e10.jpg);"><div class="contlienAO"><font face="homemade apple" color="#B40404" size="4"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center>Prénom Nom</center></font><div style="width:175px; height:235px; padding:5px; overflow:auto; margin-top:-320px; text-align:justify"><font face="allura" color="#08088A" size="5"><center>Lien</center></font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.</div></div></div></td><td><div class="lienAO" style="background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/8_tp_e10.jpg);"><div class="contlienAO"><font face="homemade apple" color="#B40404" size="4"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center>Prénom Nom</center></font><div style="width:175px; height:235px; padding:5px; overflow:auto; margin-top:-320px; text-align:justify"><font face="allura" color="#08088A" size="5"><center>Lien</center></font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.</div></div></div></td></tr>
Edit 2/11 : correction du cadre information dans la partie description
Dernière édition par Theophania Fitzgerald le Ven 2 Déc - 21:58, édité 4 fois
Re: [Codage] Fiche de personnage - Archibald O'Graham [Terminé - Theophania Fitzgerald] Theophania Fitzgerald, le Mar 1 Nov - 0:10
Bonsoir,
Je sais que c'est mal de DP, j'ai bien demandé à une admin largement compétente Le souci étant que je ne peux pas éditer plus le message précédent car le forum le trouve "trop grand". Je passe donc ici, sur un nouveau post. Pour les liens je te propose pareil que pour la famille parce que en général c'est la même construction (et peut-être que tu ne sépareras pas famille et liens, dans le doute j'ai séparé). Dis-moi si ça ne convient pas.
Liens
Prénom Nom
Lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.
Prénom Nom
Lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.
Prénom Nom
Lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.
Prénom Nom
Lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.
Prénom Nom
Lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.
Prénom Nom
Lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.
Prénom Nom
Lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.
Prénom Nom
Lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.
Prénom Nom
Lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.
<link href="https://fonts.googleapis.com/css?family=Allura" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Homemade+Apple" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Petit+Formal+Script" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Special+Elite" rel="stylesheet"><center><style type="text/css"> .fond2AO{background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/pack6-10.jpg); width:585px; border: 4px double #D4B895;} .lienAO{width:180px; height:250px; font-family: 'Special Elite', cursive; border:2px solid #0B0B3B; overflow:hidden;} .contlienAO{width:180px; height:340px; background-color:rgba(0,0,25, 0.9); transition:0.5s linear; font-family: 'Special Elite', cursive; border-bottom-left-radius:20px; border-bottom-right-radius:20px; margin-top:-300px; overflow:hidden;} .contlienAO:hover{transition:0.5s linear; margin-top:0px;}</style><div class="fond2AO"><font color="#D4B895"> <div style="text-shadow: 2px 3px 3px #0A0A2A;"><font face="Allura" color="#D4B895" size="12">Liens</font></div> <table cellpadding="-3px 0px" cellspacing="1px"><tr><td><div class="lienAO" style="background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/8_tp_e10.jpg);"><div class="contlienAO"><font face="homemade apple" color="#B40404" size="4"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center>Prénom Nom</center></font><div style="width:175px; height:235px; padding:5px; overflow:auto; margin-top:-320px; text-align:justify"><font face="allura" color="#08088A" size="5"><center>Lien</center></font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.</div></div></div></td><td><div class="lienAO" style="background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/8_tp_e10.jpg);"><div class="contlienAO"><font face="homemade apple" color="#B40404" size="4"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center>Prénom Nom</center></font><div style="width:175px; height:235px; padding:5px; overflow:auto; margin-top:-320px; text-align:justify"><font face="allura" color="#08088A" size="5"><center>Lien</center></font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.</div></div></div></td><td><div class="lienAO" style="background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/8_tp_e10.jpg);"><div class="contlienAO"><font face="homemade apple" color="#B40404" size="4"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center>Prénom Nom</center></font><div style="width:175px; height:235px; padding:5px; overflow:auto; margin-top:-320px; text-align:justify"><font face="allura" color="#08088A" size="5"><center>Lien</center></font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.</div></div></div></td></tr><tr><td><div class="lienAO" style="background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/8_tp_e10.jpg);"><div class="contlienAO"><font face="homemade apple" color="#B40404" size="4"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center>Prénom Nom</center></font><div style="width:175px; height:235px; padding:5px; overflow:auto; margin-top:-320px; text-align:justify"><font face="allura" color="#08088A" size="5"><center>Lien</center></font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.</div></div></div></td><td><div class="lienAO" style="background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/8_tp_e10.jpg);"><div class="contlienAO"><font face="homemade apple" color="#B40404" size="4"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center>Prénom Nom</center></font><div style="width:175px; height:235px; padding:5px; overflow:auto; margin-top:-320px; text-align:justify"><font face="allura" color="#08088A" size="5"><center>Lien</center></font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.</div></div></div></td><td><div class="lienAO" style="background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/8_tp_e10.jpg);"><div class="contlienAO"><font face="homemade apple" color="#B40404" size="4"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center>Prénom Nom</center></font><div style="width:175px; height:235px; padding:5px; overflow:auto; margin-top:-320px; text-align:justify"><font face="allura" color="#08088A" size="5"><center>Lien</center></font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.</div></div></div></td></tr><tr><td><div class="lienAO" style="background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/8_tp_e10.jpg);"><div class="contlienAO"><font face="homemade apple" color="#B40404" size="4"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center>Prénom Nom</center></font><div style="width:175px; height:235px; padding:5px; overflow:auto; margin-top:-320px; text-align:justify"><font face="allura" color="#08088A" size="5"><center>Lien</center></font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.</div></div></div></td><td><div class="lienAO" style="background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/8_tp_e10.jpg);"><div class="contlienAO"><font face="homemade apple" color="#B40404" size="4"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center>Prénom Nom</center></font><div style="width:175px; height:235px; padding:5px; overflow:auto; margin-top:-320px; text-align:justify"><font face="allura" color="#08088A" size="5"><center>Lien</center></font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.</div></div></div></td><td><div class="lienAO" style="background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/8_tp_e10.jpg);"><div class="contlienAO"><font face="homemade apple" color="#B40404" size="4"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center>Prénom Nom</center></font><div style="width:175px; height:235px; padding:5px; overflow:auto; margin-top:-320px; text-align:justify"><font face="allura" color="#08088A" size="5"><center>Lien</center></font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet enim sit amet sapien consequat malesuada a vitae mi. Suspendisse interdum mauris quam, ut elementum enim consectetur id. Proin non pulvinar lorem, in convallis justo. Curabitur leo erat, venenatis ac sapien a, lobortis feugiat augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed consequat fringilla lectus, vel efficitur eros efficitur sit amet.</div></div></div></td></tr></table>
[Codage] Fiche de personnage - Archibald O'Graham [Terminé - Theophania Fitzgerald] Theophania Fitzgerald, le Jeu 1 Déc - 21:56
Histoire
Actuellement
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum viverra pharetra dui, in dapibus nunc. Pellentesque sit amet nibh vitae sem dictum euismod sit amet ac quam. Integer vehicula euismod finibus. Sed sodales lorem lorem, sed auctor nisi consequat vel. Donec in odio et eros luctus bibendum. Suspendisse potenti. Donec ac erat est. Maecenas at pellentesque sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus dignissim semper malesuada. Pellentesque eu elementum tortor. Integer et auctor arcu. In nec orci nibh. Pellentesque scelerisque ipsum at nunc pulvinar, vitae rhoncus magna tristique. Quisque consequat, velit vitae tincidunt consequat, nulla turpis lacinia est, quis maximus ligula enim quis mi. Ut lacinia tellus odio, sed tempus nisi rutrum nec.
Sed rutrum suscipit tortor vitae accumsan. Morbi posuere nec nulla at vulputate. Phasellus at luctus leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus consectetur malesuada ex vel pulvinar. Maecenas felis sapien, fermentum vel venenatis non, accumsan nec ante. Vestibulum porta mauris eget elit sollicitudin aliquet. Vivamus semper imperdiet nulla, et interdum turpis vestibulum vitae. Sed at lectus maximus, imperdiet orci venenatis, vestibulum eros. Quisque id dictum odio. Sed non aliquet est.
Jeunesse
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum viverra pharetra dui, in dapibus nunc. Pellentesque sit amet nibh vitae sem dictum euismod sit amet ac quam. Integer vehicula euismod finibus. Sed sodales lorem lorem, sed auctor nisi consequat vel. Donec in odio et eros luctus bibendum. Suspendisse potenti. Donec ac erat est. Maecenas at pellentesque sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus dignissim semper malesuada. Pellentesque eu elementum tortor. Integer et auctor arcu. In nec orci nibh. Pellentesque scelerisque ipsum at nunc pulvinar, vitae rhoncus magna tristique. Quisque consequat, velit vitae tincidunt consequat, nulla turpis lacinia est, quis maximus ligula enim quis mi. Ut lacinia tellus odio, sed tempus nisi rutrum nec.
Sed rutrum suscipit tortor vitae accumsan. Morbi posuere nec nulla at vulputate. Phasellus at luctus leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus consectetur malesuada ex vel pulvinar. Maecenas felis sapien, fermentum vel venenatis non, accumsan nec ante. Vestibulum porta mauris eget elit sollicitudin aliquet. Vivamus semper imperdiet nulla, et interdum turpis vestibulum vitae. Sed at lectus maximus, imperdiet orci venenatis, vestibulum eros. Quisque id dictum odio. Sed non aliquet est.
Poudlard
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum viverra pharetra dui, in dapibus nunc. Pellentesque sit amet nibh vitae sem dictum euismod sit amet ac quam. Integer vehicula euismod finibus. Sed sodales lorem lorem, sed auctor nisi consequat vel. Donec in odio et eros luctus bibendum. Suspendisse potenti. Donec ac erat est. Maecenas at pellentesque sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus dignissim semper malesuada. Pellentesque eu elementum tortor. Integer et auctor arcu. In nec orci nibh. Pellentesque scelerisque ipsum at nunc pulvinar, vitae rhoncus magna tristique. Quisque consequat, velit vitae tincidunt consequat, nulla turpis lacinia est, quis maximus ligula enim quis mi. Ut lacinia tellus odio, sed tempus nisi rutrum nec.
Sed rutrum suscipit tortor vitae accumsan. Morbi posuere nec nulla at vulputate. Phasellus at luctus leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus consectetur malesuada ex vel pulvinar. Maecenas felis sapien, fermentum vel venenatis non, accumsan nec ante. Vestibulum porta mauris eget elit sollicitudin aliquet. Vivamus semper imperdiet nulla, et interdum turpis vestibulum vitae. Sed at lectus maximus, imperdiet orci venenatis, vestibulum eros. Quisque id dictum odio. Sed non aliquet est.
Enfance
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum viverra pharetra dui, in dapibus nunc. Pellentesque sit amet nibh vitae sem dictum euismod sit amet ac quam. Integer vehicula euismod finibus. Sed sodales lorem lorem, sed auctor nisi consequat vel. Donec in odio et eros luctus bibendum. Suspendisse potenti. Donec ac erat est. Maecenas at pellentesque sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus dignissim semper malesuada. Pellentesque eu elementum tortor. Integer et auctor arcu. In nec orci nibh. Pellentesque scelerisque ipsum at nunc pulvinar, vitae rhoncus magna tristique. Quisque consequat, velit vitae tincidunt consequat, nulla turpis lacinia est, quis maximus ligula enim quis mi. Ut lacinia tellus odio, sed tempus nisi rutrum nec.
Sed rutrum suscipit tortor vitae accumsan. Morbi posuere nec nulla at vulputate. Phasellus at luctus leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus consectetur malesuada ex vel pulvinar. Maecenas felis sapien, fermentum vel venenatis non, accumsan nec ante. Vestibulum porta mauris eget elit sollicitudin aliquet. Vivamus semper imperdiet nulla, et interdum turpis vestibulum vitae. Sed at lectus maximus, imperdiet orci venenatis, vestibulum eros. Quisque id dictum odio. Sed non aliquet est.
Je te prie de m'excuser pour ce retard inadmissible. Comme tu le sais je suis en prépa et je n'ai pas eu le temps de finir ça. Malheureusement je ne peux pas faire le code et travailler en même temps. Je vais faire de mon mieux pour te donner la fin d'ici peu mais je ne te garantis pas que ce sera tout de suite tout de suite parce que j'entre bientôt en concours blanc.
Code:
<link href="https://fonts.googleapis.com/css?family=Allura" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Homemade+Apple" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Petit+Formal+Script" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Special+Elite" rel="stylesheet"><center><style type="text/CSS">.AO3fond{background-image:url(https://i97.servimg.com/u/f97/19/29/31/70/pack6-10.jpg); width:585px; border: 4px double #D4B895;} .AOhist1{background-color:rgba(0,0,5, 1); width:585px; height:300px; position:relative; z-index:0; font-family: 'Special Elite', cursive; overflow:hidden; transition:0.7s linear;} .AOhist1:hover{z-index:6; transition:0.7s ease;} .AOhist2{background-color:rgba(0,0,25, 1); width:535px; height:300px; position:relative; z-index:1; font-family: 'Special Elite', cursive; overflow:hidden; margin-top:-300px; margin-left:50px; transition:0.7s linear;} .AOhist2:hover{z-index:6; transition:0.7s ease;} .AOhist3{background-color:rgba(0,0,50, 1); width:481px; height:300px; position:relative; z-index:2; font-family: 'Special Elite', cursive; overflow:hidden; margin-top:-300px; margin-left:100px; transition:0.7s linear;} .AOhist3:hover{z-index:6; transition:0.7s ease;} .AOhist4{background-color:rgba(0,0,70, 1); width:423px; height:300px; position:relative; z-index:3; font-family: 'Special Elite', cursive; overflow:hidden; margin-top:-300px; margin-left:160px; transition:1.5s ease;} .AOhist4:hover{z-index:6; transition:1.5s ease;} .AOgif{background-image:url(http://img11.hostingpics.net/pics/838320giphy1.gif); width:360px; height:300px; position:relative; z-index:4; margin-left:222px; margin-top:-300px;}</style><div class="AO3fond"><div style="text-shadow:2px 3px 3px #0A0A2A;"> <font face="allura" color="#D4B895" size="12">Histoire</font></div><font color="#D4B895"> <div class="AOhist1"><div style="transform:rotate(270deg); margin-left:-520px; padding:130px;"><font face="homemade apple" size="5" color="#3B0B0B">Actuellement</font></div><div style="width:480px; height:290px; overflow:auto; padding:5px; margin-top:-280px; margin-left:75px; text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum viverra pharetra dui, in dapibus nunc. Pellentesque sit amet nibh vitae sem dictum euismod sit amet ac quam. Integer vehicula euismod finibus. Sed sodales lorem lorem, sed auctor nisi consequat vel. Donec in odio et eros luctus bibendum. Suspendisse potenti. Donec ac erat est. Maecenas at pellentesque sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus dignissim semper malesuada. Pellentesque eu elementum tortor. Integer et auctor arcu. In nec orci nibh. Pellentesque scelerisque ipsum at nunc pulvinar, vitae rhoncus magna tristique. Quisque consequat, velit vitae tincidunt consequat, nulla turpis lacinia est, quis maximus ligula enim quis mi. Ut lacinia tellus odio, sed tempus nisi rutrum nec.
Sed rutrum suscipit tortor vitae accumsan. Morbi posuere nec nulla at vulputate. Phasellus at luctus leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus consectetur malesuada ex vel pulvinar. Maecenas felis sapien, fermentum vel venenatis non, accumsan nec ante. Vestibulum porta mauris eget elit sollicitudin aliquet. Vivamus semper imperdiet nulla, et interdum turpis vestibulum vitae. Sed at lectus maximus, imperdiet orci venenatis, vestibulum eros. Quisque id dictum odio. Sed non aliquet est.</div></div><div class="AOhist2"><div style="transform:rotate(270deg); margin-left:-470px; padding:130px;"><font face="homemade apple" size="5" color="#3B0B0B">Jeunesse</font></div><div style="width:450px; height:290px; overflow:auto; padding:5px; margin-top:-280px; margin-left:73px; text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum viverra pharetra dui, in dapibus nunc. Pellentesque sit amet nibh vitae sem dictum euismod sit amet ac quam. Integer vehicula euismod finibus. Sed sodales lorem lorem, sed auctor nisi consequat vel. Donec in odio et eros luctus bibendum. Suspendisse potenti. Donec ac erat est. Maecenas at pellentesque sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus dignissim semper malesuada. Pellentesque eu elementum tortor. Integer et auctor arcu. In nec orci nibh. Pellentesque scelerisque ipsum at nunc pulvinar, vitae rhoncus magna tristique. Quisque consequat, velit vitae tincidunt consequat, nulla turpis lacinia est, quis maximus ligula enim quis mi. Ut lacinia tellus odio, sed tempus nisi rutrum nec.
Sed rutrum suscipit tortor vitae accumsan. Morbi posuere nec nulla at vulputate. Phasellus at luctus leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus consectetur malesuada ex vel pulvinar. Maecenas felis sapien, fermentum vel venenatis non, accumsan nec ante. Vestibulum porta mauris eget elit sollicitudin aliquet. Vivamus semper imperdiet nulla, et interdum turpis vestibulum vitae. Sed at lectus maximus, imperdiet orci venenatis, vestibulum eros. Quisque id dictum odio. Sed non aliquet est. </div></div><div class="AOhist3"><div style="transform:rotate(270deg); margin-left:-420px; padding:130px;"><font face="homemade apple" size="5" color="#3B0B0B">Poudlard</font></div><div style="width:390px; height:290px; overflow:auto; padding:5px; margin-left:73px; margin-top:-280px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum viverra pharetra dui, in dapibus nunc. Pellentesque sit amet nibh vitae sem dictum euismod sit amet ac quam. Integer vehicula euismod finibus. Sed sodales lorem lorem, sed auctor nisi consequat vel. Donec in odio et eros luctus bibendum. Suspendisse potenti. Donec ac erat est. Maecenas at pellentesque sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus dignissim semper malesuada. Pellentesque eu elementum tortor. Integer et auctor arcu. In nec orci nibh. Pellentesque scelerisque ipsum at nunc pulvinar, vitae rhoncus magna tristique. Quisque consequat, velit vitae tincidunt consequat, nulla turpis lacinia est, quis maximus ligula enim quis mi. Ut lacinia tellus odio, sed tempus nisi rutrum nec.
Sed rutrum suscipit tortor vitae accumsan. Morbi posuere nec nulla at vulputate. Phasellus at luctus leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus consectetur malesuada ex vel pulvinar. Maecenas felis sapien, fermentum vel venenatis non, accumsan nec ante. Vestibulum porta mauris eget elit sollicitudin aliquet. Vivamus semper imperdiet nulla, et interdum turpis vestibulum vitae. Sed at lectus maximus, imperdiet orci venenatis, vestibulum eros. Quisque id dictum odio. Sed non aliquet est. </div></div><div class="AOhist4"><div style="transform:rotate(270deg); margin-left:-360px; padding:130px;"><font face="homemade apple" size="5" color="#3B0B0B">Enfance</font></div><div style="width:350px; height:290px; overflow:auto; padding:5px; margin-left:65px; margin-top:-280px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum viverra pharetra dui, in dapibus nunc. Pellentesque sit amet nibh vitae sem dictum euismod sit amet ac quam. Integer vehicula euismod finibus. Sed sodales lorem lorem, sed auctor nisi consequat vel. Donec in odio et eros luctus bibendum. Suspendisse potenti. Donec ac erat est. Maecenas at pellentesque sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus dignissim semper malesuada. Pellentesque eu elementum tortor. Integer et auctor arcu. In nec orci nibh. Pellentesque scelerisque ipsum at nunc pulvinar, vitae rhoncus magna tristique. Quisque consequat, velit vitae tincidunt consequat, nulla turpis lacinia est, quis maximus ligula enim quis mi. Ut lacinia tellus odio, sed tempus nisi rutrum nec.
Sed rutrum suscipit tortor vitae accumsan. Morbi posuere nec nulla at vulputate. Phasellus at luctus leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus consectetur malesuada ex vel pulvinar. Maecenas felis sapien, fermentum vel venenatis non, accumsan nec ante. Vestibulum porta mauris eget elit sollicitudin aliquet. Vivamus semper imperdiet nulla, et interdum turpis vestibulum vitae. Sed at lectus maximus, imperdiet orci venenatis, vestibulum eros. Quisque id dictum odio. Sed non aliquet est. </div></div><div class="AOgif"></div>
Edit 05/12 : voilà la fin du code, dis moi ce que tu en penses.
Journal de RP
RP en cours
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin imperdiet, augue ut finibus pharetra, tortor sapien venenatis lorem, at elementum lorem dolor ut risus. Nulla vel odio at justo vestibulum varius eu eu felis. Morbi gravida nisl et sapien maximus laoreet. Morbi neque nisi, convallis sit amet nisi at, posuere dignissim elit. Curabitur varius in massa in suscipit. Aenean viverra tempor tristique. Mauris quis purus tellus. Praesent dolor mauris, volutpat eget imperdiet vel, tincidunt id mi. Integer commodo mauris vel tristique suscipit.
Nulla in arcu commodo, rutrum sapien et, viverra dui. Sed erat sapien, tempor at placerat ut, accumsan et velit. Fusce et ornare dui, id porta urna. In ex felis, feugiat vitae semper eu, lacinia ut nisi. Quisque auctor, tortor sed vehicula euismod, odio sem eleifend metus, quis rhoncus sem lacus quis neque. Vivamus efficitur, odio eget sodales pretium, sapien nisi commodo nisl, tempor iaculis turpis sem suscipit massa. Nunc faucibus, nibh vel euismod suscipit, magna urna mattis arcu, in scelerisque purus elit non lorem. Mauris ut imperdiet erat. Sed auctor purus quam, ut lobortis lectus rutrum sed. Aliquam vel leo vestibulum, bibendum dolor id, dapibus lacus. Nam sit amet rutrum elit. Nulla in arcu commodo, rutrum sapien et, viverra dui. Sed erat sapien, tempor at placerat ut, accumsan et velit. Fusce et ornare dui, id porta urna. In ex felis, feugiat vitae semper eu, lacinia ut nisi. Quisque auctor, tortor sed vehicula euismod, odio sem eleifend metus, quis rhoncus sem lacus quis neque. Vivamus efficitur, odio eget sodales pretium, sapien nisi commodo nisl, tempor iaculis turpis sem suscipit massa. Nunc faucibus, nibh vel euismod suscipit, magna urna mattis arcu, in scelerisque purus elit non lorem. Mauris ut imperdiet erat. Sed auctor purus quam, ut lobortis lectus rutrum sed. Aliquam vel leo vestibulum, bibendum dolor id, dapibus lacus. Nam sit amet rutrum elit.
RP achevés
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin imperdiet, augue ut finibus pharetra, tortor sapien venenatis lorem, at elementum lorem dolor ut risus. Nulla vel odio at justo vestibulum varius eu eu felis. Morbi gravida nisl et sapien maximus laoreet. Morbi neque nisi, convallis sit amet nisi at, posuere dignissim elit. Curabitur varius in massa in suscipit. Aenean viverra tempor tristique. Mauris quis purus tellus. Praesent dolor mauris, volutpat eget imperdiet vel, tincidunt id mi. Integer commodo mauris vel tristique suscipit.
Nulla in arcu commodo, rutrum sapien et, viverra dui. Sed erat sapien, tempor at placerat ut, accumsan et velit. Fusce et ornare dui, id porta urna. In ex felis, feugiat vitae semper eu, lacinia ut nisi. Quisque auctor, tortor sed vehicula euismod, odio sem eleifend metus, quis rhoncus sem lacus quis neque. Vivamus efficitur, odio eget sodales pretium, sapien nisi commodo nisl, tempor iaculis turpis sem suscipit massa. Nunc faucibus, nibh vel euismod suscipit, magna urna mattis arcu, in scelerisque purus elit non lorem. Mauris ut imperdiet erat. Sed auctor purus quam, ut lobortis lectus rutrum sed. Aliquam vel leo vestibulum, bibendum dolor id, dapibus lacus. Nam sit amet rutrum elit. Nulla in arcu commodo, rutrum sapien et, viverra dui. Sed erat sapien, tempor at placerat ut, accumsan et velit. Fusce et ornare dui, id porta urna. In ex felis, feugiat vitae semper eu, lacinia ut nisi. Quisque auctor, tortor sed vehicula euismod, odio sem eleifend metus, quis rhoncus sem lacus quis neque. Vivamus efficitur, odio eget sodales pretium, sapien nisi commodo nisl, tempor iaculis turpis sem suscipit massa. Nunc faucibus, nibh vel euismod suscipit, magna urna mattis arcu, in scelerisque purus elit non lorem. Mauris ut imperdiet erat. Sed auctor purus quam, ut lobortis lectus rutrum sed. Aliquam vel leo vestibulum, bibendum dolor id, dapibus lacus. Nam sit amet rutrum elit.
<div class="AOrppic"><div class="AOjournal1" style="margin-left:-280px;"> <font face="homemade apple" color="#08088A" size="4"><center>RP en cours</center></font> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin imperdiet, augue ut finibus pharetra, tortor sapien venenatis lorem, at elementum lorem dolor ut risus. Nulla vel odio at justo vestibulum varius eu eu felis. Morbi gravida nisl et sapien maximus laoreet. Morbi neque nisi, convallis sit amet nisi at, posuere dignissim elit. Curabitur varius in massa in suscipit. Aenean viverra tempor tristique. Mauris quis purus tellus. Praesent dolor mauris, volutpat eget imperdiet vel, tincidunt id mi. Integer commodo mauris vel tristique suscipit.
Nulla in arcu commodo, rutrum sapien et, viverra dui. Sed erat sapien, tempor at placerat ut, accumsan et velit. Fusce et ornare dui, id porta urna. In ex felis, feugiat vitae semper eu, lacinia ut nisi. Quisque auctor, tortor sed vehicula euismod, odio sem eleifend metus, quis rhoncus sem lacus quis neque. Vivamus efficitur, odio eget sodales pretium, sapien nisi commodo nisl, tempor iaculis turpis sem suscipit massa. Nunc faucibus, nibh vel euismod suscipit, magna urna mattis arcu, in scelerisque purus elit non lorem. Mauris ut imperdiet erat. Sed auctor purus quam, ut lobortis lectus rutrum sed. Aliquam vel leo vestibulum, bibendum dolor id, dapibus lacus. Nam sit amet rutrum elit. Nulla in arcu commodo, rutrum sapien et, viverra dui. Sed erat sapien, tempor at placerat ut, accumsan et velit. Fusce et ornare dui, id porta urna. In ex felis, feugiat vitae semper eu, lacinia ut nisi. Quisque auctor, tortor sed vehicula euismod, odio sem eleifend metus, quis rhoncus sem lacus quis neque. Vivamus efficitur, odio eget sodales pretium, sapien nisi commodo nisl, tempor iaculis turpis sem suscipit massa. Nunc faucibus, nibh vel euismod suscipit, magna urna mattis arcu, in scelerisque purus elit non lorem. Mauris ut imperdiet erat. Sed auctor purus quam, ut lobortis lectus rutrum sed. Aliquam vel leo vestibulum, bibendum dolor id, dapibus lacus. Nam sit amet rutrum elit.
</div><div class="AOjournal1" style="margin-right:-280px; margin-top:-487px;"> <font face="homemade apple" color="#08088A" size="4"><center>RP achevés</center></font> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin imperdiet, augue ut finibus pharetra, tortor sapien venenatis lorem, at elementum lorem dolor ut risus. Nulla vel odio at justo vestibulum varius eu eu felis. Morbi gravida nisl et sapien maximus laoreet. Morbi neque nisi, convallis sit amet nisi at, posuere dignissim elit. Curabitur varius in massa in suscipit. Aenean viverra tempor tristique. Mauris quis purus tellus. Praesent dolor mauris, volutpat eget imperdiet vel, tincidunt id mi. Integer commodo mauris vel tristique suscipit.
Nulla in arcu commodo, rutrum sapien et, viverra dui. Sed erat sapien, tempor at placerat ut, accumsan et velit. Fusce et ornare dui, id porta urna. In ex felis, feugiat vitae semper eu, lacinia ut nisi. Quisque auctor, tortor sed vehicula euismod, odio sem eleifend metus, quis rhoncus sem lacus quis neque. Vivamus efficitur, odio eget sodales pretium, sapien nisi commodo nisl, tempor iaculis turpis sem suscipit massa. Nunc faucibus, nibh vel euismod suscipit, magna urna mattis arcu, in scelerisque purus elit non lorem. Mauris ut imperdiet erat. Sed auctor purus quam, ut lobortis lectus rutrum sed. Aliquam vel leo vestibulum, bibendum dolor id, dapibus lacus. Nam sit amet rutrum elit. Nulla in arcu commodo, rutrum sapien et, viverra dui. Sed erat sapien, tempor at placerat ut, accumsan et velit. Fusce et ornare dui, id porta urna. In ex felis, feugiat vitae semper eu, lacinia ut nisi. Quisque auctor, tortor sed vehicula euismod, odio sem eleifend metus, quis rhoncus sem lacus quis neque. Vivamus efficitur, odio eget sodales pretium, sapien nisi commodo nisl, tempor iaculis turpis sem suscipit massa. Nunc faucibus, nibh vel euismod suscipit, magna urna mattis arcu, in scelerisque purus elit non lorem. Mauris ut imperdiet erat. Sed auctor purus quam, ut lobortis lectus rutrum sed. Aliquam vel leo vestibulum, bibendum dolor id, dapibus lacus. Nam sit amet rutrum elit.
Thia[/color]</span></div></center>
