+- The Demon Behind You (https://www.demon-behind-you.de)
+-- Forum: Everything about Person (https://www.demon-behind-you.de/forumdisplay.php?fid=9)
+--- Forum: Lost Souls (https://www.demon-behind-you.de/forumdisplay.php?fid=13)
+--- Thema: Gesuch Vorlage (/showthread.php?tid=66)
Gesuch Vorlage - Gott - 27.03.2022
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.
fact #01
fact #02
fact #03
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.
Gesamter Code // Bildgröße: 250x125px
Code:
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet">
<style>.ziaokt_content { background-color: #d4c8b2; width: 480px; margin: auto; display: flex; height: 350px; color: #8d8475;} .ziaokt_boxright { background-color: #eae6de; width: 300px;} .ziaokt_head {font-family: 'Arial', sans-serif; text-transform: lowercase; font-size: 10px; position: absolute; text-align: right; width: 350px; padding: 10px; color: #dac6c6; background-color: #fdf3f3; border-radius: 15px; margin: -30px 0px 0px 130px; letter-spacing: 2px;} .ziaokt_img { width: 250px; border: 10px solid #c17f1d; border-radius: 40px;} .ziaokt_bild {margin: 20px 0px 0px -30px; position: absolute; } .ziaokt_textbox {background-color: #fdfaf5; width: 260px; height: 160px; border-radius: 40px; position: absolute; margin: 120px 0px 0px 160px; padding: 20px; font-size: 9px; line-height: 13px; text-align: justify; letter-spacing: 0.5pt; font-family: 'Arial';} .ziaokt_fact { background-color: #fdfaf5; font-size: 10px; width: 120px; padding: 3px; border-radius: 6px; margin: 4px; color: #dd962c; letter-spacing: 0.5pt; text-align: center;} .ziaokt_info {position: absolute; margin: 200px 0px 0px 20px;} .ziaokt_all {width: 420px; margin: auto; background-color: #df9718; padding: 30px; font-size: 9px; line-height: 13px; text-align: justify; letter-spacing: 0.5pt; font-family: 'Arial'; color: #665132; } ziaoktb { background-color: #c6821c; font-style: italic; padding: 10px; border-radius: 6px; font-size: 15px; text-transform: uppercase; font-family: 'Josefin Sans'; color: #e7b365; }</style>
<div class="ziaokt_all"><div class="ziaokt_allbox">
<div align="center"><br><ziaoktb>Bist das Pop zu meinem Corn?</ziaoktb></div>
<br><br>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.</div></div>
<div class="ziaokt_content">
<div class="ziaokt_boxleft">
<div class="ziaokt_bild"><img src="https://missparlic.com/gfx/oktgesuch_01.gif" class="ziaokt_img"></div></div><div class="ziaokt_boxright">
<div class="ziaokt_info"><div class="ziaokt_fact">fact #01</div><div class="ziaokt_fact">fact #02</div><div class="ziaokt_fact">fact #03</div><div class="ziaokt_fact">[url=https://www.demon-behind-you.de/index.php][color=orange]Zum Forum[/color][/url]</div></div></div>
<div class="ziaokt_textbox">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>
<div class="ziaokt_content">
<div class="ziaokt_boxleft">
<div class="ziaokt_bild"><img src="https://missparlic.com/gfx/oktgesuch_02.gif" class="ziaokt_img"></div></div>
<div class="ziaokt_boxright"><div class="ziaokt_info"><div class="ziaokt_fact">fact #01</div><div class="ziaokt_fact">fact #02</div><div class="ziaokt_fact">fact #03</div></div>
<div class="ziaokt_textbox">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>Codeteil für eine weitere Gesuchsreihe (einfach an den Code hinten anhängen und ausfüllen)
Code:
<div class="ziaokt_content">
<div class="ziaokt_boxleft">
<div class="ziaokt_bild"><img src="BILDLINK.ENDUNG" class="ziaokt_img"></div></div>
<div class="ziaokt_boxright"><div class="ziaokt_info"><div class="ziaokt_fact">fact #01</div><div class="ziaokt_fact">fact #02</div><div class="ziaokt_fact">fact #03</div></div>
<div class="ziaokt_textbox">INHALT</div>
</div>
</div>