[size=11]<link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.fond {margin-left: auto; margin-right : auto; width: 550px; background-color: #102528; background-image: url(https://i37.servimg.com/u/f37/17/98/94/60/fond13.jpg); background-repeat: repeat; border-top:10px solid #5E5C59; border-bottom: 10px solid #5E5C59; border-left: 1px solid #5E5C59; border-right: 1px solid #5E5C59; border-radius: 0px 0px 10px 10px; box-shadow: 0px 0px 0px #ffffff;}.head {width: 550px; border-bottom: 10px solid #5E5C59}.titre{transition: 2s ease; display: inline; color: #ffffff; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px}.titre:hover{color: #ffffff} .soustitre{font-family: 'Playball', cursive; color: #ffffff; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #ffffff} .bloc{background-color: #5E5C59; border-left: 2px solid #5E5C59; border-right: 2px solid #5E5C59; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #ffffff; font-family: times new roman; font-size: 12px} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #ffffff;text-shadow: 0px 0px 2px #000000; transition: 1s;}.mef1:hover {color: #ffffff;text-shadow: 0px 0px 2px #000000; }.mef2:hover {color: #ffffff;text-shadow: 0px 0px 2px #000000;}.mef3:hover {color: #ffffff;text-shadow: 0px 0px 2px #000000; }.mef4:hover {color: #ffffff;text-shadow: 0px 0px 2px #000000; }.mef5:hover {color: #ffffff;text-shadow: 0px 0px 2px #000000; }.mef6:hover {color: #ffffff;text-shadow: 0px 0px 2px #000000; }.mef7:hover {color: #ffffff;text-shadow: 0px 0px 2px #000000; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #5E5C59; border-bottom: 2px solid #5E5C59; transition: 2s; }.icone:hover{transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); }.bulle span{position: absolute; top: auto; left: auto; width: 300px ; height: auto; display: none; background-color: #5E5C59; border-left: 2px solid #5E5C59; border-right: 2px solid #5E5C59; padding: 5px; text-align: justify; color: #ffffff; font-family: times new roman; font-size: 12px; }.bulle:hover span{display: block}</style>[/size]
[size=11]<div class="fond"><img class="head" src="https://i37.servimg.com/u/f37/17/98/94/60/presen10.jpg" alt="550 de large"><center><span class="titre">Prénom P. Nom</span></center>[/size]
[size=11]<div style="width: 500px"><div style="width: 300px; float: left"><div class="soustitre" style="width: 300px">Informations</div><div class="bloc" style="width: 250px; height: 297px; overflow: auto;"><span class="mef1">Prénoms et Nom</span> ICI[/size]
[size=11]<span class="mef6">Surnom</span> ICI[/size]
[size=11]<span class="mef3">Âge</span> ICI[/size]
[size=11]<span class="mef5">Lieu de naissance</span> ICI[/size]
[size=11]<span class="mef6">Métier</span> ICI[/size]
[size=11]<span class="mef6">Race et Camp</span> ICI[/size]
[size=11]<span class="mef7">Pouvoir</span> ICI[/size]
[size=11]<span class="mef6">Code du Règlement</span> ICI[/size]
[size=11]</div></div><div style="width: 200px; float: right"><div id="deroulant"><div><p style="font-family: times new roman; font-size: 12px; text-shadow: none;">PETIT MOT</p><img src="https://i37.servimg.com/u/f37/17/98/94/60/essaia10.jpg" /></div></div></div></div><div style="clear:both"></div><br />[/size]
[size=11]<div class="soustitre">Prendre un instantané!</div><div class="bloc"><span class="mef5">Decrivez ici les points d'histoire et de background que vous voulez voir respectés pour ce personnage, ainsi ce que vous en attendez! </span>HISTOIRE<br /><br /><br /></div><div class="head"></div><center><span class="titre">Mes Amis</span></center>[/size]
[size=11]<div style="margin-left: auto; margin-right: auto; width: 300px"><table><tr><td><div class="bulle"><img class="icone" src="https://i37.servimg.com/u/f37/17/98/94/60/icons113.jpg" alt="100x100"><span><p class="mef6" style="display: inline">Identité</p> - descriptif du lien avec le perso</span></div></td><td><div class="bulle"><img class="icone" src="https://i37.servimg.com/u/f37/17/98/94/60/icons213.jpg" alt="100x100"><span><p class="mef6" style="display: inline">Identité</p> - descriptif du lien avec le perso</span></div></td><td> <div class="bulle"><img class="icone" src="https://i37.servimg.com/u/f37/17/98/94/60/icons513.jpg" alt="100x100"><span><p class="mef6" style="display: inline">Identité</p> - descriptif du lien avec le perso</span></div></td></tr><tr><td><div class="bulle"><img class="icone" src="https://i37.servimg.com/u/f37/17/98/94/60/icons310.jpg" alt="100x100"><span><p class="mef6" style="display: inline">Identité</p> - descriptif du lien avec le perso</span></div></td><td><div class="bulle"><img class="icone" src="https://i37.servimg.com/u/f37/17/98/94/60/icons413.jpg" alt="100x100"><span><p class="mef6" style="display: inline">Identité</p> - descriptif du lien avec le perso</span></div></td><td> <div class="bulle"><img class="icone" src="https://i37.servimg.com/u/f37/17/98/94/60/icons513.jpg" alt="100x100"><span><p class="mef6" style="display: inline">Identité</p> - descriptif du lien avec le perso</span></div></td></tr></table></div><br /><center><a href="http://www.never-utopia.com" style="color: #3B1F2D; font-size: 10px">© Narja - Never-Utopia</a></center></div>[/size]
[code]<br>[b]Avatar[/b] •• [b]Nom du personnage[/b][/code]
Accueil
