Admin Messages : 8 Date d'inscription : 29/08/2015
| Sujet: Fiche pour prédéfinis Sam 29 Aoû - 16:54 | |
| Prénom P. NomInformations Prénoms et Nom ICI Nationalité ICI Âge ICI Date de naissance ICI Lieu de naissance ICI
PETIT MOT Prendre un instantané! Decrivez ici les points d'histoire et de background que vous voulez voir respectés pour ce personnage, ainsi ce que vous en attendez! HISTOIRE
Mes AmisIdentité - descriptif du lien avec le perso | Identité - descriptif du lien avec le perso | Identité - descriptif du lien avec le perso | Identité - descriptif du lien avec le perso | Identité - descriptif du lien avec le perso | Identité - descriptif du lien avec le perso |
© Narja - Never-Utopia - 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; background-color: #3B1F2D; background-image: url(http://img11.hostingpics.net/pics/507602PATTERNDEUX.png); background-repeat: repeat; border-top:10px solid #3B1F2D; border-bottom: 10px solid #3B1F2D; border-left: 1px solid #3B1F2D; border-right: 1px solid #3B1F2D; border-radius: 0px 0px 10px 10px; box-shadow: 0px 0px 0px #3B1F2D;}.head {width: 550px; border-bottom: 10px solid #3B1F2D}.titre{transition: 2s ease; display: inline; color: #F6ECDB; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px}.titre:hover{color: #3A1F2D} .soustitre{font-family: 'Playball', cursive; color: #3A1F2D; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #F6ECDB} .bloc{background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #C8C6C4;text-shadow: 0px 0px 2px #C8C6C4; transition: 1s;}.mef1:hover {color: #CD3259;text-shadow: 0px 0px 2px #CD3259; }.mef2:hover {color: #E88124;text-shadow: 0px 0px 2px #E88124; }.mef3:hover {color: #EACF15;text-shadow: 0px 0px 2px #EACF15; }.mef4:hover {color: #78CC1C;text-shadow: 0px 0px 2px #78CC1C; }.mef5:hover {color: #35A0B7;text-shadow: 0px 0px 2px #35A0B7; }.mef6:hover {color: #2031C8;text-shadow: 0px 0px 2px #2031C8; }.mef7:hover {color: #C626BA;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #3B1F2D; border-bottom: 2px solid #3B1F2D; 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: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; z-index: 999; }.bulle:hover span{display: block}.titre2{font-family: 'Playball', cursive; color: #3A1F2D; 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: #644A52; 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: #A19D99; font-family: times new roman; font-size: 12px}#deroulant div {background-color: #644A52; padding: 10px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; width: 180px; height: 300px ; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; 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://nsa37.casimages.com/img/2015/08/29/150829044106988079.png" 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="mef3">Âge</span> ICI <span class="mef4">Date de naissance</span> ICI <span class="mef5">Lieu de naissance</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</p><img src="http://nsa38.casimages.com/img/2015/08/29/150829042741243363.png" /></div></div></div></div><div style="clear:both"></div><br /> <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> <div style="margin-left: auto; margin-right: auto; width: 300px"><table><tr><td><div class="bulle"><img class="icone" src="http://l-userpic.livejournal.com/95959986/21347868" 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://v.dreamwidth.org/779352/420645" 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://orig03.deviantart.net/6f17/f/2015/057/7/f/denmark_x_reader__shut_up__by_aureaida-d75kwez.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://l-userpic.livejournal.com/124240436/35424240" 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://orig14.deviantart.net/6831/f/2010/155/3/3/hetalia_poland_avatar_by_fraeuleinkuchen.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://l-userpic.livejournal.com/101601974/12115896" 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> |
|