Gesuchsvorlage - Druckversion

Code:
<center><style text="text/css">.background1 {background: url('https://tearstellstories.de/zt/images/holz.png'); width:450px; padding:5px} .container { padding-top:25px; background-color:#000000; width:420px; border-left: 4px solid #BEBEBE; border-right: 4px solid #BEBEBE; padding:5px;} .container1{width:400px; height:200px; font-famil:verdana; font-size:9px; color:#030303;} .theadline{ font-size:50px; color:#BE3202; font-family: 'Shadows Into Light', cursive; padding-top:10px; border-bottom:1px dashed #BE3202; padding-bottom:3px;}  .theadline2{font-size:30px; color:#BE3202; font-family: 'Shadows Into Light', cursive; padding-top:10px; border-bottom:1px dashed #BE3202; margin-bottom:6px;}.underline {color:#BE3202; text-transform:uppercase; font-size9px; font-family:calibri; letter-spacing:6px;} .name {font-family: 'Oswald', sans-serif; Font-size:20px; text-transform:uppercase; color:#ADADAD; letter-spacing:2px;}  .infob {font-family:verdana; font-size:9px; color: #FFFFFF; width:125px; padding: 2px; text-align:center; background-color:#000000; border-left: 4px solid #BE3202; border-right: 4px solid #BE3202;}.bild1hover { height: 125px; width: 150px; background-image: url('https://placehold.it/150x125'); } .bild2hover { height: 125px; width: 150px; background-image: url('https://placehold.it/150x125'); } .bilddiv { padding-top:10px; background: #000000; height: 125px; width: 150px; opacity: 0; transition: 0.6s all ease-in-out; -moz-transition: 0.6s all ease-in-out; -webkit-transition: 0.6s all ease-in-out; -ms-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out; } .bilddiv:hover { opacity: 1; transition: 0.6s all ease-in-out; -moz-transition: 0.6s all ease-in-out; -webkit-transition: 0.6s all ease-in-out; -ms-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out;} .text{font-family:verdana; font-size:9px; text-align:justify; color:#FFFFFF;} .box{height:125px; width:250px; overflow-y:auto;} .box2{width:400px; text-align: justify; font-family:verdana; font-size:10px;  border-left: 4px solid #BEBEBE; border-right: 4px solid #BEBEBE; padding:4px; color:#FFFFFF;}</style><link href='https://fonts.googleapis.com/css?family=Oswald:700' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'><table><tr><td><center><div class="background1"> <div class="container"><center><div style="line-height:35px;"><div class="theadline">die ueberschrift</div><font class="underline">und die unterueberschrift </font></div></center>

<div class="theadline2">Der Suchende</div>

<table><tr><td valign=top><div class="box"><center><font class="name">Vorname Name</font></center><div class="text">Deine Story</div></div>

</td><td width=130px align=center valign=center><div class="bild1hover"><div class="bilddiv"><div class="infob">Alter</div>



<div class="infob">Avatar</div>



<div class="infob">Sonstiges</div>

</div></div></td></tr>

</table>

<div class="theadline2">Der Gesuchte</div>

<table><tr><td width=130px align=center valign=center><div class="bild2hover"><div class="bilddiv"><div class="infob">Alter</div>



<div class="infob">Avavorschlag</div>



<div class="infob">Eure Beziehung</div>

</div></div></td><td valign=top><div class="box"><center><div class="name">Vorname Name</font></center><div class="text">Eure Verbindung, was du dir wünscht usw</div></div>

</td></tr>

</table>

<div class="theadline2">Was ich noch loswerden will</div>

<div class="box2"></font>(Hier hinein schreiben, was ihr noch loswerden wollt - gern auch, ob ihr eventuell einen Probepost wünscht von dem Interessenten eures Gesuchs)</div>

[size=xx-small][color=white]Wir sind ein FSK 18 [url=https://mixboard-rpg.net/]Forum[/url], welches 3 verschiedene Miniboards beheimatet: Vampire Diaries (Staffel 1), The Wizarding World (HP 5. Schuljahr),  American Horror Story (Staffel 3+5) & The Multiverse, in dem alles möglich ist ♥

Bei Fragen zu Gesuchen bitte [url=https://mixboard-rpg.net/forumdisplay.php?fid=313]hier[/url] einen Thread erstellen.[/color][/size]

</div>



</div></center>

<div style="font-size:11px; font-famiy:verdana; text-align:right; padding-right:7px;">by <a href="https://storming-gates.de/member.php?action=profile&uid=279">Ales</a> @ <a href="https://storming-gates.de">SG</a></div></td></tr>

</table></center>