Forum RPG mythologique
 
AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  Connexion  
Autopassion.net le site ddi  l'automobile cr par ses utilisateurs
Partagez | 
 

 Modèle de présentation pour les prédéfinis et les liens prédéfinis

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage

Compte Fondateur

avatar
I am
Messages : 23
Points : 58
Date d'inscription : 17/08/2016


Feuille de personnage
Race : Le Dieu des dieux
Métier: Tyran
Pouvoirs / Attributs : Infinie

MessageSujet: Modèle de présentation pour les prédéfinis et les liens prédéfinis   Sam 27 Aoû - 5:45


   
550 de large
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

   
100x100

Identité

- descriptif du lien avec le perso
100x100

Identité

- descriptif du lien avec le perso
100x100

Identité

- descriptif du lien avec le perso
100x100

Identité

- descriptif du lien avec le perso
100x100

Identité

- descriptif du lien avec le perso
100x100

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://illiweb.com/fa/pbucket.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 ?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://iroas.kanak.fr
 
Modèle de présentation pour les prédéfinis et les liens prédéfinis
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [Modèle de présentation, et rappel du message de bienvenue]
» bonsoir ma petite présentation
» [Sadida] 199 Sadi-green parrainés par White-need et Killermatt
» Modèle de présentation d'une commande
» petite présentation pour mieux me connaitre

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Iroas :: Bienvenue à Iroas :: Postes vacants & co-
Sauter vers: