Mugenhouyou
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Aller en bas
avatar
Invité
Invité

Pour faire un prédéfini Empty Pour faire un prédéfini

Sam 17 Oct - 18:37

• Pour faire un prédéfini, il suffit de prendre ce code et de l'envoyer une fois remplis à un membre du staff. Une fois validé, il sera disponible dans les prédéfinis.

• Pour prendre un prédéfini, il suffit de vous inscrire avec le nom de celui qui vous intéresse.

Sur les fiches, n'oubliez pas de passer la souris sur les images pour qu'elles vous révèlent tous leurs secrets !


Pour les Humains et Norowa
Code:
<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; border-top:10px solid #273149; border-bottom: 10px solid #273149; box-shadow: 0px 2px 2px 2px #000000;}.head {width: 550px; border-bottom: 10px solid #273149}.titre{transition: 2s ease; display: inline; color: #8DA0D5; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px}.titre:hover{color: #44547D} .soustitre{font-family: 'Playball', cursive; color: #8DA0D5; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #44547D} .bloc{background-color: #44547D; border-left: 2px solid #273149; border-right: 2px solid #273149; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #000000; font-family: times new roman; font-size: 12px} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #FFFFFF;text-shadow: 0px 0px 2px #C8C6C4; transition: 1s;}.mef1:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #CD3259; }.mef2:hover {color: #000000;text-shadow: 0px 0px 2px #E88124; }.mef3:hover {color: #000000;text-shadow: 0px 0px 2px #EACF15; }.mef4:hover {color: #000000;text-shadow: 0px 0px 2px #78CC1C; }.mef5:hover {color: #000000;text-shadow: 0px 0px 2px #35A0B7; }.mef6:hover {color: #000000;text-shadow: 0px 0px 2px #2031C8; }.mef7:hover {color: #000000;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #273149; border-bottom: 2px solid #273149; 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: #8DA0D5; border-left: 2px solid #273149; border-right: 2px solid #273149; padding: 5px; text-align: justify; color: #000000; font-family: times new roman; font-size: 12px; z-index: 999; }.bulle:hover span{display: block}.titre2{font-family: 'Playball', cursive; color: #000000; margin-left: auto; margin-right: auto; width: 240px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .titre2:hover{color: #F6ECDB} .bloc2 {background-color: #44547D; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 240px; height: 250px; overflow: auto; padding: 5px; text-align: justify; color: #000000; font-family: times new roman; font-size: 12px}#deroulant div {background-color: #44547D; padding: 10px; text-align: justify; color: #000000; font-family: times new roman; font-size: 12px; width: 180px; height: 300px ; border-left: 2px solid #273149; border-right: 2px solid #273149; position: relative; overflow: hidden; } #deroulant div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #deroulant div:hover img { transform: translateX(200px); -moz-transform: translateX(200px); -o-transform: translateX(200px); -webkit-transform: translateX(200px);} #deroulant a {text-decoration : none!important; color: #C8C6C4; transition : 1s} #deroulant {text-decoration : none!important; color: #C8C6C4; text-shadow: 0px 0px 2px #C8C6C4; transition : 1s}</style>
<div class="fond"><img class="head" src="http://img11.hostingpics.net/pics/158554CameraObscuriafiche.png" style="width:550px; height:200px;" alt="550 de large"><center><span class="titre">Prénom P. Nom</span></center>
<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
<span class="mef2">Nationalité</span> ICI
<span class="mef4">Date de naissance & Age</span> ICI

<span class="mef7">Alignement Politique</span> Clan Oharaï / Neutral / Reis
<span class="mef6">Métier</span> ICI

<span class="mef1">Clan</span> Si vous êtes un humain, vous pouvez effacer cette ligne.
<span class="mef1">Spécialité</span> Si vous êtes un humain, vous pouvez effacer cette ligne.

</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 DE L'AUTEUR</p><img src="http://img11.hostingpics.net/pics/332393Sanstitre1.png" /></div></div></div></div><div style="clear:both"></div><br />
<div class="soustitre">PETITE CITATION</div><div class="bloc"><span class="mef5">Décrivez 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>
<div style="margin-left: auto; margin-right: auto; width: 300px"><table><tr><td><div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" 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="http://nsa34.casimages.com/img/2013/11/15/131115042702263487.png" 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="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" 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="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" 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="http://nsa34.casimages.com/img/2013/11/15/131115042702263487.png" 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="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" 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>

Pour les Esprits
Code:
<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; border-top:10px solid #273149; border-bottom: 10px solid #273149; box-shadow: 0px 2px 2px 2px #000000;}.head {width: 550px; border-bottom: 10px solid #273149}.titre{transition: 2s ease; display: inline; color: #8DA0D5; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px}.titre:hover{color: #44547D} .soustitre{font-family: 'Playball', cursive; color: #8DA0D5; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #44547D} .bloc{background-color: #44547D; border-left: 2px solid #273149; border-right: 2px solid #273149; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #000000; font-family: times new roman; font-size: 12px} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #FFFFFF;text-shadow: 0px 0px 2px #C8C6C4; transition: 1s;}.mef1:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #CD3259; }.mef2:hover {color: #000000;text-shadow: 0px 0px 2px #E88124; }.mef3:hover {color: #000000;text-shadow: 0px 0px 2px #EACF15; }.mef4:hover {color: #000000;text-shadow: 0px 0px 2px #78CC1C; }.mef5:hover {color: #000000;text-shadow: 0px 0px 2px #35A0B7; }.mef6:hover {color: #000000;text-shadow: 0px 0px 2px #2031C8; }.mef7:hover {color: #000000;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #273149; border-bottom: 2px solid #273149; 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: #8DA0D5; border-left: 2px solid #273149; border-right: 2px solid #273149; padding: 5px; text-align: justify; color: #000000; font-family: times new roman; font-size: 12px; z-index: 999; }.bulle:hover span{display: block}.titre2{font-family: 'Playball', cursive; color: #000000; margin-left: auto; margin-right: auto; width: 240px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .titre2:hover{color: #F6ECDB} .bloc2 {background-color: #44547D; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 240px; height: 250px; overflow: auto; padding: 5px; text-align: justify; color: #000000; font-family: times new roman; font-size: 12px}#deroulant div {background-color: #44547D; padding: 10px; text-align: justify; color: #000000; font-family: times new roman; font-size: 12px; width: 180px; height: 300px ; border-left: 2px solid #273149; border-right: 2px solid #273149; position: relative; overflow: hidden; } #deroulant div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #deroulant div:hover img { transform: translateX(200px); -moz-transform: translateX(200px); -o-transform: translateX(200px); -webkit-transform: translateX(200px);} #deroulant a {text-decoration : none!important; color: #C8C6C4; transition : 1s} #deroulant {text-decoration : none!important; color: #C8C6C4; text-shadow: 0px 0px 2px #C8C6C4; transition : 1s}</style>
<div class="fond"><img class="head" src="http://img11.hostingpics.net/pics/158554CameraObscuriafiche.png" style="width:550px; height:200px;" alt="550 de large"><center><span class="titre">Prénom P. Nom</span></center>
<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
<span class="mef1">Surnom</span> ICI

<span class="mef6">Métier</span> ICI

<span class="mef2">Nationalité</span> ICI
<span class="mef2">Date de naissance & Age</span> ICI
<span class="mef3">Age au moment de la mort</span> ICI
<span class="mef3">Cause du décès</span> ICI

<span class="mef4">Alignement politique</span> Clan Oharaï / Neutral / Reis
<span class="mef4">Alignement fantomatique </span> ICI
<span class="mef5">Rang </span> ICI

<span class="mef7">Pouvoir</span> ICI


</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 DE L'AUTEUR</p><img src="http://img11.hostingpics.net/pics/332393Sanstitre1.png" /></div></div></div></div><div style="clear:both"></div><br />
<div class="soustitre">PETITE CITATION</div><div class="bloc"><span class="mef5">Décrivez 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>
<div style="margin-left: auto; margin-right: auto; width: 300px"><table><tr><td><div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" 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="http://nsa34.casimages.com/img/2013/11/15/131115042702263487.png" 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="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" 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="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" 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="http://nsa34.casimages.com/img/2013/11/15/131115042702263487.png" 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="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" 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>
Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum