Gesuchsvorlage

code: 1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33: 34: 35: 36: 37: 38: 39: 40: 41: 42: 43: 44: 45: 46: 47: 48: 49: 50: 51: 52: 53: 54: 55: 56: 57: 58: 59: 60: 61: 62: 63: 64: 65: 66: 67: 68: 69: 70: 71: 72: 73: 74: <link href="https://fonts.googleapis.com/css2?family=Limelight&family=Roboto&display=swap" rel="stylesheet"> <style type="text/css">/* --- by BlackRose @ Storming Gates --- */ :root { --rainsp: #3e0000; --rainsm: #7a0000; } /* */ .rainsuescont { box-sizing: border-box; height: 40px; margin-bottom: 5px; overflow: hidden; line-height: 1.4; } /* */ .rainsues { font-family: "Limelight"; font-size: 50px; text-transform: lowercase; color: var(--rainsp); letter-spacing: 2px; } /* */ .rainsues:first-letter { color: var(--rainsm); } /* */ .rainsut { font-family: 'Roboto'; font-size: 8px; text-transform: uppercase; letter-spacing: 3px; color: var(--rainsm); } /* */ .rainsut::before { content: ""; display: inline-block; background: var(--rainsm); width: 30px; height: 1px; margin-right: 5px; position: relative; top: -2px; } /* */ .rainsut::after { content: ""; display: inline-block; background: var(--rainsm); width: 30px; height: 1px; margin-left: 5px; position: relative; top: -2px; } /* */ .rainslinien { margin-top: 10px; display: flex; } /* */ .rainslinien div { height: 10px; } /* */ .rainslinie1 { background-color: var(--rainsp); width: 30%; margin-right: 5px; } /* */ .rainslinie2 { background-color: var(--rainsm); width: 70%; } /* */ .rainspost { text-align: justify; } /* */ .rainspost:first-letter { font-family: "Limelight"; font-size: 55px; color: var(--rainsp); float: left; padding: 7px 12px 0px 0px; } /* */ .rainspost .sprache { color: var(--rainsm); } /* */ .rainspost .sprache::before { content: "»"; color: var(--rainsm); } /* */ .rainspost .sprache::after{ content: "«"; color: var(--rainsm); } /* */ .rainspost .gedanken { font-style: italic; color: var(--rainsm); } /* </style> <center><img src="https://weneverdieout.de/Arts/Steckiebild.png"><center> <center> <div class="rainsuescont"><div class="rainsues">Gesucht wird???</div></div> <div class="rainsut">Zitat</div> <div class="rainslinien"> <div class="rainslinie1"></div> <div class="rainslinie2"></div> </div> </center> <div class="titel"><h3>NAME DES GESUCHTEN</h3></div>Die wichtigsten Sachen, welche man wissen muss <div class="textfeld"><strong>short facts:</strong> XXX <div class="kleintext">Name, Alter Beruf, Gesinnung usw.</div> <strong>more information:</strong> XXX <div class="kleintext">Beziehung zum gesuchten Chara, Wünsche, Erläuterungen Nur so als Test schreibe ich hier mal einen kleinen Text mit rein. Hat jetzt nur den Nutzen, dass ich sehen kann, wie sich die Tabelle verziehen würde, wenn man jetzt wirklich noch einen etwas längeren Text hier einfügen würde. Ja, der Quellcode wieder einmal. Der zieht mir sonst nämlich alles unschön auseinander und ich muß mal kurz testen, woran das denn nun liegt. Leider fällt mir jetzt nichts mehr ein, also hoffe ich mal, dass das schon ausreicht. Wenn nicht, muß ich noch mal editieren.</div></div> <div class="titel"><h3>NAME DES SUCHENDEN</h3></div>Blut ist dicker als Wasser <div class="textfeld"><strong>short facts:</strong> XXX <div class="kleintext">Name, Alter Beruf, Gesinnung usw.</div> <strong>more information</strong> XXX <div class="kleintext">Beziehung zum gesuchten Chara, Wünsche, Erläuterungen </div></div> <div class="titel"><h3>SONSTIGES</h3></div>Spieglein ... Spieglein an der Wand <div class="textfeld"><strong>Beziehung zum Suchenden:</strong> XXX <div class="kleintext">Was für eine Beziehung hat der Gesucht zum Suchenden?</div> <strong>Entwicklung für das Inplay:</strong> XXX <div class="kleintext">Wie soll sich das Inplay Entwichlen? </div> <strong>Sonstige Wünsche:</strong> XXX <div class="kleintext">Was gibt es noch für Wünsche? Avaperson etc? </div>