Compte Fondateur
I am Maître du Jeu
Messages : 23Points : 58Date d'inscription : 17/08/2016
Sujet: Modèle de présentation pour les prédéfinis et les liens prédéfinis Sam 27 Aoû - 5:45 Prénom P. Nom Informations
Prénoms et Nom ICI Sexe ICI Âge ICI Date de naissance ICI Groupe ICI Métier ICI Race ICI
Qui était t'il dans le magique, où vivait il, a-t'il participé à la guerre du Palais Eirini ? On veut en savoir plus sur la personne qu'il était avant !
Histoire et Demandes
Décrivez ici les points d'histoire et de background que vous voulez voir respectés pour ce personnage, ainsi que ce que vous attendez du joueur (nombre de ligne, présence, avatar, ...)
Ses Liens Identité
- descriptif du lien avec le persoIdentité
- descriptif du lien avec le perso Identité
- descriptif du lien avec le perso Identité
- descriptif du lien avec le persoIdentité
- 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: #1A1A1A; background-image: url(); background-repeat: repeat; border-top:10px solid #3D3D3D; border-bottom: 10px solid #3D3D3D; border-left: 1px solid #3D3D3D; border-right: 1px solid #3D3D3D; border-radius: 0px 0px 10px 10px; box-shadow: 0px 0px 0px #3B1F2D;}.head {width: 550px; border-bottom: 10px solid #3D3D3D}.titre{transition: 2s ease; display: inline; color: #C1C1C1; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px}.titre:hover{color: #ffffff} .soustitre{font-family: 'Playball', cursive; color: #9E9E9E; 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: #ffffff; border-left: 2px solid #000000; border-right: 2px solid #000000; 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: #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: #1A1A1A; 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; }.bulle:hover span{display: block}.titre2{font-family: 'Playball', cursive; color: #9E9E9E; margin-left: auto; margin-right: auto; width: 240px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .titre2:hover{color: #ffffff} .bloc2 {background-color: #ffffff; border-left: 2px solid #3D3D3D; border-right: 2px solid #3D3D3D; 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: #ffffff; padding: 10px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; width: 180px; height: 300px ; border-left: 2px solid #3D3D3D; border-right: 2px solid #3D3D3D; 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: #000000; 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://i293.photobucket.com/albums/mm66/vanilla_dea18/hercules.gif" 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">Sexe</span> ICI <span class="mef3">Âge</span> ICI <span class="mef4">Date de naissance</span> ICI <span class="mef5">Groupe</span> ICI <span class="mef6">Métier</span> ICI <span class="mef7">Race</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;">Qui était t'il dans le magique, où vivait il, a-t'il participé à la guerre du Palais Eirini ? On veut en savoir plus sur la personne qu'il était avant !</p><img src="http://i35.servimg.com/u/f35/19/52/82/60/ian_ca10.png" /></div></div></div></div><div style="clear:both"></div><br /> <div class="soustitre">Histoire et Demandes</div><div class="bloc"><span class="mef5"> </span>Décrivez ici les points d'histoire et de background que vous voulez voir respectés pour ce personnage, ainsi que ce que vous attendez du joueur (nombre de ligne, présence, avatar, ...)<br /><br /><br /></div><div class="head"></div><center><span class="titre">Ses Liens</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>
Modèle pour les liens prédéfinis ?