Steckbrief Vorlage (mittel, Code)

<center><table><tr><td><div style="width: 200px; height: 540px; background-image:url('http://i18.servimg.com/u/f18/19/19/84/60/iiiiii10.jpg'); background-position: bottom; repeat: no-repeat;"><div style="padding-top: 300px;"></div><div class="short"><div class="name">
I'm walking

to the sun.

She goes under.</div> [color=#ff0000]
Me too.[/color]</div></div></td>

<td><div style="width: 290px; height: 540px; background-image:url('http://i18.servimg.com/u/f18/19/19/84/60/21-07-10.jpg'); background-position: bottom; repeat: no-repeat;"><div class="behindpicture"><div class="compl">
<div class="inlay"><font class="texts"><div class="headl">Personal</div> Name: ###
Nachname: ###
Alter: ###
Wohnort: ###
Geburtsort: ###

<div class="headl">Character</div> Stärken: ###
Schwächen: ###
Vorlieben: ###
Abneigungen: ###
Hobbys: ###

<div class="headl">Look</div> Haarfarbe: ###
Augenfarbe: ###
Avatarperson: ###
Besonderes: ###
Narben?: ###

<div class="headl">Schoollife</div> Schule: ###
Lieblingslehrer: ###
Lieblingsfach (Bsp: Bogenschiessen): ###

<div class="headl">Fight</div> Zugehörigkeit (Ninja, Samurai...): ###
Rang (Daimyo, Leibwächter...): ###
Geschwister: ###
Mutter: ###
Vater: ###
Waffen: ###
Fähigkeiten: ###
Lieblingsdisziplin: ###

<div class="headl">Other</div> Mehrcharaktere: ###
Regelcodewort (in den Regeln): ###
Anmerkungen: ###
Wie bist du hergekommen?: ###
</font></div></div></div></div></td></tr></table><a href="http://peregrine.nobel-design.net/member.php?action=profile&uid=201" target="_blank"><font class="texts">White_Mustang</a> | TCP</font></center>

<link href='http://fonts.googleapis.com/css?family=Ropa+Sans|Sail' rel='stylesheet' type='text/css'><style text="text/css">.behindpicture { opacity: 0; background-color: #000; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .behindpicture:hover { opacity: 1; } .compl {text-align: justify; background-color: #e0d4ca; width: 270px; height: 520px; border: 10px solid #232431;} .inlay {overflow: auto; width: 250px; height: 490px; margin-left: 10px; margin-right: 10px; padding-right: 5px;} .inlay::-webkit-scrollbar {width: 5px;} .inlay::-webkit-scrollbar-track {background-color: #f0e9df;} .inlay::-webkit-scrollbar-thumb {background-color: #FFFFFF;} .name {font-family: 'Sail', cursive; font-size: 39px; text-align: center; letter-spacing: -2px; line-height: 15px; color: #f0e9df; font-style: normal; text-transform: lowercase; text-shadow: 2px 0px 1px #000;} .short {opacity: 0.8; width: 200px; background-color: #232431; color: #aa3d40; font-family: 'Ropa Sans', sans serif; letter-spacing: 1px; font-style: italic; text-align: center; font-size: 10px; line-height: 20px; text-transform: uppercase;} .texts {font-family: 'Ropa Sans', sans serif; color: #151622; font-size: 12px; letter-spacing: 0px;} .headl {opacity: 0.8; width: 100%; background-color: #232431; color: #FFFFFF; font-family: 'Ropa Sans', sans serif; letter-spacing: 1px; font-style: italic; text-align: center; font-size: 12px; line-height: 20px; text-transform: uppercase;}</style>