Steckbriefvorlage - Druckversion

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: 150px; height: 20px; font-family: calibri; font-size: 12px; 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); font-size: xx-small;} /*



--- 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;">Charaktername</div>

<div class="wave-unterstriche" style="margin-top: -50px;"></div><div class="wave-unterstricheb"></div></td></tr></table>

<table class="wave-tabelle" style="margin-top: 13px;"><tr><td width="125x;"><div class="wave-fakten" style="margin-left:5px;">Alter:

xxx</div></td>

<td width="125px"><div class="wave-fakten">Geburtstag:

xxx</div></td>

<td width="125px"><div class="wave-fakten" style="margin-left:3px;">Beruf:

xxx</div></td>

<td width="125x"><div class="wave-fakten">Wohnort:

xxx</div></td></tr></table>



<div class="wave-textbox" style="margin-top: 20px;"><div class="wave-headlineb" style="margin-top: 20px;">Erscheinungsbild</div>

<div class="wave-unterstriche" style="margin-ontop: -50px;"></div><div class="wave-unterstricheb"></div>



<div class="wave-faktenb">Aussehen</div>

Verrate uns wie du aussiehst. Haarfarbe, Augenfarbe, Größe, Gewicht.



<div class="wave-faktenb">Kleidung</div>

Was für Kleidung bevorzugst du? Hast du Lieblingsfarben oder besondere Kleidungsstücke die einfach immer wieder den Weg in deine Sammlung finden?



<div class="wave-faktenb">Merkmale</div>

Besitzt du irgendwelche Merkmale an denen man dich erkennen kann? (Aufzählung reicht)



<div class="wave-faktenb">Duft</div>

Haftet dir ein ganz eigener Duft an? Gibt es Duftöle die du gern benutzt?





<div class="wave-headlineb" style="margin-top: 20px;">Familienbande</div>

<div class="wave-unterstriche" style="margin-ontop: -50px;"></div><div class="wave-unterstricheb"></div>



<div class="wave-faktenb">Eltern</div>

Name | Alter | Beruf / Stellung

Name | Alter | Beruf / Stellung



<div class="wave-faktenb">Geschwister</div>

Name | Alter | Beruf / Stellung



<div class="wave-faktenb">Kinder</div>

Name | Alter | Beruf / Stellung



<div class="wave-faktenb">Sonstige</div>

Name | Alter | Beruf / Stellung





<div class="wave-headlineb" style="margin-top: 20px;">Innere Werte</div><div class="wave-unterstriche" style="margin-ontop: -50px;"></div><div class="wave-unterstricheb"></div>



<div class="wave-faktenb">Charakter</div>

Hier habt ihr zwei Möglichkeiten. Entweder ihr schreibt einen Fließtext oder ihr listet uns 10 Stärken und 10 Schwächen auf.

Wer will kann auch beides machen, dann reichen 5 Stärken bzw Schwächen.





<table class="wave-tabelle" style="margin-left: 20px;"><tr><td width="125x;"><div class="wave-faktenb" style="margin-left:5px;">Stärken</div></td><td width="125px"><div class="wave-faktenb">Schwächen</div></td></tr><tr><td valign="top" class="wave-tabelle">[list]

[*]

[*]

[*]

[*]

[*]

[/list]</td><td valign="top" class="wave-tabelle">[list]

[*]

[*]

[*]

[*]

[*]

[/list]</td></tr></table>



<table class="wave-tabelle" style="margin-left: 20px;"><tr><td width="125x;"><div class="wave-faktenb" style="margin-left:5px;">Vorlieben</div></td><td width="125px"><div class="wave-faktenb">Abneigungen</div></td></tr><tr><td valign="top" class="wave-tabelle">[list]

[*]

[*]

[*]

[*]

[*]

[/list]</td><td valign="top" class="wave-tabelle">[list]

[*]

[*]

[*]

[*]

[*]

[/list]</td></tr></table>





<div class="wave-headlineb" style="margin-top: 20px;">Einzigartige Kraft</div>

<div class="wave-unterstriche" style="margin-ontop: -50px;"></div><div class="wave-unterstricheb"></div>



<div class="wave-faktenb">Fähigkeiten</div>

Besitzt du besondere Kräfte, dann gehören sie hierhin. Ganz gleich ob es sich nun um stark ausgeprägte Talente, Kampferfahrung oder reine Magie handelt. Erzählt uns was euch zu etwas besonderem macht. (Der Punkt kann raus gelöscht werden wenn er nicht gebraucht wird)



<div class="wave-faktenb">Djinn-Ausstattung</div>

Hast du gar schon einen Dungeon bezwungen? Wenn ja, erzähle uns von deinem Djinn, wie lange ihr bereits Seite an Seite kämpft und wie weit du darin bist seine unermessliche Macht zu nutzen. Vergiss auch bitte nicht zu beschreiben, wie deine Djinn-Ausstattung aussieht, gerne auch mit Bild. (Der Punkt kann raus gelöscht werden wenn er nicht gebraucht wird)





<div class="wave-headlineb" style="margin-top: 20px;">Lebenswindungen</div>

<div class="wave-unterstriche" style="margin-ontop: -50px;"></div><div class="wave-unterstricheb"></div>



<div class="wave-faktenb">Lebenslauf</div>

Wir wollen natürlich wissen was dein Charakter bisher erlebt hat. Kindheit, Jugend.. alles was erwähnenswert und wichtig für den Charakter ist. Sachen die nicht bekannt sind könnt ihr euch gerne ausdenken. 

Hier habt ihr folgende Varianten:

Fließtext, ausführliche Timeline oder "Wusstest du, dass ...."





<div class="wave-headlineb" style="margin-top: 20px;">Hinter den Kulissen</div>

<div class="wave-unterstriche" style="margin-ontop: -50px;"></div><div class="wave-unterstricheb"></div>



<div class="wave-faktenb">Avatarperson</div>

Hier eintragen (wenn kein Canon-Chara bitte die Welt dazu schreiben aus der er kommt)



<div class="wave-faktenb">Zweitcharaktere</div>

Hier eintragen (Hauptcharakter reicht)



<div class="wave-faktenb">Über 18</div>

Ja/Nein



<div class="wave-faktenb">Regeln gelesen</div>

xx/xx



<div class="wave-faktenb">Kurzbeschreibung</div>

Erzähle uns hier in einem kurzen Text das wesentliche über deinen Chara. Name, Herkunft, Seelengefährte, Tätigkeit, Alter und was dir sonst noch wichtig erscheint.



</div>

<table class="wave-tabelle" style="margin-top: 20px;"><tr><td width="125x;"><div class="wave-fakten" style="margin-left:5px;">Status:

xxx</div></td>

<td width="125px"><div class="wave-fakten">Djinn:

Ja/Nein</div></td>

<td width="125px"><div class="wave-fakten" style="margin-left:3px;">Zugehörigkeit:

xxx</div></td>

<td width="125x"><div class="wave-fakten">Gesinnung:

Gut/Böse</div></td></tr></table>

</div></div>

<div class="wave-credit"><a href="https://storming-gates.de/member.php?action=profile&uid=263"> ♥ </a> </div>

</center>