<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'><style type="text/css">.contour_fiche_nyo{position: relative; width: 510px; height: 400px; margin: auto; background: url('http://fs5.directupload.net/images/170719/3bhz3zh2.png') no-repeat; background-position: 234px -20px; font-family: 'Annie Use Your Telescope';} .contour_fiche_nyo:before{content: ''; display: block; position: absolute; top: -8px; left: 100px; width: 93px; height: 53px; background: url('http://i.imgur.com/nFgYC6U.png') no-repeat; z-index: 3; -webkit-transform: rotate(110deg); transform: rotate(110deg);} .contour_fiche2_nyo{width: 475px; height: 400px; background:#000000;} .avatar_perso {position: relative; z-index: 2; margin-left: -15px; display: inline-block; vertical-align: top; width: 200px; border: 20px solid #310000; -webkit-transform: rotate(10deg); transform: rotate(10deg);} .cote_droite_nyo{display: inline-block; vertical-align: top; width: 235px; height: 400px; margin-left: 15px; overflow: hidden;} .pseudo {margin-top: 30px; width: 100%; text-align: center; color: #46494E; font-size: 30px; font-weight: bold;} .cote_droite_nyo p{width: 95%; margin: 0px; padding: 10px; overflow: auto; text-align: justify; font-size: 13px; height: 300px;color:#ccc;} .espace_icone{width: 100%; overflow: hidden; height: 100px; margin-top: 5px;} .espace_icone p {width: 100%; overflow: auto; height:80px; padding: 10px;} .espace_icone p a, .espace_icone p a:link, .espace_icone p a:active, .espace_icone p a:visited, .espace_icone p a:hover {text-decoration: none!important; color: black; font-family: 'Annie Use Your Telescope';} .nyo_was_here{font-size: 10px; width: 100%; text-align: center;} .nyo_was_here a, .nyo_was_here a:link, .nyo_was_here a:active, .nyo_was_here a:visited, .nyo_was_here a:hover {text-decoration: none !important;}</style>

<div class="contour_fiche_nyo"><div class="contour_fiche2_nyo"><img src="http://placehold.it/200x320" class="avatar_perso"><div class="cote_droite_nyo"><div class="pseudo">Vor- & Nachname</div><p><c>Alter:</c>
<c>Blutsabstammung:</c>
<c>Beruf/Haus:</c>
<c>Avatar:</c>

Hier steht ein Fließtext über die Person. Sei es nun euer Verhältnis zu einander oder aber einfach auch den Anlass und eure Wünsche. Schreibt hier so viel wie ihr wollt hin, aber bitte keine Stichpunkte. Wenn ihr nur einen sucht, könnt ihr den nächsten Code einfach rausnehmen.
</p>
</div></div></div><div class="contour_fiche_nyo"><div class="contour_fiche2_nyo"><img src="http://placehold.it/200x320" class="avatar_perso"><div class="cote_droite_nyo"><div class="pseudo">Vor- & Nachname</div><p><c>Alter:</c>
<c>Blutsabstammung:</c>
<c>Beruf/Haus:</c>
<c>Avatar:</c>

Hier steht ein Fließtext über die Person. Sei es nun euer Verhältnis zu einander oder aber einfach auch den Anlass und eure Wünsche. Schreibt hier so viel wie ihr wollt hin, aber bitte keine Stichpunkte. Wenn ihr nur einen sucht, könnt ihr den nächsten Code einfach rausnehmen.
</p>
</div></div></div>