Partagez | 
 

 Fiche présentation - Style 01

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Nowaki Hiroshi
Thèmiste
avatar

Nombre de messages : 196
Localisation : Dans le forum
Date d'inscription : 04/09/2006

MessageSujet: Fiche présentation - Style 01   11.04.16 19:25


Nom & Prénom
Fiche d'identité
Nom : blablabla
Prénom : blablabla (Surnom : blablabla)
Date de naissance : 00/00/00
Age : blablabla

Orientation sexuel : blablabla
Statut familial : célibataire, marié(e), veuf(veuve)
Profession : blablabla

Groupe : blablabla
Mes attitudes physiques & mentales
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ullamcorper varius neque lacinia faucibus. Vivamus consequat elementum turpis, eu rhoncus massa cursus ut. Etiam semper tellus a ex faucibus placerat. Duis sagittis mollis nunc, et lobortis enim fringilla eget. Nam non nulla vel odio sagittis convallis et vitae tortor. Quisque gravida tempor neque ac aliquam. Quisque finibus dolor at lorem tempor ultricies. Duis sed lacus commodo, feugiat ligula eu, sollicitudin est. Etiam sed blandit nunc. Vivamus id ante gravida, interdum nunc id, luctus dolor. In eget nisl lacus. Fusce ante nunc, tincidunt eu felis at, aliquet scelerisque magna. Mauris facilisis dui at arcu consectetur, sed tincidunt mi ornare. Sed nec hendrerit elit. Pellentesque interdum nibh ut elit sagittis semper. Nunc vel ex eget tellus imperdiet laoreet eget sit amet urna.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ullamcorper varius neque lacinia faucibus. Vivamus consequat elementum turpis, eu rhoncus massa cursus ut. Etiam semper tellus a ex faucibus placerat. Duis sagittis mollis nunc, et lobortis enim fringilla eget. Nam non nulla vel odio sagittis convallis et vitae tortor. Quisque gravida tempor neque ac aliquam. Quisque finibus dolor at lorem tempor ultricies. Duis sed lacus commodo, feugiat ligula eu, sollicitudin est. Etiam sed blandit nunc. Vivamus id ante gravida, interdum nunc id, luctus dolor. In eget nisl lacus. Fusce ante nunc, tincidunt eu felis at, aliquet scelerisque magna. Mauris facilisis dui at arcu consectetur, sed tincidunt mi ornare. Sed nec hendrerit elit. Pellentesque interdum nibh ut elit sagittis semper. Nunc vel ex eget tellus imperdiet laoreet eget sit amet urna.
Mon histoire

► Prologue

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ullamcorper varius neque lacinia faucibus. Vivamus consequat elementum turpis, eu rhoncus massa cursus ut. Etiam semper tellus a ex faucibus placerat. Duis sagittis mollis nunc, et lobortis enim fringilla eget. Nam non nulla vel odio sagittis convallis et vitae tortor. Quisque gravida tempor neque ac aliquam. Quisque finibus dolor at lorem tempor ultricies. Duis sed lacus commodo, feugiat ligula eu, sollicitudin est. Etiam sed blandit nunc. Vivamus id ante gravida, interdum nunc id, luctus dolor. In eget nisl lacus. Fusce ante nunc, tincidunt eu felis at, aliquet scelerisque magna. Mauris facilisis dui at arcu consectetur, sed tincidunt mi ornare. Sed nec hendrerit elit. Pellentesque interdum nibh ut elit sagittis semper. Nunc vel ex eget tellus imperdiet laoreet eget sit amet urna.

Nullam id sapien est. Morbi suscipit lorem eget congue tincidunt. Aenean consectetur ligula et purus dapibus varius. Cras suscipit gravida erat, at condimentum ipsum pharetra nec. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur a felis porttitor, molestie turpis sed, sollicitudin metus. Sed maximus velit purus, nec dictum elit commodo eu. Mauris condimentum molestie facilisis. Suspendisse pretium, ligula iaculis ullamcorper ornare, orci quam sagittis risus, quis venenatis libero ex sed ipsum. Phasellus viverra sollicitudin varius. Vestibulum at hendrerit tortor. Donec pharetra tortor non metus interdum, sit amet cursus dui fermentum. Cras interdum, lacus vel cursus euismod, diam magna rutrum justo, ut tempus nibh leo in ligula. Phasellus eget ultrices est, malesuada blandit nulla. Etiam dictum, massa sed lacinia fermentum, ante ligula fermentum urna, sed auctor nunc nibh quis felis. Mauris lobortis pretium nisi, ut ullamcorper felis consequat in.

« Pellentesque varius aliquet magna at fermentum.
▬ Aenean nec metus quam. Curabitur sed velit vulputate, vehicula quam et, varius purus. Donec elementum sollicitudin lectus vitae malesuada. Etiam accumsan dolor quis eros efficitur egestas. Sed at dui facilisis, porta purus non, interdum ante. Aliquam erat volutpat. Integer eget sollicitudin leo, quis fringilla odio. Suspendisse in suscipit diam, a iaculis libero. Vivamus efficitur condimentum elit, ac ullamcorper felis cursus congue. Donec fringilla, quam sit amet ornare auctor, augue lorem convallis augue, ac ultricies sapien nisl in sapien. Praesent vel ex sit amet est fringilla semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut ultricies eget lorem at lobortis. »

Nulla nibh nisl, eleifend in quam eget, venenatis rutrum nunc. Morbi viverra quam vitae nisi dictum iaculis. Donec in volutpat lacus. Morbi egestas libero quis scelerisque aliquet. Vivamus placerat tristique orci, euismod consequat libero. Sed gravida malesuada dictum. Aliquam a lorem non sapien bibendum suscipit. Suspendisse augue sapien, consequat ac augue eu, porta vehicula mauris. Fusce vitae ante ac nulla facilisis dignissim ac at arcu. Nulla mauris mauris, aliquet nec elementum quis, blandit nec enim. Nullam sit amet scelerisque eros. Ut eleifend nibh nibh, et euismod ipsum hendrerit sit amet.

Vestibulum finibus neque sapien, in ultricies nisl interdum scelerisque. Aliquam at quam non lectus rhoncus lobortis in vitae urna. Phasellus facilisis euismod lectus quis aliquam. Vivamus facilisis pharetra diam, sed euismod tellus eleifend a. Fusce dictum interdum tempor. Praesent vitae consectetur orci. Nam erat enim, lobortis sit amet enim ac, malesuada blandit ex.
À propos de moi
Nulla nibh nisl, eleifend in quam eget, venenatis rutrum nunc. Morbi viverra quam vitae nisi dictum iaculis. Donec in volutpat lacus. Morbi egestas libero quis scelerisque aliquet. Vivamus placerat tristique orci, euismod consequat libero. Sed gravida malesuada dictum. Aliquam a lorem non sapien bibendum suscipit. Suspendisse augue sapien, consequat ac augue eu, porta vehicula mauris. Fusce vitae ante ac nulla facilisis dignissim ac at arcu. Nulla mauris mauris, aliquet nec elementum quis, blandit nec enim. Nullam sit amet scelerisque eros. Ut eleifend nibh nibh, et euismod ipsum hendrerit sit amet.
Layout by Ninquelote - canalgraph


Code:
<link href='https://fonts.googleapis.com/css?family=Amatic+SC|Megrim|Warnes' rel='stylesheet' type='text/css'><style type="text/css">.preback {width:550px;background:#FEFEFE;text-align:left;} .pretop {height:230px;background:url(http://i86.servimg.com/u/f86/11/59/31/05/top10.png);} .preimg {width:200px;height:250px;float:right;overflow:hidden;} .preleft {width:350px;height:250px;overflow:hidden;} .prephy {width:273px;height:300px;display:inline-block;background:#8E7058;border-right:2px solid #FEFEFE;overflow:hidden;} .premen {width:275px;display:inline-block;background:#8E7058;overflow:hidden;} .prehis {height:600px;overflow:hidden;} .pretoi {height:100px;background:#8E7058;overflow:auto;} .prebottom {padding:8px 0px;display:block;font-family: 'Amatic SC', cursive;font-size:14px;border-top:4px solid #8E7058;text-align:center;} .topnom {margin-right:10px;top:212px;position:relative;z-index:2;color:#FFF;font-family:'Warnes', cursive;font-size:28px;text-align:right;text-shadow:#8E7058 2px -2px;} .premoi {margin:10px;padding-right:10px;height:230px;overflow:auto;font-family:'Georgia', serif;font-size:11px;line-height:100%;letter-spacing:0.1em;word-spacing: 0.1em;text-align:justify;} .preide {color:#8E7058;font-family:'Georgia', serif;font-size:11px;line-height:100%;text-transform: uppercase;letter-spacing:0.1em;word-spacing: 0.2em;text-align:justify;} .pretitle {padding:18px 0px;display:block;font-family:'Megrim', cursive;font-size:28px;text-align:center;} .predres {margin:10px; padding:0px 14px;height:280px;overflow:auto;color:#FEFEFE;font-family:'Georgia', serif;font-size:11px;line-height:100%;letter-spacing:0.1em;word-spacing: 0.2em;text-align:justify;} .predres02 {margin:0px 10px; padding:0px 20px;height:550px;overflow:auto;font-family:'Georgia', serif;font-size:11px;line-height:100%;letter-spacing:0.1em;word-spacing: 0.2em;text-align:justify;} .prechap {margin-left:20px;color:#8E7058;font-family: 'Amatic SC', cursive;font-size:18px;} .predres03 {margin:10px; padding:0px 14px;height:80px;overflow:auto;color:#FEFEFE;font-family:'Georgia', serif;font-size:11px;line-height:100%;letter-spacing:0.1em;word-spacing: 0.2em;text-align:justify;}</style>
<center><div class="preback"><div class="pretop"><div class="topnom">Nom & Prénom</div></div><div class="preimg"><img src="http://i86.servimg.com/u/f86/11/59/31/05/avatar10.png" /></div><div class="preleft"><div class="premoi"><div class="pretitle">Fiche d'identité</div><span class="preide">Nom :</span> blablabla
<span class="preide">Prénom :</span> blablabla (Surnom : blablabla)
<span class="preide">Date de naissance :</span> 00/00/00
<span class="preide">Age :</span> blablabla

<span class="preide">Orientation sexuel :</span> blablabla
<span class="preide">Statut familial :</span> célibataire, marié(e), veuf(veuve)
<span class="preide">Profession :</span> blablabla

<span class="preide">Groupe :</span> blablabla</div></div><div class="pretitle" style="background:#8E7058;color:#FEFEFE;">Mes attitudes physiques & mentales</div><div class="prephy"><div class="predres">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ullamcorper varius neque lacinia faucibus. Vivamus consequat elementum turpis, eu rhoncus massa cursus ut. Etiam semper tellus a ex faucibus placerat. Duis sagittis mollis nunc, et lobortis enim fringilla eget. Nam non nulla vel odio sagittis convallis et vitae tortor. Quisque gravida tempor neque ac aliquam. Quisque finibus dolor at lorem tempor ultricies. Duis sed lacus commodo, feugiat ligula eu, sollicitudin est. Etiam sed blandit nunc. Vivamus id ante gravida, interdum nunc id, luctus dolor. In eget nisl lacus. Fusce ante nunc, tincidunt eu felis at, aliquet scelerisque magna. Mauris facilisis dui at arcu consectetur, sed tincidunt mi ornare. Sed nec hendrerit elit. Pellentesque interdum nibh ut elit sagittis semper. Nunc vel ex eget tellus imperdiet laoreet eget sit amet urna.</div></div><div class="premen"><div class="predres"><span class"prechap">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ullamcorper varius neque lacinia faucibus. Vivamus consequat elementum turpis, eu rhoncus massa cursus ut. Etiam semper tellus a ex faucibus placerat. Duis sagittis mollis nunc, et lobortis enim fringilla eget. Nam non nulla vel odio sagittis convallis et vitae tortor. Quisque gravida tempor neque ac aliquam. Quisque finibus dolor at lorem tempor ultricies. Duis sed lacus commodo, feugiat ligula eu, sollicitudin est. Etiam sed blandit nunc. Vivamus id ante gravida, interdum nunc id, luctus dolor. In eget nisl lacus. Fusce ante nunc, tincidunt eu felis at, aliquet scelerisque magna. Mauris facilisis dui at arcu consectetur, sed tincidunt mi ornare. Sed nec hendrerit elit. Pellentesque interdum nibh ut elit sagittis semper. Nunc vel ex eget tellus imperdiet laoreet eget sit amet urna.</div></div><div class="pretitle" style="border-top:10px solid #8E7058;">Mon histoire</div><div class="prehis"><div class="predres02">
<div class="prechap">► Prologue</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ullamcorper varius neque lacinia faucibus. Vivamus consequat elementum turpis, eu rhoncus massa cursus ut. Etiam semper tellus a ex faucibus placerat. Duis sagittis mollis nunc, et lobortis enim fringilla eget. Nam non nulla vel odio sagittis convallis et vitae tortor. Quisque gravida tempor neque ac aliquam. Quisque finibus dolor at lorem tempor ultricies. Duis sed lacus commodo, feugiat ligula eu, sollicitudin est. Etiam sed blandit nunc. Vivamus id ante gravida, interdum nunc id, luctus dolor. In eget nisl lacus. Fusce ante nunc, tincidunt eu felis at, aliquet scelerisque magna. Mauris facilisis dui at arcu consectetur, sed tincidunt mi ornare. Sed nec hendrerit elit. Pellentesque interdum nibh ut elit sagittis semper. Nunc vel ex eget tellus imperdiet laoreet eget sit amet urna.

Nullam id sapien est. Morbi suscipit lorem eget congue tincidunt. Aenean consectetur ligula et purus dapibus varius. Cras suscipit gravida erat, at condimentum ipsum pharetra nec. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur a felis porttitor, molestie turpis sed, sollicitudin metus. Sed maximus velit purus, nec dictum elit commodo eu. Mauris condimentum molestie facilisis. Suspendisse pretium, ligula iaculis ullamcorper ornare, orci quam sagittis risus, quis venenatis libero ex sed ipsum. Phasellus viverra sollicitudin varius. Vestibulum at hendrerit tortor. Donec pharetra tortor non metus interdum, sit amet cursus dui fermentum. Cras interdum, lacus vel cursus euismod, diam magna rutrum justo, ut tempus nibh leo in ligula. Phasellus eget ultrices est, malesuada blandit nulla. Etiam dictum, massa sed lacinia fermentum, ante ligula fermentum urna, sed auctor nunc nibh quis felis. Mauris lobortis pretium nisi, ut ullamcorper felis consequat in.

« Pellentesque varius aliquet magna at fermentum.
▬ Aenean nec metus quam. Curabitur sed velit vulputate, vehicula quam et, varius purus. Donec elementum sollicitudin lectus vitae malesuada. Etiam accumsan dolor quis eros efficitur egestas. Sed at dui facilisis, porta purus non, interdum ante. Aliquam erat volutpat. Integer eget sollicitudin leo, quis fringilla odio. Suspendisse in suscipit diam, a iaculis libero. Vivamus efficitur condimentum elit, ac ullamcorper felis cursus congue. Donec fringilla, quam sit amet ornare auctor, augue lorem convallis augue, ac ultricies sapien nisl in sapien. Praesent vel ex sit amet est fringilla semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut ultricies eget lorem at lobortis. »

Nulla nibh nisl, eleifend in quam eget, venenatis rutrum nunc. Morbi viverra quam vitae nisi dictum iaculis. Donec in volutpat lacus. Morbi egestas libero quis scelerisque aliquet. Vivamus placerat tristique orci, euismod consequat libero. Sed gravida malesuada dictum. Aliquam a lorem non sapien bibendum suscipit. Suspendisse augue sapien, consequat ac augue eu, porta vehicula mauris. Fusce vitae ante ac nulla facilisis dignissim ac at arcu. Nulla mauris mauris, aliquet nec elementum quis, blandit nec enim. Nullam sit amet scelerisque eros. Ut eleifend nibh nibh, et euismod ipsum hendrerit sit amet.

Vestibulum finibus neque sapien, in ultricies nisl interdum scelerisque. Aliquam at quam non lectus rhoncus lobortis in vitae urna. Phasellus facilisis euismod lectus quis aliquam. Vivamus facilisis pharetra diam, sed euismod tellus eleifend a. Fusce dictum interdum tempor. Praesent vitae consectetur orci. Nam erat enim, lobortis sit amet enim ac, malesuada blandit ex.</div></div><div class="pretitle" style="background:#8E7058;color:#FEFEFE;">À propos de moi</div><img src="http://i86.servimg.com/u/f86/11/59/31/05/moi10.jpg" style="float:left;border-left:4px solid #8E7058;" /><div class="pretoi"><div class="predres03">Nulla nibh nisl, eleifend in quam eget, venenatis rutrum nunc. Morbi viverra quam vitae nisi dictum iaculis. Donec in volutpat lacus. Morbi egestas libero quis scelerisque aliquet. Vivamus placerat tristique orci, euismod consequat libero. Sed gravida malesuada dictum. Aliquam a lorem non sapien bibendum suscipit. Suspendisse augue sapien, consequat ac augue eu, porta vehicula mauris. Fusce vitae ante ac nulla facilisis dignissim ac at arcu. Nulla mauris mauris, aliquet nec elementum quis, blandit nec enim. Nullam sit amet scelerisque eros. Ut eleifend nibh nibh, et euismod ipsum hendrerit sit amet.</div></div><div class="prebottom">Layout by Ninquelote - canalgraph</div></div></center>

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://canal-graphessay.editboard.com
 
Fiche présentation - Style 01
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Présentation: Kurosaki Ichigo[En attente]
» [Fiche] Ichigo-Kurosaki
» Pompon [fiche présentation]
» Fiche d'accueil et de présentation
» Fiche technique pour débutants: Présentation de la maison Baratheon

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Canal-graph :: Partie codage :: Fiche de présentation-
Sauter vers: