Familie
Name | Alter | Beruf | Beziehung
Kleine Informationen zum Stand zueinander
Name | Alter | Beruf | Beziehung
Kleine Informationen zum Stand zueinander
Name | Alter | Beruf | Beziehung
Kleine Informationen zum Stand zueinander
Freunde
Name | Alter | Beruf | Beziehung
Kleine Informationen zum Stand zueinander
Name | Alter | Beruf | Beziehung
Kleine Informationen zum Stand zueinander
Name | Alter | Beruf | Beziehung
Kleine Informationen zum Stand zueinander
Bekanntschaften
Name | Alter | Beruf | Beziehung
Kleine Informationen zum Stand zueinander
Name | Alter | Beruf | Beziehung
Kleine Informationen zum Stand zueinander
Name | Alter | Beruf | Beziehung
Kleine Informationen zum Stand zueinander
Feinde
Name | Alter | Beruf | Beziehung
Kleine Informationen zum Stand zueinander
Name | Alter | Beruf | Beziehung
Kleine Informationen zum Stand zueinander
Name | Alter | Beruf | Beziehung
Kleine Informationen zum Stand zueinander
Erinnerungen
Name | Alter | Beruf | Beziehung
Kleine Informationen zum Stand zueinander
Name | Alter | Beruf | Beziehung
Kleine Informationen zum Stand zueinander
Name | Alter | Beruf | Beziehung
Kleine Informationen zum Stand zueinander
Code:
<center><link href='https://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
<style type="text/css">/*
--- Pattern-Hintergrund */ .wave-patternhintergrund {background-image: url('https://wonderland.stecktvollergeheimnisse.de/images/boards/magi/hintergrund2.png'); width: 500px; heigth: 600px; padding: 13px;} /*
--- Vorder-Hintergrund */ .wave-hintergrundbox {background-color: rgba(64, 41, 73, 0.8901960784313725); width: 500px; height: 600px;} /*
--- Headline */ .wave-headline {font-family: 'Tulpen One'; font-size: 60px; letter-spacing: 3px; color: #fdf9e5; text-align: left; line-height: 250%;} /*
--- Headline */ .wave-headlineb {font-family: 'Tulpen One'; font-size: 30px; letter-spacing: 3px; color: #fdf9e5; text-align: left; line-height: 100%;} /*
--- Linie */ .wave-unterstriche {background-color: rgba(255, 239, 204, 0.73); width: 210px; height: 1px; margin: 2px 0px 3px 0px; text-align: left;} /*
--- Linie */ .wave-unterstricheb {background-color: rgba(255, 239, 204, 0.73); width: 150px; height: 1px; margin: 2px 0px 3px 0px; text-align: left;} /*
--- Headbild */ .wave-headerbild {width:120px; height:120px; border-color: #32093e; border-style: ridge; border-width: 10px; border-radius: 70px; background-image:url('https://placehold.it/120x120/'); text-align: left;} /*
--- Infoboxen */ .wave-fakten {background-color: #32093e; width: 110px; height: 30px; font-family: calibri; font-size: 9px; padding: 2px; color: #fdf9e5; letter-spacing: 1.5px; text-transform: uppercase; text-align: center; line-height: 150%;} /*
--- Infoboxen */ .wave-faktenb {background-color: rgba(255, 255, 255, 0.3); width: 400px; height: 20px; font-family: calibri; font-size: 10px; padding: 2px; color: #fdf9e5; letter-spacing: 1.5px; text-transform: uppercase; text-align: center; line-height: 150%;} /*
--- Tabelle */ .wave-tabelle {magin: 0 auto;color: rgba(253, 249, 229, 0.7686274509803922);} /*
--- Boxbildrecht1 */ .wave-bildrechts1 {width:80px; height:80px; border-color: #32093e; border-style: solid; border-width: 5px; border-radius: 50px; background-image:url('https://placehold.it/80x80/'); float: right; margin: 12px 0px 12px 12px;} /*
--- Boxbildlinks1 */ .wave-bildlinks1 {width:80px; height:80px; border-color: #32093e; border-style: ridge; border-width: 5px; border-radius: 50px; background-image:url('https://placehold.it/80x80/'); float: left; margin: 12px 12px 12px 0px;} /*
--- Boxbildrecht1 */ .wave-bildrechts2 {width:80px; height:80px; border-color: #32093e; border-style: ridge; border-width: 5px; border-radius: 50px; background-image:url('https://placehold.it/80x80/'); float: right; margin: 12px 0px 12px 12px;} /*
--- Textbox */ .wave-textbox {background-color: hsla(283, 28%, 22%, 0.04); width: 430px; height: 300px; padding: 9px; font-family: tahoma; font-size: 10px; letter-spacing: 1px; text-align: justify; line-height: 13px; color: rgba(253, 249, 229, 0.7686274509803922); overflow: auto; } /*
--- Credit */ .wave-credit {Font-family: calibri; font-size: 10px; text-transform: uppercase; letter-spacing: 3px; font-style: italic; text-align: center; line-height: 87%; color: #339966;} /*
</style>
<div class="wave-patternhintergrund"><div class="wave-hintergrundbox"><table class="wave-tabelle" style="margin-left: 20px;"><tr><td width="180"><div class="wave-headerbild" style="margin-top: 20px;"></div></td>
<td width="250px"><div class="wave-headline" style="margin-right: 20px;">Beziehungen</div>
<div class="wave-unterstriche" style="margin-top: -50px;"></div><div class="wave-unterstricheb"></div></td></tr></table>
<div class="wave-textbox" style="margin-top: 20px;"><div class="wave-headlineb" style="margin-top: 20px;">Familie</div>
<div class="wave-unterstriche" style="margin-ontop: -50px;"></div><div class="wave-unterstricheb"></div>
<div class="wave-faktenb">Name | Alter | Beruf | Beziehung</div>
Kleine Informationen zum Stand zueinander
<div class="wave-faktenb">Name | Alter | Beruf | Beziehung</div>
Kleine Informationen zum Stand zueinander
<div class="wave-faktenb">Name | Alter | Beruf | Beziehung</div>
Kleine Informationen zum Stand zueinander
<div class="wave-headlineb" style="margin-top: 20px;">Freunde</div>
<div class="wave-unterstriche" style="margin-ontop: -50px;"></div><div class="wave-unterstricheb"></div>
<div class="wave-faktenb">Name | Alter | Beruf | Beziehung</div>
Kleine Informationen zum Stand zueinander
<div class="wave-faktenb">Name | Alter | Beruf | Beziehung</div>
Kleine Informationen zum Stand zueinander
<div class="wave-faktenb">Name | Alter | Beruf | Beziehung</div>
Kleine Informationen zum Stand zueinander
<div class="wave-headlineb" style="margin-top: 20px;">Bekanntschaften</div><div class="wave-unterstriche" style="margin-ontop: -50px;"></div><div class="wave-unterstricheb"></div>
<div class="wave-faktenb">Name | Alter | Beruf | Beziehung</div>
Kleine Informationen zum Stand zueinander
<div class="wave-faktenb">Name | Alter | Beruf | Beziehung</div>
Kleine Informationen zum Stand zueinander
<div class="wave-faktenb">Name | Alter | Beruf | Beziehung</div>
Kleine Informationen zum Stand zueinander
<div class="wave-headlineb" style="margin-top: 20px;">Feinde</div>
<div class="wave-unterstriche" style="margin-ontop: -50px;"></div><div class="wave-unterstricheb"></div>
<div class="wave-faktenb">Name | Alter | Beruf | Beziehung</div>
Kleine Informationen zum Stand zueinander
<div class="wave-faktenb">Name | Alter | Beruf | Beziehung</div>
Kleine Informationen zum Stand zueinander
<div class="wave-faktenb">Name | Alter | Beruf | Beziehung</div>
Kleine Informationen zum Stand zueinander
<div class="wave-headlineb" style="margin-top: 20px;">Erinnerungen</div>
<div class="wave-unterstriche" style="margin-ontop: -50px;"></div><div class="wave-unterstricheb"></div>
<div class="wave-faktenb">Name | Alter | Beruf | Beziehung</div>
Kleine Informationen zum Stand zueinander
<div class="wave-faktenb">Name | Alter | Beruf | Beziehung</div>
Kleine Informationen zum Stand zueinander
<div class="wave-faktenb">Name | Alter | Beruf | Beziehung</div>
Kleine Informationen zum Stand zueinander
</div>
<div class="wave-credit"><a href="https://storming-gates.de/member.php?action=profile&uid=263"> ♥ </a> </div>
</center>