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.
Je recherche
► Nom du lien (0/1)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ullamcorper varius neque lacinia faucibus. Vivamus consequat elementum turpis, eu rhoncus massa cursus ut.
► Nom du lien (0/1)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ullamcorper varius neque lacinia faucibus. Vivamus consequat elementum turpis, eu rhoncus massa cursus ut.
► Nom du lien (0/1)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ullamcorper varius neque lacinia faucibus. Vivamus consequat elementum turpis, eu rhoncus massa cursus ut.
Chronologie
► En cours
01 - 02 - 03
► Abandon
01 - 02 - 03 04 - 05 - 06
► Scène 1 | Participant : XXX
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.
► Scène 2 | Participant : XXX
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.
► Scène 3 | Participant : XXX
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.
Layout by Ninquelote - canalgraph
Code:
<link href='https://fonts.googleapis.com/css?family=Great+Vibes|Megrim' rel='stylesheet' type='text/css'><style type="text/css">.RSback {width:520px; background:#FFF;text-align:justify;} .RSbott {padding-bottom:4px; display:block; color:#695b5a; font-size:9px; letter-spacing:0.2pt; text-align:center; text-transform:uppercase;} .RSimg1 {height:200px;width:200px;display:inline-block;} .RSboc1 {height:200px;width:320px;float:right;} .RStex1 {margin:10px;padding-right:8px;height:176px;overflow:auto;font-size:12px;line-height:11px;} .RSimg2 {height:300px;width:200px;background:#F7F7F7;display:inline-block;position:relative;} .RSboc2 {width:320px;height:300px;background:#F7F7F7;float:left;} .RStex2 {padding:0px 8px;height:240px;overflow:auto;font-size:12px;line-height:11px;} .RSboc3 {margin:10px 20px;font-size:12px;line-height:11px;} .RSboc4 {margin:8px;margin-top:-14px;margin-right:-12px;float:right;width:110px;display:block;} .RStit4 {padding:6px 0px 4px;text-transform:uppercase;background:url(http://i35.servimg.com/u/f35/11/59/31/05/ruban010.png);text-align:center;} .RStex4 {background:url(http://i35.servimg.com/u/f35/11/59/31/05/ruban010.png);text-align:center;} .RStitl {margin:12px 0px;padding:4px 0px; display:block; border-bottom:1px dashed #000;color:#695b5a;font-family:'Great Vibes',cursive;font-size:32px;letter-spacing:0.2pt;text-align:center;} .RSssti {margin:2px 10px;color:#000;font-size:14px;font-family:'Megrim',cursive;text-transform:uppercase;} .RSlien {margin-left:20px;position:relative;width:92%;height:150px;background:url(http://i35.servimg.com/u/f35/11/59/31/05/fond10.png) no-repeat right;} .RShori {position:absolute;bottom:66px;left:-60px;width:150px;height:18px;background:#FFF;transform:rotate(-90deg);color:#000;font-size:14px;font-family:'Megrim',cursive;text-align:center;text-transform:uppercase;} .RSdesc {position:absolute;padding-right:2px;top:22px;right:40px;width:204px;height:102px;display:inline-block;overflow:auto;font-size:12px;line-height:11px;}</style> <center><div class="RSback"><img src="http://i35.servimg.com/u/f35/11/59/31/05/yukito11.png" /><div class="RSimg1"><img src="http://i35.servimg.com/u/f35/11/59/31/05/yukito12.png" /></div><div class="RSboc1"><div class="RStex1">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="RSboc2"><div class="RStitl">Je recherche</div><div class="RStex2"> <div class="RSssti">► Nom du lien (0/1)</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ullamcorper varius neque lacinia faucibus. Vivamus consequat elementum turpis, eu rhoncus massa cursus ut. <div class="RSssti">► Nom du lien (0/1)</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ullamcorper varius neque lacinia faucibus. Vivamus consequat elementum turpis, eu rhoncus massa cursus ut. <div class="RSssti">► Nom du lien (0/1)</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ullamcorper varius neque lacinia faucibus. Vivamus consequat elementum turpis, eu rhoncus massa cursus ut.</div> </div><div class="RSimg2"><img src="http://i35.servimg.com/u/f35/11/59/31/05/yuki2010.png" style="position:absolute;bottom:0px;" /></div><div class="RStitl">Chronologie</div><div class="RSboc3"><div class="RSboc4"><div class="RStit4"> ► En cours</div><div class="RStex4">01 - 02 - 03</div><div class="RStit4">► Abandon</div><div class="RStex4">01 - 02 - 03 04 - 05 - 06
</div><img src="http://i35.servimg.com/u/f35/11/59/31/05/ruban011.png" /></div> <div class="RSssti">► Scène 1 | Participant : XXX</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.
<div class="RSssti">► Scène 2 | Participant : XXX</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.
<div class="RSssti">► Scène 3 | Participant : XXX</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.</div><div class="RSbott">Layout by Ninquelote - canalgraph</div></div></center>
Dernière édition par Nowaki Hiroshi le 12.06.16 16:19, édité 1 fois
Nowaki Hiroshi Thèmiste
Nombre de messages : 167 Localisation : Dans le forum Date d'inscription : 04/09/2006
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.
Nom & Prénom
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.
Nom & Prénom
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.
Nom & Prénom
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.
Layout by Ninquelote - canalgraph
Code:
<center><div class="RSback"> <div class="RStitl">Liste des relations</div><div class="RSlien"><div class="RShori">Nom & Prénom</div><img src="http://i86.servimg.com/u/f86/11/59/31/05/yukito10.jpg" style="margin-left:24px;width:150px;" /><div class="RSdesc">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="RSlien"><div class="RShori">Nom & Prénom</div><img src="http://i86.servimg.com/u/f86/11/59/31/05/yukito10.jpg" style="margin-left:24px;width:150px;" /><div class="RSdesc">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="RSlien"><div class="RShori">Nom & Prénom</div><img src="http://i86.servimg.com/u/f86/11/59/31/05/yukito10.jpg" style="margin-left:24px;width:150px;" /><div class="RSdesc">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="RSlien"><div class="RShori">Nom & Prénom</div><img src="http://i86.servimg.com/u/f86/11/59/31/05/yukito10.jpg" style="margin-left:24px;width:150px;" /><div class="RSdesc">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="RSbott">Layout by Ninquelote - canalgraph</div></div></center>