VORLAGE FÜR USERGESUCHE
Ihr möchtet einen oder mehrere Charaktere suchen, habt aber keine Lust, erst lange nach Vorlagen zu stöbern oder selbst zu coden? Kein Problem – wir haben eine Vorlage für euch vorbereitet, die ihr ganz einfach nutzen und an eure Wünsche anpassen könnt.
Dabei gibt es nur eine Sache, die uns wichtig ist und die wir euch ausdrücklich bitten zu beachten:
- Es dürfen keine GoogleFonts verwendet werden
TRIGGERWARNUNG: Trigger1, Trigger2
"Hier ist Platz für ein Zitat deiner Wahl. Gerne kann hier auch etwas anderes eingefügt werden, wenn du etwas als passend erachtest" — Hier kann ein Name eingefügt werden
Gesucht
[Bild nur für Mitglieder sichtbar]
Frei / Vergeben
Codename
Alter
Beruf
Zugehörigkeit
Beziehung
Blip
Avatar
Name des Charakters
[Bild nur für Mitglieder sichtbar]Storyline des Gesuchten
Suchend
[Bild nur für Mitglieder sichtbar]
Codename
Alter
Beruf
Zugehörigkeit
Blip
Avatar
Durchschnittliche Postinglänge
Postingfrequenz
Name des Charakters
[Bild nur für Mitglieder sichtbar]Storyline des Suchenden
Weitere Informationen
Hier ist Platz für weitere Informationen rund um das Gesuch
Code:
<style type="text/css">.search-container, .search-h1 { color: #bfbab7; width: 650px; margin: auto; text-transform: uppercase; } .search-container { background: #191717; border: 3px solid #551515; box-sizing: border-box; padding: 10px; display: flex; flex-wrap: wrap; } .search-h1 { text-align: justify; background: #551515; height: 100px; box-sizing: border-box; padding: 20px; letter-spacing: 2px; font-family: 'EditorsNote', sans-serif; line-height: 130%; word-spacing: 4px; font-size: 8px; } .search-subtitle { font-size: 15px; letter-spacing: 3px; font-weight: bold; line-height: 100%; font-family: georgia; display: inline;} .search-h2 { display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; background: #551515; margin-bottom: 10px; } .search-h2:not(:first-child) { margin-top: 30px; } .search-left { width: 200px; font-size: 10px; margin: 0 10px 20px 0; } .search-img { width: 200px; height: 150px; object-fit: cover; box-sizing: border-box; border: 3px solid #551515;} .search-fact { background: #551515; padding: 7px; margin: 5px 0; } .search-right { flex: 1; font-size: 10pt; display: flex; flex-direction: column; align-items: flex-start; } .search-name { display: inline-flex; align-items: center; justify-content: center; width: 304px; height: 75px; border: 2px solid #551515; margin-right: 5px;} .search-name-row { display: flex; align-items: center; margin-bottom: 5px; } .search-img2 { width: 100px; height: 75px; object-fit: cover; } .search-text, .search-info-text { width: 100%; text-transform: none; border: 2px solid #551515; box-sizing: border-box; padding: 5px; overflow-y: auto; } .search-text { height: 346px; } .info-grid-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: 100%; max-width: 650px; margin: 20px auto; } .info-button { background: #551515; color: #bfbab7; text-decoration: none; padding: 7px; text-align: center; font-size: 10px; display: block; } .search-info-text { height: 200px; } .search-trigger { width: 650px; border: 1px solid #551515; background: #191717; margin: auto; text-align: center; padding: 10px; box-sizing: border-box; }</style>
<div class="search-trigger"><b>TRIGGERWARNUNG:</b> Trigger1, Trigger2</div>
<div class="search-h1">"<font class="search-subtitle">Hier ist Platz</font> für ein Zitat deiner Wahl. Gerne kann hier auch etwas anderes eingefügt werden, wenn du etwas als passend erachtest" — Hier kann ein Name eingefügt werden</div>
<div class="search-container">
<div class="search-h2">Gesucht</div>
<!-- KOPIEREN FÜR MEHRERE GESUCHE: START-->
<div class="search-left">
<img class="search-img" src="https://placehold.co/200x150" alt="bild">
<div class="search-fact">Frei / Vergeben</div>
<div class="search-fact">Codename</div>
<div class="search-fact">Alter</div>
<div class="search-fact">Beruf</div>
<div class="search-fact">Zugehörigkeit</div>
<div class="search-fact">Beziehung</div>
<div class="search-fact">Blip</div>
<div class="search-fact">Avatar</div>
</div>
<div class="search-right">
<div class="search-name-row">
<div class="search-name">Name des Charakters</div>
<img class="search-img2" src="https://placehold.co/100x75">
</div>
<div class="search-text">Storyline des Gesuchten</div>
</div>
<!-- KOPIEREN FÜR MEHRERE GESUCHE: ENDE-->
<div class="search-h2">Suchend</div>
<!-- KOPIEREN FÜR MEHRERE SUCHENDE: START-->
<div class="search-left">
<img class="search-img" src="https://placehold.co/200x150" alt="bild">
<div class="search-fact">Codename</div>
<div class="search-fact">Alter</div>
<div class="search-fact">Beruf</div>
<div class="search-fact">Zugehörigkeit</div>
<div class="search-fact">Blip</div>
<div class="search-fact">Avatar</div>
<div class="search-fact">Durchschnittliche Postinglänge</div>
<div class="search-fact">Postingfrequenz</div>
</div>
<div class="search-right">
<div class="search-name-row">
<div class="search-name">Name des Charakters</div>
<img class="search-img2" src="https://placehold.co/100x75">
</div>
<div class="search-text">Storyline des Suchenden</div>
</div>
<!-- KOPIEREN FÜR MEHRERE SUCHENDE: ENDE-->
<div class="search-h2">Weitere Informationen</div>
<div class="search-info-text">Hier ist Platz für weitere Informationen rund um das Gesuch</div>
<div class="info-grid-container">
<a href="https://bereadytodie.de/index.php" target="_blank" class="info-button">Link zum Forum</a> <a href="#" target="_blank" class="info-button">Link zum Gesuch</a> <span class="info-button">Marvel-Fandom</span> <span class="info-button">Spieljahr 2027</span> <span class="info-button">L3S3V3</span> <span class="info-button">Profilfeldsteckbriefe</span>
</div>
</div>
Signaturen sind für Gäste nicht sichtbar.
(Dieser Beitrag wurde zuletzt bearbeitet: 23.06.2026, 10:51 von Danny Rand.)