Messages : 899 Points : 1071 Date d'inscription : 07/12/2014 Age : 26 Groupe: Déesses absolues Envoyer un MP Nishiki | Sujet: Un répertoire de personnage ? Ven 15 Mai - 11:41 | |
| Re
Voici une fiche pour un répertoire de personnage :
voici le code :
- code:
- Code:
-
<style>.fichenishiki hr {border: 0px; border-top: 1px solid black !important;margin-top: 2px;}.fichenishiki{margin:auto;width:700px;background:url(http://www.publicdomainpictures.net/pictures/60000/nahled/blue-fun-pattern-background-color.jpg);color:#000}.fichenishiki div{background-color:#fff}.nomprenom{display:block;text-align:center;font-size:45px;text-shadow:0 0 5px #000}.imageavatar{float:left;width:200px;height:400px;border:1px solid #000;margin-bottom:30px}.identite{display:block;text-align:center;font-size:35px;width:200px;margin:auto}.identite hr{font-size:10px}.Identitee{float:left;border:1px solid #000;margin-left:25px;width:470px;height:400px;overflow:auto;margin-bottom:30px}.titrecara{display:block;text-align:center;font-size:15px;width:150px;margin:auto}.titrecara hr{font-size:2px}.caractere{clear:both;line-height: 14px;border:1px solid #000;margin:30px;height:60px;border-radius:500px/75px;text-align:center;overflow:auto}.iconeavatar{width:100px;height:100px;border-radius:50%;position:absolute}.informations{height:100px;overflow:auto;position:absolute;width:550px}.avataragauche,.avataradroite{background:transparent!important;position:relative;height:100px;margin-top:20px;margin-bottom:20px}.informations p{display:block;width:500px;height:100px;overflow:auto;margin:0}.avataragauche .informations{border-top-right-radius:50px;border-bottom-right-radius:50px;right:0;top:0}.avataragauche .iconeavatar{left:0;top:0}.avataradroite .informations{left:0;top:0}.avataradroite .iconeavatar{right:0;top:0}.avataradroite .informations{border-top-left-radius:50px;border-bottom-left-radius:50px}.avataradroite .informations p{margin-left:50px}</style>
<div class="fichenishiki"> <span class="nomprenom"> ¤ NOM PERSO ¤ </span> <hr/><hr/> <img src="http://r14.imgfast.net/users/1416/13/16/78/avatars/4396-72.jpg" class="imageavatar" /><div class="Identitee"> <span class="identite"> Identitée <hr/><hr/></span> => Nom => Age => Sexe => Date de naissance => Orientation Sexuelle => Clan => Rang => Colo Pouvoir </div> <div class="caractere"><span class="titrecara"> Caractère<hr/><hr/></span> adj1 - adj 2 - adj 3 - adj1 - adj 2 - adj 3 - adj1 - adj 2 - adj 3 </div> <hr/><hr/> <span class="nomprenom"> ¤ RELATIONS ¤ </span> <div class="avataragauche"> <img src="http://r14.imgfast.net/users/1416/13/16/78/avatars/4396-72.jpg" class="iconeavatar" /> <div class="informations"><p> ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte </p></div></div>
<div class="avataradroite"> <img src="http://r14.imgfast.net/users/1416/13/16/78/avatars/4396-72.jpg" class="iconeavatar" /> <div class="informations"><p> ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte </p></div></div>
<div class="avataragauche"> <img src="http://r14.imgfast.net/users/1416/13/16/78/avatars/4396-72.jpg" class="iconeavatar" /> <div class="informations"><p> ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte </p></div></div>
<div class="avataradroite"> <img src="http://r14.imgfast.net/users/1416/13/16/78/avatars/4396-72.jpg" class="iconeavatar" /> <div class="informations"><p> ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte </p></div></div>
</div>
Pour rajouter des cases : avatar à droite - Code:
-
<div class="avataradroite"> <img src="http://r14.imgfast.net/users/1416/13/16/78/avatars/4396-72.jpg" class="iconeavatar" /> <div class="informations"><p> ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte </p></div></div>
avatar à gauche - Code:
-
<div class="avataragauche"> <img src="http://r14.imgfast.net/users/1416/13/16/78/avatars/4396-72.jpg" class="iconeavatar" /> <div class="informations"><p> ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte ton texte </p></div></div> |
|
Messages : 899 Points : 1071 Date d'inscription : 07/12/2014 Age : 26 Groupe: Déesses absolues Envoyer un MP Nishiki | Sujet: Re: Un répertoire de personnage ? Ven 22 Mai - 20:39 | |
| ¤ NOM PERSO ¤
Identitée
=> Nom => Age => Sexe => Date de naissance => Orientation Sexuelle => Clan => Rang => Colo Pouvoir
Caractère
adj1 - adj 2 - adj 3 - adj1 - adj 2 - adj 3 - adj1 - adj 2 - adj 3
¤ RELATIONS ¤ voilà le rendue de la fiche, biensur le fond et les avatar son a changer avec ceux des persos XD |
|