Gesuch Vorlage

Gesuch Vorlage

▃▃▃▃▃▃▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃▃▃▃

Wir bieten euch hier diesen hübschen Code für die Verzierung eurer Gesuche an. Ihr könnt sie gerne nutzen, um somit schon einen optischen Eindruck zu hinterlassen.

!!!!INFO!!!
Im obersten Code findet ihr die Bild Links, wo ihr eure Bilder einfügen könnt!

Code:

background-image: url('http://fs1.directupload.net/images/150809/vzigy7u9.png')}

ersetzt einfach euer Bild mit dem von der Beispiel Vorlage. Die kleinen Bilder haben eine Größe von 80 x 80!

Code:

<img src="http://de.bloggif.com/output/5/d/5d99cb3f7826a2599d146252a030ff5c.gif?1439118392">

Hier setzt ihr entweder ein Gif oder ein unbewegliches Bild von dem Avatar Gesuch ein, was eurer Wunschvorstellung entspricht. Das Gif oder das Bild hat ene Größe von 250 x 150. Wenn ihr ein Gif wollt, es aber zu groß ist, meldet euch bei Drake oder Akame, die zwei werden euch das Gif verkleinern!

It feels like pain

Name des Charas x Alter x Beruf x Avatar

STRENGTH Eigenschaft Eigenschaft Eigenschaft WEAKNESS Eigenschaft Eigenschaft Eigenschaft SHORT FACTS Lorem ipsum dolor sit amet, consetetur sadipscing elitr, Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.

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 eo 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 a aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, noolor 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 saod tempor invidunt u Beziehung & so 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.

Code:

</font><link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'><style text="text/css">#base { width: 500px; height: 510px; padding: 2px; font-family: Lobster; font-size: 40px; line-height: 80%; letter-spacing: -3px; color: #000;} .slider1{ width: 250px; height: 30px; background-color: #000000;} .border1{ width: 510px; height: 5px; background-color: #000000; position: center;} .bild1{ width: 250px; height: 150px; background-color: #000000;} .textbox1{ width: 250px; height: 430px; overflow: auto; background-color: #fff; font-family: 'Lato'; font-size: 10px; color: #000000; letter-spacing: 1px; line-height: 100%; text-align: justify;} .fact2{ width: 115px; height: 20px; background-color: #fff; border: solid 2px #000000; padding: 2px; color: #000; font-size: 9px; letter-spacing: 3px; line-height: 100%; } .textbox2{ width: 250px; height: 200px; overflow: auto; background-color: #fff; font-family: 'Lato'; font-size: 10px; color: #000000; letter-spacing: 1px; line-height: 100%; text-align: justify;} .bild2{ width: 78px; height: 78px; background-color: #000000; border-radius: 50%; background-image: url('http://fs5.directupload.net/images/160426/snfpld9a.png')} .bild3{ width: 78px; height: 78px; background-color: #000000; border-radius: 50%; background-image: url('http://fs5.directupload.net/images/160426/snfpld9a.png')} .bild4{ width: 78px; height: 78px; background-color: #000000; border-radius: 50%; background-image: url('http://fs5.directupload.net/images/160426/snfpld9a.png')} .title{ font-family: 'lato'; font-size: 12px; color: #fff; background-color: #000000; text-transform: uppercase; letter-spacing: 5px; padding: 4px;} .shortfacts{ width: 500px; font-family: 'lato'; font-size: 8px; color: #fff; background-color: #000; text-transform: uppercase; letter-spacing: 5px; padding: 4px; line-height: 85%;}</style>

<center><div id="base">It feels like pain <div class="shortfacts">Name des Charas x Alter x Beruf x Avatar</div><table><tr><td><div class="bild1"><a href="http://www.directupload.net" target="blank"><img src="http://fs5.directupload.net/images/160426/ye8rgrtx.png"></a></div><table><tr><td><select class="fact2"><option>STRENGTH</option>
<option>Eigenschaft</option>
<option>Eigenschaft</option>
<option>Eigenschaft</option>
</select></div></td><td><select class="fact2"><option>WEAKNESS</option>
<option>Eigenschaft</option>
<option>Eigenschaft</option>
<option>Eigenschaft</option>
</div></td></tr></table><div class="textbox2"> <center><div class="title">SHORT FACTS</div></center>
<blockquote><li> Lorem ipsum dolor sit amet, consetetur sadipscing elitr,

<li> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non

<li> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.

</div><table><tr><td><div class="bild2"></div></td><td><div class="bild3"></div></td><td><div class="bild4"></div></td></tr></table></td><td><div class="slider1"></div><div class="textbox1">

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 eo 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 a aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, noolor 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 saod tempor invidunt u

<center><div class="title">Beziehung & so</div></center>

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></td></tr></table><div class="border1"></div></div></center>