Gesuch-Vorlage

</font><center><div class="back"><div class="ueberschrift">the place where we belong</div><div class="topbox"><du>[INFOS ÜBER DEN SUCHENDEN ODER ALLGEMEIES ZUM GESUCH]</du> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam </div>

<div class="name1"></div><div class="bild" style="background-image:url('http://i1258.photobucket.com/albums/ii523/CTHv2/jameschuck_zps5a31ec9d.jpg');">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam <hi>nonumy</hi> eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. <hi>Stet clita</hi> kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam  

<center><div class="ava">Avatarvorschlag: Mr. X</div></center>
</div> <div class="name1">Charaktername | Alter | Beruf | Spruch?</div><div class="bild" style="background-image:url('http://i1258.photobucket.com/albums/ii523/CTHv2/kirstensav_zps1b980ac0.jpg');">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam

<center><div class="ava">Avatarvorschlag: Mrs. Y</div></center>
</div> <div class="name1">Charaktername | Alter | Beruf | Spruch?</div><div class="bild" style="background-image:url('http://i1258.photobucket.com/albums/ii523/CTHv2/rihannakanita_zps8073e4ca.jpg');">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam

<center><div class="ava">Avatarvorschlag: Mrs. Y²</div></center>
</div><div class="name1">Charaktername | Alter | Beruf | Spruch?</div><div class="bild" style="background-image:url('http://i1258.photobucket.com/albums/ii523/CTHv2/nicholaslewis_zps7a5faedc.jpg');">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam

<center><div class="ava">Avatarvorschlag: Mr. X²</div></center>
</div> <div class="name1">Charaktername | Alter | Beruf | Spruch?</div><div class="foottext"><hi>Infos zum Suchenden!</hi> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam</div><div class="footbild"></div></div><font style="font-family:arial; font-size:8px;"><br>CODE BY <b>PAPER.CUT</b> @ <a href="http://peregrine.nobel-design.net/">TCP</a></center>

<link href='http://fonts.googleapis.com/css?family=Dosis:400,300' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Yesteryear' rel='stylesheet' type='text/css'><style type="text/css">.back {background-color:#dbd7d0; width:480px; border-top: 10px solid #4f4744;} .bild {background-color:#dbd7d0; width:260px; height:160px; padding-left:215px; padding-right:5px; font-family:arial; font-size:10px; color:#4f4744; overflow:auto; background-repeat:no-repeat; text-align:justify;} .name1 {font-family: 'Dosis', sans-serif; font-size:16px; color:#78756e; background-color:#4f4744; padding:10px; width:460px; text-transform:uppercase; text-align:center;} .ava {font-family: 'Dosis', sans-serif; font-size:10px; color:#78756e; background-color:#4f4744; width:200px; text-transform:uppercase; text-align:center;} .foottext {width:400px; padding:10px;  font-family:arial; font-size:10px; color:#4f4744; text-align:justify;} .footbild {width:480px; height:110px; background-image:url('http://i1258.photobucket.com/albums/ii523/CTHv2/footer_zps15d6ae8a.jpg');} .topbox {width:350px;font-family: 'Dosis', sans-serif; font-size:10px; color:#8e8a81; background-color:#4f4744; text-transform:uppercase; text-align:justify; padding:10px;} .ueberschrift {font-family: 'Yesteryear', cursive; font-size:50px; color:#4f4744;  line-height:80%; padding-top:20px;} du {border-bottom:1px dashed #8e8a81; font-weight:bold;} hi {background-color:#c2beb7; color:#393331; font-weight:bold;}</style>

<center><div style="width: 420px; border: 1px dashed #404040; padding: 20px; background-image: url('http://i1341.photobucket.com/albums/o756/LeCherryCoke/Pattern%20and%20BG/woodb_zps16099adf.jpg');"><div style="background-image: url('http://i1341.photobucket.com/albums/o756/LeCherryCoke/Pattern%20and%20BG/white_zpsf69717a4.png'); opacity:0,1; width:420px;"><link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'><style text="text/css">.box1 {width:400px; text-align:justify; font-family:tahoma; line-height:1em; color:#606060; font-size:11px;} .box2 {width:290px; height:260px; overflow:auto; text-align:justify; font-family:tahoma; line-height:1em; color:#606060; font-size:11px;} .tit1 {font-family: 'Rock Salt'; font-size: 25px; text-transform: uppercase; color: 848484; letter-spacing:-2px;margin-bottom:-20px; text-shadow: -1px 0 #808080, 0 -1px #808080, 0px -1 #808080, 0 -1px #808080;}  .untertitel {color: #555555; font-family:'Tahoma'; font-size: 11px; letter-spacing: 6px; text-transform: uppercase; line-height: 1em; text-align: center; background-color: #f1e9dd; padding: 2px; }  b1 {color: a5813e; font-weight: bold; letter-spacing: 0.1em;} i1 {color: ba5b2c; font-style: italic; letter-spacing: 0.1em;} u1 {color: ae908d;text-decoration: underline; letter-spacing: 0.1em;}  .credit {color: #bababa; font-family:'Tahoma'; font-size: 9px; letter-spacing: 4px; text-transform: uppercase; line-height: 1em; text-align: center; padding: 2px; }</style> <div class="tit1">You're a Lost Cause</div>
<img src="http://i1341.photobucket.com/albums/o756/LeCherryCoke/RPG%20Stuff/hollywood/ellen_zpsd5b94551.png" border="1" align="right" vspace="1px" hspace="5px"><div class="box1"><div class="untertitel">Suchende: XXX</div><div style="overflow:auto; height:250px;">Dies ist ein schöner Code, wenn man nur einen oder doch eine ganze Gruppe suchen müsste. Natürlich kann man damit auch eine hübsche Bewerbung gestalten, wenn man es denn möchte. Natülich kann man ihn ganz individuell gestalten mit den Bildern, die alle die Grösse von 100x261 Pixeln. Sobald die Bilder höher oder kürzer sind, muss man da ein wenig am Code drehen, aber dazu kann man sich gerne Castiel zu Rate ziehen. Das unterste Bild fällt aus dem Rahmen, denn das ist 150x275 Pixel gross. Kann man auf Wunsch natürlich auch auslassen, wenn man nicht will. Oh, nicht zu vergessen, mit <b1><*b1> kann man fett gestalten</b1>, während <i1><*i1>dafür sorgt, dass der Text kursiv wird.</i1> Nicht okay? Dann eben <u1><*u1>unterstrichen darstellen</u1>.  

Und damit ihr seht, dass ihr euch keine Sorgen machen müsst, dass der Text zu lang werden sollte, ist dieser leere Text dazu da um zu demonstrieren, dass die Box neben dem Bild fix ist und der Text dann einfach nach oben oder unten scrollt, ganz wie man mag. Da kann man alles hineinschreiben, was es über den Suchenden zu sagen gibt, was manchmal ja eine ganz schöne Menge sein kann, nicht wahr? Damit alles gut ausschaut, ist die Box so schön gross wie das Bild nebenan, aber kann natürlich in der Grösse geändert werden, falls es nicht passt. Aber da muss man immer gut aufpassen, dass man nichts falschmacht, damit nicht gleich alles verzogen wird.
</div></div>

<img src="http://i1341.photobucket.com/albums/o756/LeCherryCoke/RPG%20Stuff/hollywood/shawn_zps5b6c3922.png" border="1" align="left" vspace="1px" hspace="5px"> <div class="box1"><div class="untertitel">Gesucht: XXX</div><div style="overflow:auto; height:250px;">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div></div>

<img src="http://i1341.photobucket.com/albums/o756/LeCherryCoke/RPG%20Stuff/hollywood/both_zps24b4e99b.png" border="1" align="right" vspace="1px" hspace="5px"><div class="box1"><div class="untertitel">Last but not Least</div><div style="overflow:auto; height:265px;">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div>
</div><div class="credit">Template by <a href="http://peregrine.nobel-design.net/member.php?action=profile&uid=6" target=_blank">Castiel</a></div></div></div></center>