[The Watcher]

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

"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

Link zum Forum Link zum Gesuch Marvel-Fandom Spieljahr 2027 L3S3V3 Profilfeldsteckbriefe

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;   }</style>

<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>