Fiche RP #006 - Lyxiae

Mer 9 Oct 2019 - 15:35

Apercu :

titre du rp

Personnage 1 & Personnage 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquam faucibus purus in massa tempor. Volutpat est velit egestas dui id. Elementum tempus egestas sed sed risus pretium quam. Eu sem integer vitae justo eget magna. Facilisi nullam vehicula ipsum a arcu cursus vitae congue. Aliquam sem fringilla ut morbi tincidunt augue. A iaculis at erat pellentesque adipiscing. Ornare aenean euismod elementum nisi quis. Semper quis lectus nulla at. At imperdiet dui accumsan sit amet nulla facilisi. Quam nulla porttitor massa id neque aliquam vestibulum morbi. Sem nulla pharetra diam sit amet nisl suscipit. Adipiscing tristique risus nec feugiat in fermentum posuere urna nec. Lorem sed risus ultricies tristique. Senectus et netus et malesuada fames ac turpis egestas.Vulputate mi sit amet mauris commodo quis imperdiet massa tincidunt. Congue quisque egestas diam in arcu cursus euismod. Eget est lorem ipsum dolor. Sed turpis tincidunt id aliquet risus feugiat in. Nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Facilisis leo vel fringilla est ullamcorper eget nulla. Morbi tristique senectus et netus. Convallis tellus id interdum velit laoreet id donec ultrices. A scelerisque purus semper eget duis at tellus at. Mattis aliquam faucibus purus in. Malesuada fames ac turpis egestas maecenas pharetra convallis posuere morbi. Condimentum mattis pellentesque id nibh tortor. Donec massa sapien faucibus et molestie ac feugiat sed. Cras adipiscing enim eu turpis egestas.

Lyxiae

Code :

Code:: <style>.allRPoph{width:600px; margin:0 auto; background:#d7d7d7; padding:10px; box-sizing:border-box;}.headerRPoph{width:600px; height:130px; margin:0 auto; display:flex; flex-flow:row wrap;}.imgRP1oph{width:120px; height:120px; border-radius:50%; border:1px solid rgba(255,255,255,0.50); position:relative;z-index:2;}.imgRPoph{width:100px; height:100px;box-sizing: content-box;border-radius:50%;border:10px solid rgba(255,255,255,0.25); position:relative;z-index:3;}.titleRPoph{width:470px; height:60px; font-family:yeseva one, serif; text-transform:lowercase; font-size:40px; letter-spacing:-3px; text-align:right; color:#555; line-height:85px; border-bottom:1px solid rgba(255,255,255,0.50); padding-right:20px; box-sizing:border-box;}.charRPoph{width:470px;height:30px; text-align:right; padding-right:35px; box-sizing:border-box; font-family:open sans, sans-serif; font-size:12px; text-transform:uppercase; color:#777; letter-spacing:-0.7px; line-height:25px;}.textRPoph{width:440px; margin:0 auto; box-sizing:border-box; padding:30px 30px; font-family:open sans, sans-serif; font-size:12px; text-align:justify; line-height:130%; margin-top:-45px; margin-left:130px; background:#e2e2e2; margin-bottom:10px; border-bottom:2px solid #6e9fcd; border-top:2px solid #6e9fcd;}.copyrOph{width:100%; font-family:arial,sans-serif; font-size:11px;color:#aaa;text-transform:uppercase;text-align:center;}</style><link href="https://fonts.googleapis.com/css?family=Open+Sans|Yeseva+One&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Yeseva+One&display=swap" rel="stylesheet"> <div class="allRPoph"><div class="headerRPoph"><div class="imgRP1oph"><img class="imgRPoph" src="https://image.noelshack.com/fichiers/2019/28/4/1562838765-ezgif-1-88ea1844027b.jpg"/></div><div><div class="titleRPoph"><span style="color:#125391">titre</span> du rp</div><div class="charRPoph">Personnage 1 & Personnage 2</div></div></div><div class="textRPoph">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquam faucibus purus in massa tempor. Volutpat est velit egestas dui id. Elementum tempus egestas sed sed risus pretium quam. Eu sem integer vitae justo eget magna. Facilisi nullam vehicula ipsum a arcu cursus vitae congue. Aliquam sem fringilla ut morbi tincidunt augue. A iaculis at erat pellentesque adipiscing. Ornare aenean euismod elementum nisi quis. Semper quis lectus nulla at. At imperdiet dui accumsan sit amet nulla facilisi. Quam nulla porttitor massa id neque aliquam vestibulum morbi. Sem nulla pharetra diam sit amet nisl suscipit. Adipiscing tristique risus nec feugiat in fermentum posuere urna nec. Lorem sed risus ultricies tristique. Senectus et netus et malesuada fames ac turpis egestas.Vulputate mi sit amet mauris commodo quis imperdiet massa tincidunt. Congue quisque egestas diam in arcu cursus euismod. Eget est lorem ipsum dolor. Sed turpis tincidunt id aliquet risus feugiat in. Nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Facilisis leo vel fringilla est ullamcorper eget nulla. Morbi tristique senectus et netus. Convallis tellus id interdum velit laoreet id donec ultrices. A scelerisque purus semper eget duis at tellus at. Mattis aliquam faucibus purus in. Malesuada fames ac turpis egestas maecenas pharetra convallis posuere morbi. Condimentum mattis pellentesque id nibh tortor. Donec massa sapien faucibus et molestie ac feugiat sed. Cras adipiscing enim eu turpis egestas.</div><div class="copyrOph">Lyxiae</div></div>

- Les gifs/icons se redimensionnent automatiquement.
- Vous pouvez personnaliser les couleurs dans les styles.
- Un petit message pour faire apparaître le code, Enjoy !

Jeu 10 Oct 2019 - 3:27

J'aime beaucoup ce que tu as fait :D

Personnellement, l'espace qu'il y a me dérange un peu, j'aurais mis des trucs dedans mais c'parce que je suis maniaque XD

Elle est vraiment belle en tout cas

Fiche RP #006 - Lyxiae

Fiche RP #006 - Lyxiae

Re: Fiche RP #006 - Lyxiae