Partagez | 
 

 Pour faire un prédéfini

Voir le sujet précédent Voir le sujet suivant Aller en bas 
MessageSujet: 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>





Messages : 40
Date d'inscription : 17/10/2015

 
Pour faire un prédéfini
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» G20, des mesures adoptées pour faire face à la crise
» Il faut de tous pour faire un monstre [pv Elle]
» cherche personne pour faire évoluer mon machopeur
» [Jour I] Pour faire partie du « petit noyau », du « petit groupe », du « petit clan » des Verdurin ...
» Recherche quelqu'un pour me faire une bannière

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Mugenhouyou ::  :: 
Entre les livres...
 :: Dossiers prédéfinis
-
Sauter vers: