Des Exemples et des Explications

Les liens

En cas de besoin n'hésite pas à consulter le staff.

Dans le domaine du RPG et surtout en terme de déroulement, vos personnages vont se faire "des amis", des ennemies, des amours ect...Pour y voir clair dans les liens de vos personnages vous pouvez créé une fiche de lien. Si vous ne savez pas où en trouver n'hésitez pas à aller faire un tour sur certains sites de code en libre service comme CCCRUSH, Bazzart, Never Utopia voir même Epicode.

★ Exemple ★

Présentation du Personnage dans le premier post

Code:: <link href='http://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'><style type="text/css">.framboise {width: 270px; height: 100px; padding: 25px; position: relative; top: 230px; background-color: #fff; color: #000; opacity: 0; text-align: justify; font-family: arial; font-size: 9px; line-height: 130%; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s} .framboise:hover {width: 270px; height: 100px; padding: 25px; position: relative; top: 230px; background-color: #fff; color: #000; opacity: 0.9; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s;}</style><center><div style="width: 350px; height: 500px; padding: 10px;"><div style="width: 350px; height: 500px; padding: 10px; border: 1px solid #eee;"><div style="width: 350px; height: 500px; background-image: url(https://media.giphy.com/media/BnKICv80t5s9W/giphy.gif);"><div style="width: 350px; height: 90px; position: relative; top: 230px; line-height: 90px; font-family: 'Abril Fatface', cursive; text-transform: uppercase; font-size: 34px; letter-spacing: 2px; color: #f4f4f4; font-style: none;">PRENOM NOM</div><div style="width: 300px; height: 15px; margin-top: -20px; position: relative; top: 220px; line-height: 15px; font-family: calibri; text-transform: uppercase; font-size: 9px; letter-spacing: 3px; text-align: center; color: #f4f4f4; opacity: 0.8;">âge | attirance | profession</div><div class="framboise"><div style="width: 270px; height: 100px; padding-right: 5px; overflow: auto;">fact sur ton personnage ainsi que toute les différentes Bouse qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes Bouse qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes Bouse qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes Bouse qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes Bouse qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes Bouse qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes Bouse qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes Bouse qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes Bouse qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes Bouse qui ont marqué sa vie. ◊ fact sur ton personnage ainsi que toute les différentes Bouse qui ont marqué sa vie. </div></div></div>[size=9][b][color=#000033] bangerz[/color][/b][/size]</div></div></center><br />

Les blocs de lien Vous pouvez faire un post par "thème" (maison, famille, amis, ennemie ect

Code:: <style type="text/css">.cometome {width: 120px; height: 230px; padding: 25px; position: relative; top: 25px; background-color: #fff; color: #000; opacity: 0; text-align: justify; font-family: arial; font-size: 9px; line-height: 130%; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s} .cometome:hover {width: 120px; height: 230px; padding: 25px; position: relative; top: 25px; background-color: #fff; color: #000; opacity: 0.9; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s;}</style><center><table><tr><td><center><div style="width: 200px; height: 320px; padding: 10px;"><div style="width: 200px; height: 320px; padding: 10px; border: 1px solid #eee;"><div style="width: 200px; height: 320px; background-image: url(http://placehold.it/200x320);"><div class="cometome"><div style="width: 120px; height: 200px; padding-right: 5px; overflow: auto;"><div style="height: 20px; margin-bottom: 5px; font-family: calibri; font-weight: bold; letter-spacing: 1px; font-size: 8px; text-transform: uppercase; border-bottom: 1px solid #eee; text-align: left; line-height: 20px;">lyrics/name.</div>this is where all of your shipper/request info will go!!</div></div></div>[size=9][b][color=#000000] bangerz[/color][/b][/size]</div></div></center></td><td> </td><td><center><div style="width: 200px; height: 320px; padding: 10px;"><div style="width: 200px; height: 320px; padding: 10px; border: 1px solid #eee;"><div style="width: 200px; height: 320px; background-image: url(http://placehold.it/200x320);"><div class="cometome"><div style="width: 120px; height: 200px; padding-right: 5px; overflow: auto;"><div style="height: 20px; margin-bottom: 5px; font-family: calibri; font-weight: bold; letter-spacing: 1px; font-size: 8px; text-transform: uppercase; border-bottom: 1px solid #eee; text-align: left; line-height: 20px;">lyrics/name.</div>this is where all of your shipper/request info will go!!</div></div></div></div></div>[size=9][b][color=#000000] bangerz[/color][/b][/size]</center></td></tr></table>

<table><tr><td><center><div style="width: 200px; height: 320px; padding: 10px;"><div style="width: 200px; height: 320px; padding: 10px; border: 1px solid #eee;"><div style="width: 200px; height: 320px; background-image: url(http://placehold.it/200x320);"><div class="cometome"><div style="width: 120px; height: 200px; padding-right: 5px; overflow: auto;"><div style="height: 20px; margin-bottom: 5px; font-family: calibri; font-weight: bold; letter-spacing: 1px; font-size: 8px; text-transform: uppercase; border-bottom: 1px solid #eee; text-align: left; line-height: 20px;">lyrics/name.</div>this is where all of your shipper/request info will go!!</div></div></div>[size=9][b][color=#000000] bangerz[/color][/b][/size]</div></div></center></td><td>  </td><td><center><div style="width: 200px; height: 320px; padding: 10px;"><div style="width: 200px; height: 320px; padding: 10px; border: 1px solid #eee;"><div style="width: 200px; height: 320px; background-image: url(http://placehold.it/200x320);"><div class="cometome"><div style="width: 120px; height: 200px; padding-right: 5px; overflow: auto;"><div style="height: 20px; margin-bottom: 5px; font-family: calibri; font-weight: bold; letter-spacing: 1px; font-size: 8px; text-transform: uppercase; border-bottom: 1px solid #eee; text-align: left; line-height: 20px;">lyrics/name.</div>this is where all of your shipper/request info will go!!</div></div></div>[size=9][b][color=#000000] bangerz[/color][/b][/size]</div></div></center></td></tr></table></center><br />

Crédits : codage de Bangerang