Des Exemples et des Explications 0hf0
Des Exemples et des Explications Y12l
Des Exemples et des Explications 4ffa
Des Exemples et des Explications Nq3u


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

Partagez
 

Des Exemples et des Explications

Aller en bas 
Mysterious Book
Administrateur
Messages : 3482
Ft : Livre
Localisation : Everywhere

Feuille de personnage
Don:
Sortilèges:
Inventaire:
Voir le profil de l'utilisateur http://callofmagic.forumactif.com
Des Exemples et des Explications Empty
Des Exemples et des Explications EmptyJeu 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: