modèle obligatoire
Par ici, c'est un passage obligé pour que vous puissiez vous trouver quelques petits liens sur The End of the F. Word . Vous trouverez, ci-dessous, la fiche de liens en deux parties, la première n'est autre que la partie vous concernant, avec les informations sur votre personnage, vos liens recherchés, ainsi qu'un répertoire pour vos rps. La seconde n'est autre que pour vos liens afin de les répertorier. Sur ce, bonne rédaction!
première partie
deuxième partie
pour rajouter un lien, avec le dernier div & center
Code:
<center><div id="ficheFICHE">
<cadre class="fiche_post"><div class="fiche_tab_content active">
<center><div class="fiche_featuring">ft. le faceclaim utilisé</div><div class="fiche_polaroid">
<div class="fiche_picpolaroid"><img src="https://i.imgur.com/ZqUOV3M.png">
</div>
<div class="fiche_polaroid-titre">prénom et nom
<span>[ citation très courte ]</span></div>
<div class="fiche_polaroid-quote">petite citation d'une ou deux lignes</div></div></center>
</div><div class="fiche_tab_content">
<center><div class="fiche_polaroid1"><div class="fiche_line"></div><div class="fiche_aesthetic"><div class="fiche_pic-aes"><img src="https://images2.imgbox.com/34/a7/nwXSy63m_o.png"></div><div class="fiche_pic-aes1"><img src="https://images2.imgbox.com/34/a7/nwXSy63m_o.png"></div><div class="fiche_pic-aes"><img src="https://images2.imgbox.com/34/a7/nwXSy63m_o.png"></div></div>
<div class="fiche_infob"><div class="fiche_tw">veuillez indiquer ici les tw de votre fiche (obligatoire)</div>
<div class="fiche_bloc-titre">petite citation juste ici</div>
<div class="fiche_info">nom & prénom</div>
<span>réponse juste ici</span>
petit développement de la réponse si vous souhaitez, ici
<div class="fiche_info">surnoms, alias</div>
<span>réponse juste ici</span>
petit développement de la réponse si vous souhaitez, ici
<div class="fiche_info">genre, pronoms</div>
<span>réponse juste ici</span>
petit développement de la réponse si vous souhaitez, ici
<div class="fiche_info">âge, date de naissance</div>
<span>réponse juste ici</span>
petit développement de la réponse si vous souhaitez, ici
<div class="fiche_info">lieu de naissance, origines</div>
<span>réponse juste ici</span>
petit développement de la réponse si vous souhaitez, ici
<div class="fiche_info">lieu d'habitation</div>
<span>réponse juste ici</span>
petit développement de la réponse si vous souhaitez, ici
<div class="fiche_info">profession</div>
<span>réponse juste ici</span>
petit développement de la réponse si vous souhaitez, ici
<div class="fiche_info">faction</div>
<span>réponse juste ici</span>
petit développement de la réponse si vous souhaitez, ici
<div class="fiche_info">orientation sexuelle</div>
<span>réponse juste ici</span>
petit développement de la réponse si vous souhaitez, ici
<div class="fiche_info">statut civil</div>
<span>réponse juste ici</span>
petit développement de la réponse si vous souhaitez, ici
<div class="fiche_info">votre voix</div>
<span>adjectifs pour décrire la voix de votre personnage</span>
si vous voulez y aller plus en détail, c'est par ici.
<div class="fiche_info">groupe</div>
<span><gr1>way down we go</gr1> | <gr2>lose yourself</gr2> | <gr3>back bone</gr3></span>
<div class="fiche_theme-song"><a href="https://tlou.forumactif.com">theme song</a></div>
</div>
<div class="fiche_cara">résumé rapide du personnage, ses traits de caractère, son histoire en quelques mots afin que vos potentiel.le.s partenaires sachent de quoi est fait votre personnage!
</div>
</div></center>
</div><div class="fiche_tab_content">
<center><div class="fiche_polaroid1">
<div class="fiche_search">
<p><bk1>description du lien</bk1> Donec non pulvinar ligula. Vivamus cursus tortor odio, eget congue erat fringilla quis. Proin et cursus eros, eu venenatis mi. Nullam nulla quam, auctor vitae dolor ac, tincidunt fermentum purus. </p>
<p><bk1>description du lien</bk1> Donec non pulvinar ligula. Vivamus cursus tortor odio, eget congue erat fringilla quis. Proin et cursus eros, eu venenatis mi. Nullam nulla quam, auctor vitae dolor ac, tincidunt fermentum purus. </p>
<p><bk1>description du lien</bk1> Donec non pulvinar ligula. Vivamus cursus tortor odio, eget congue erat fringilla quis. Proin et cursus eros, eu venenatis mi. Nullam nulla quam, auctor vitae dolor ac, tincidunt fermentum purus. </p>
<p><bk1>description du lien</bk1> Donec non pulvinar ligula. Vivamus cursus tortor odio, eget congue erat fringilla quis. Proin et cursus eros, eu venenatis mi. Nullam nulla quam, auctor vitae dolor ac, tincidunt fermentum purus. </p>
<p><bk1>description du lien</bk1> Donec non pulvinar ligula. Vivamus cursus tortor odio, eget congue erat fringilla quis. Proin et cursus eros, eu venenatis mi. Nullam nulla quam, auctor vitae dolor ac, tincidunt fermentum purus. </p>
<p><bk1>description du lien</bk1> Donec non pulvinar ligula. Vivamus cursus tortor odio, eget congue erat fringilla quis. Proin et cursus eros, eu venenatis mi. Nullam nulla quam, auctor vitae dolor ac, tincidunt fermentum purus. </p>
</div>
<div class="fiche_search-pic"><img src="https://conceptartworld.com/wp-content/uploads/2013/06/The_Last_of_Us_Concept_Art_MK-01.jpg"></div>
</div></center>
</div><div class="fiche_tab_content">
<center><div class="fiche_polaroid1"><div class="fiche_rps"><div class="fiche_info">RPS en cours</div>
<bk1>date</bk1> <span>nom du rp</span> <a href="https://fiche.forumactif.com/">―</a> @"nom du partenaire"
<bk1>date</bk1> <span>nom du rp</span> <a href="https://fiche.forumactif.com/">―</a> @"nom du partenaire"
<bk1>date</bk1> <span>nom du rp</span> <a href="https://fiche.forumactif.com/">―</a> @"nom du partenaire"
<bk1>date</bk1> <span>nom du rp</span> <a href="https://fiche.forumactif.com/">―</a> @"nom du partenaire"
<div class="fiche_info">RPS terminés</div>
<bk1>date</bk1> <span>nom du rp</span> <a href="https://fiche.forumactif.com/">―</a> @"nom du partenaire"
<bk1>date</bk1> <span>nom du rp</span> <a href="https://fiche.forumactif.com/">―</a> @"nom du partenaire"
<bk1>date</bk1> <span>nom du rp</span> <a href="https://fiche.forumactif.com/">―</a> @"nom du partenaire"
<bk1>date</bk1> <span>nom du rp</span> <a href="https://fiche.forumactif.com/">―</a> @"nom du partenaire"
<div class="fiche_info">RPS à venir</div>
<bk1>date</bk1> <span>nom du rp</span> <a href="https://fiche.forumactif.com/">―</a> @"nom du partenaire"
<bk1>date</bk1> <span>nom du rp</span> <a href="https://fiche.forumactif.com/">―</a> @"nom du partenaire"
<bk1>date</bk1> <span>nom du rp</span> <a href="https://fiche.forumactif.com/">―</a> @"nom du partenaire"
<bk1>date</bk1> <span>nom du rp</span> <a href="https://fiche.forumactif.com/">―</a> @"nom du partenaire"
</div>
<div class="fiche_lquote1">citation bien plus longue juste ici </div>
</div></center>
</div>
</div>
</cadre><cadre class="fiche_button"><div class="fiche_head_button"><div class="tab active"><div class="fiche_tab_button">restless</div></div><div class="tab"><div class="fiche_tab_button">unbound</div></div><div class="tab"><div class="fiche_tab_button">unbroken</div></div><div class="tab"><div class="fiche_tab_button">sleepless</div></div></div></cadre></center>Code:
<center><div class="ficheLI_cadre">
<div class="ficheLI_line2"></div>
<div class="ficheLI_liens-titre">petit titre juste ici</div>
<div class="ficheLI_liens-subtit">petite quote juste ici</div>
<div class="ficheLI_lienblock"><div class="ficheLI_liens-pic"><img src="https://images2.imgbox.com/7a/f8/BljuPN2d_o.png"></div><div class="ficheLI_liens-desc"><div class="ficheLI_liens-partner">nom du partenaire</div> <p>titre du lien</p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum elit tempus arcu vehicula, nec placerat elit consectetur. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nullam id tempus tortor.
<bk1>c. crédits</bk1></div></div>
<div class="ficheLI_lienblock"><div class="ficheLI_liens-pic"><img src="https://images2.imgbox.com/7a/f8/BljuPN2d_o.png"></div><div class="ficheLI_liens-desc"><div class="ficheLI_liens-partner">nom du partenaire</div> <p>titre du lien</p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum elit tempus arcu vehicula, nec placerat elit consectetur. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nullam id tempus tortor.
<bk1>c. crédits</bk1></div></div>
<div class="ficheLI_lienblock"><div class="ficheLI_liens-pic"><img src="https://images2.imgbox.com/7a/f8/BljuPN2d_o.png"></div><div class="ficheLI_liens-desc"><div class="ficheLI_liens-partner">nom du partenaire</div> <p>titre du lien</p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum elit tempus arcu vehicula, nec placerat elit consectetur. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nullam id tempus tortor.
<bk1>c. crédits</bk1></div></div>
<div class="ficheLI_lienblock"><div class="ficheLI_liens-pic"><img src="https://images2.imgbox.com/7a/f8/BljuPN2d_o.png"></div><div class="ficheLI_liens-desc"><div class="ficheLI_liens-partner">nom du partenaire</div> <p>titre du lien</p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum elit tempus arcu vehicula, nec placerat elit consectetur. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nullam id tempus tortor.
<bk1>c. crédits</bk1></div></div>
<div class="ficheLI_lienblock"><div class="ficheLI_liens-pic"><img src="https://images2.imgbox.com/7a/f8/BljuPN2d_o.png"></div><div class="ficheLI_liens-desc"><div class="ficheLI_liens-partner">nom du partenaire</div> <p>titre du lien</p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum elit tempus arcu vehicula, nec placerat elit consectetur. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nullam id tempus tortor.
<bk1>c. crédits</bk1></div></div>
</div></center>Code:
<div class="ficheLI_lienblock"><div class="ficheLI_liens-pic"><img src="https://images2.imgbox.com/7a/f8/BljuPN2d_o.png"></div><div class="ficheLI_liens-desc"><div class="ficheLI_liens-partner">nom du partenaire</div> <p>titre du lien</p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum elit tempus arcu vehicula, nec placerat elit consectetur. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nullam id tempus tortor.
<bk1>c. crédits</bk1></div></div>