Forum Hp situé juste après la guerre contre Voldemort
 

Partagez | 
 

Des Exemples et des Explications

Aller en bas 
avatar
Administrateur
Messages : 2560
Ft : Livre
Localisation : Everywhere

Feuille de personnage
Don:
Sortilèges:
Inventaire:
Voir le profil de l'utilisateur http://callofmagic.forumactif.com
Jeu 2 Nov 2017 - 13:37
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> &nbsp;</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
 
Des Exemples et des Explications
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» C'est le temps des explications... (Hope et Warren ♥)
» C.A.M.P.I.N.G. / Explications.
» Religion Armandéenne (explications esprits-totems)
» — Why don't we go somewhere only we know ?
» Save The human right to food: International mission to Haiti

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CallOfMagic :: Are You Ready ? :: Gestion des Personnages :: Fiches de liens-
Sauter vers: