Welcome

Halloween Fiches RPG

Rowan

Up Halloween LS Codage Forumactif

Halloween, LS codage Forumactif Fiches & Messages Fiches RPG Rowan

Toutes versions

Optimisé Une fiche de présentation est également disponible

Codage Rowan fiche RPG Halloween Forumactif

HTML

<link href="https://fonts.googleapis.com/css?family=Arimo" rel="stylesheet">
<style>.ledger_rp {font-family: 'Arimo', sans-serif; border: 1px solid #efefef; width: 350px; margin: auto; box-sizing: border-box; background: #f4f4f4f4; text-align: justify; font-size: 11px; line-height: 1.2; color: #666;} .ledger_rp header {background: url(https://imgur.com/1AKgq1D.gif) center #000; position: relative; height: 204px; padding: 50px 0 0 0; box-sizing: border-box;} img.l_entete_rp {position: relative; z-index: 2; border-radius: 100px; display: block; margin: auto; border: 4px solid #C64B4B;} .l_separation {width: 2px; height: 200px; background: #C64B4B; position: absolute; transform: rotate(-60deg); left: 49%; top: 5%;} .ledger_rp h2 {font-family: 'Helvetica', sans-serif; color: #C64B4B; font-size: 25px; text-align: center; font-weight: bold; font-style: italic; letter-spacing: -3px; text-transform: lowercase; text-shadow: none; margin: 2% auto;} .ledger_rp p {font-family: 'Arimo', sans-serif; padding: 2% 10% 5% 10%;} .ledger_rp span {color: #C64B4B; font-weight: bold; font-family: 'Helvetica', sans-serif; padding: 0 8%; display: inline-block;} footer {background: #efefef; padding: 5% 10%; font-size: 10px;} a.wicked_credits {text-align: right; font-size: 10px; display: block; margin: 0 10% 0 0; color: #dcd7d7; font-style: italic; text-transform: lowercase; letter-spacing: -1px; font-family: 'Helvetica', sans-serif;}</style>
<div class="ledger_rp"><header><div class="l_separation"></div><img src="https://imgur.com/Qo8gEti.gif" alt="" class="l_entete_rp" /><div class="l_separation"></div></header><h2>Votre titre</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel eleifend urna. Curabitur pretium luctus lacus vulputate efficitur. Nulla et massa eget ante posuere sollicitudin. Nullam molestie bibendum felis, vitae finibus tellus pellentesque non. Mauris magna arcu, ornare ac augue non, maximus varius ipsum. Praesent et lectus ac turpis vehicula luctus. Suspendisse ac vehicula magna.

<span>" - Dialogue. "</span>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel eleifend urna. Curabitur pretium luctus lacus vulputate efficitur. Nulla et massa eget ante posuere sollicitudin. Nullam molestie bibendum felis, vitae finibus tellus pellentesque non. Mauris magna arcu, ornare ac augue non, maximus varius ipsum. Praesent et lectus ac turpis vehicula luctus. Suspendisse ac vehicula magna.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel eleifend urna. Curabitur pretium luctus lacus vulputate efficitur. Nulla et massa eget ante posuere sollicitudin. Nullam molestie bibendum felis, vitae finibus tellus pellentesque non. Mauris magna arcu, ornare ac augue non, maximus varius ipsum. Praesent et lectus ac turpis vehicula luctus. Suspendisse ac vehicula magna.</p><a href="http://ls-halloween.fr/" target="_blank" class="wicked_credits">Halloween</a>
<footer>Texte du footer</footer></div>

#rowan #ficherpg #forumactif #codage #libreservice