<link href='http://fonts.googleapis.com/css?family=Poiret+One|Cutive+Mono' rel='stylesheet' type='text/css'><style>.tabs { position: relative; clear: both;} .tab { float: left; width: 100px; } .tab label { width: 100px; font-family: cutive mono; font-size: 15px; color: #2f3133; text-transform: uppercase; background: #eee; opacity: 0.8; padding: 0px 10px 0px 10px; position: relative;} .tab [type=radio] { display: none; } .content { height: 300px; position: absolute; background-color: #eee; top: 20px; left: 0; right: 0; bottom: 0; overflow: auto; font-family: tahoma; font-size: 10px; color: #555; text-align: justify; padding: 10px} [type=radio]:checked ~ label { background-color: #2f3133; z-index: 2; color:#fff; } [type=radio]:checked ~ label ~ .content { z-index: 1; } .t1 { font-family: poiret one; font-style: italic; font-size: 18px; color: #2f3133; text-align: right; text-transform: uppercase; padding-right: 20px; } i1 { font-style: italic; color: #8e9699; font-family: tahoma; font-size: 10px}</style>
<center><div style="height: 570px; width: 400px; background-color: #eee; border-bottom: 10px solid #989ea3"><div style="width: 400px; height: 250px; background-image: url('LINK ZUM BILD'); margin-bottom: -20px"></div><div class="tabs"><div class="tab"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1">PERSONAL</label><div class="content">
[list]
[*]Name: Wie ist dein Name?
[*]Alter: Wie alt bist du?
[*]Wesen: Welches Wesen bist du?
[*]Geburtsort: Wo wurdest du geboren?
[*]Geburtsdatum: Wann wurdest du geboren?
[*]Verwandlungsdatum: [NUR FÜR VAMPIRE!]
[*]Wegen Wem wurde dein gen ausgelöst?: [NUR FÜR WERWÖLFE!]
[*]Von Wem weist du von deinen Fähigkeiten?: [NUR FÜR HEXEN!]
[*]anderes Wichtiges: Was sollte hier noch stehen? Status?
[/list]
<div class="t1">Deine Familie</div>
[List]
[*] Eltern:
Wer waren deine Eltern? Wie stehst du zu ihnen?
[*] Geschwister:
hast du welche? Wenn ja wie heißen sie? Wie stehst du zu ihnen?
[*] andere:
Dein Fester Freund oder Tante? Wie heißen sie und wie stehst du zu ihnen?
</div></div><div class="tab"><input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2">CHARACTER</label><div class="content"><div class="t1">Charakter</div>
Wie würdest du dich selber beschreiben? Entweder ein 400 Zeichen langer Text oder 10 Stichwörter Mit Beschreibung wieso
<div class="t1">Stärken & Vorlieben</div>
[list]
[*]Stärke 1
[*]Stärke 2
[*]Stärke 3
Oder text von 400 Zeichen
[*]Vorliebe 1
[*]Vorliebe 2
[*]Vorliebe 3
[/list]
Oder Text von 200 Zeichen!
<div class="t1">Schwächen & Abneigungen</div>
[list]
[*]Schwäche 1
[*]Schwäche 2
[*]Schwäche 3
oder Text von 400 Zeichen
[*]Abneigung 1
[*]Abneigung 2
[*]Abneigung 3
[/list]
Oder text von 200 Zeichen!</div></div><div class="tab"><input type="radio" id="tab-3" name="tab-group-1"><label for="tab-3">HISTORY</label><div class="content">
Was ist in deinem Leben bisher passiert? Erzähl es uns in 1000 - 1500 Zeichen! </div></div><div class="tab"><input type="radio" id="tab-4" name="tab-group-1"><label for="tab-4">OTHER</label><div class="content">
[List]
[*]Wie hast du zu uns gefunden?
[*]hast du die Regeln gelesen?
[*]Deine Avatarperson?
[*]Bist du 16 oder Drüber/drunter[Mit Erlaubnis]
[*]Wie dürfen wir dich nennen?
[*]Was soll mit deinem Charakter passieren? [Bei Serienchara immer sagen weitergabe!]
[*]Steckbrief/set weitergabe? </div></div></div></div><i1>code by <a href="http://peregrine.nobel-design.net/member.php?action=profile&uid=57">realis</a> @ TCP</i1></div></center>
