Gesuchsvorlage - Druckversion

+- Harper Grove (https://harper-grove.de)
+-- Forum: the show must go on (https://harper-grove.de/forumdisplay.php?fid=9)
+--- Forum: wanted & unwanted (https://harper-grove.de/forumdisplay.php?fid=10)
+--- Thema: Gesuchsvorlage (/showthread.php?tid=25)

Gesuchsvorlage - The Manager - 24.09.2019

Gesuchsvorlage

Wir haben keine wirkliche Gesuchsvorlage. Ihr könnt eurer Krativität freien Lauf lassen. Natürlich kann es auch ganz einfach gehalten werden.

Bedenkt bitte, dass folgende Informationen in einem Gesuch immer drin sein sollten.

Wer wird gesucht?
Wer sucht?
Vergangenheit & Zukunft
sonstige Informationen

Bitte vermerkt auch, ob wir euer Gesuch ins Storming Gate oder CSB stellen sollen und ob ihr Trigger Themen ansprecht in eurem Gesuch (Anti-LGBTQIA+ | Gewalt | Psychische Erkrankungen | Physische Erkrankungen | Rassismus | Sexuelle Gewalt | Sexuelle Inhalte | Tod)

Wenn ihr eine der Vorlagen benutzen wollt, einfach den Code schnappen. Bitte beachtet dahingehend auch die Regeln:

Rules

Tja, was lässt man für Regeln da... Das ist ehrlich ne total spannende Frage. Ich denke die wichtigste ist - er gefällt euch? Lasst es mich wissen. Wir stehen ja alle auf ein bisschen Anerkennung. Es kann sein, dass ich irgendwo mal ein Credit drin gelassen habe. Würde mich freuen, wenn er drin bleibt.
Meine Pics sind meist so verbaut, dass man unabhängig von der Größe die das Original hat, eine feste dabei raus kommt. Ich hasse es Pics zu zu schneiden. Manchmal passt sich auch alles dem Gif oder ähnlich an.

✘ Schnappt euch die Vorlage Tja, sosnt funktioniert es ja nicht wirklich...

✘ ändert alles ab, was ihr ändern wollt. Ich arbeite immer mit einem Root, daher findet ihr immer oben alle Farben die zu ändern sind.

✘ wenn Fehler gefunden meldet euch. Klar kann es mal passieren, dass es hier super aussieht und dort total bescheiden. Wenn ihr Hilfe braucht, einfach hier oder via Pn... oder Discord... Brieftaube... Email... Rauchzeichen...

✘ Lasst einen Link und ein Danke da. Da ich krankhaft Neugierig bin, würde ich schon gerne wissen, wo ihr den einsetzt. Außderm bin ich Nebenberuflich Stalker, und man muss die Sehnsucht nach Neuigkeiten füttern, oder nicht?!

RE: Gesuchsvorlage - Liam Turner - 17.11.2023

Gesuchsvorlage - Einfach

Überschrift

unterschrift

Name | Alter | IrgendwasLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Hier kommt der schöne kursive Text 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.

Vergangenheit 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 Zukunft 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.

Der Spieler dahinter 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 Noch zum Gesuch zu sagen 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.

Code:
<div class="g25">

  <div class="g25_up">

    <div class="g25_hl">Überschrift</div>

    <div class="g25_sl">unterschrift</div>

  </div>

  <div class="g25_down">

    <div class="g25_search">

      <img src="https://omf.ai/wp-content/uploads/2017/06/bouncing-chicken-loop.gif" width="100px;" style="float:left;padding:0px 5px 5px 0px;"><b>Name | Alter | Irgendwas</b>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. <i>Hier kommt der schöne kursive Text</i>  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.</div>

    <div class="g25_search">

      <img src="https://omf.ai/wp-content/uploads/2017/06/bouncing-chicken-loop.gif" width="100px;" style="float:right;padding:0px 0px 5px 5px;"><b>Name | Alter | Irgendwas</b>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. <i>Hier kommt der schöne kursive Text</i>  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.</div>

    <div class="g25_search2"><b>Vergangenheit</b> 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 <b>Zukunft</b> 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 class="g25_search2"><b>Der Spieler dahinter</b> 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 <b>Noch zum Gesuch zu sagen</b> 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 class="g25_copy"><a href="https://storming-gates.de/member.php?action=profile&uid=779">© tao</a></div>

</div>

<style>@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800;900&family=Sintony:wght@400;700&display=swap');:root{--g25bg:#f2efe490;--g25f:#a19e53;--g25c1:#a19e53;--g25c2:#86817b;--g25c3:#f2efe4}.g25{font-family:'Arial',sans-serif;font-size:12px;background:var(--g25bg);color:var(--g25f);margin:auto;width:550px;padding:10px;border-left:4px solid var(--g25c2);border-bottom:1px solid var(--g25c2)}.g25_up{height:100px;line-height:40px;padding-top:50px;border-right:1px solid var(--g25c2);border-top:3px solid var(--g25c2)}.g25_hl{font-family:'Raleway',sans-serif;color:#86817b;font-size:45px;font-weight:800;letter-spacing:-2px;position:relative;text-align:center}.g25_sl{font-family:'Sintony',sans-serif;text-align:center;font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase;margin:-10px 0 0 0}.g25_down b{background:var(--g25f);color:var(--g25c3);padding:5px}.g25_down i{background:var(--g25bg);color:var(--g25c2);padding:2px}.g25_search{height:125px;overflow:auto;padding:10px;background:var(--g25c2);color:var(--g25bg);line-height:20px;text-align:justify;margin:15px 0}.g25_search::-webkit-scrollbar{width:4px}.g25_sarch::-webkit-scrollbar-thumb{width:4px;background:var(--g25f);border-radius:5px}.g25_search2{padding:10px;background:var(--g25c2);color:var(--g25bg);line-height:20px;text-align:justify;margin:15px 0}.g25_copy{text-align:right}.g25_copy a{text-decoration:none;font-size:10px;color:var(--g25c1)}</style>

RE: Gesuchsvorlage - Liam Turner - 17.11.2023

Gesuchs Vorlage - Fortgeschritten

Story of my life

lies i have created

Gesuchter / Suchender

alter

Beruf

sieht aus wie

liam
turner

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qu

Gesuchter / Suchender

alter

Beruf

sieht aus wie

liam
turner

Gesuchter / Suchender

alter

Beruf

sieht aus wie

liam
turner

Gesuchter / Suchender

alter

Beruf

sieht aus wie

liam
turner

never endling story

Code:
<div id="gshg23">

  <div class="gshg23_header">Story of my life<br><div style="font-family: var(--gshg23sf);font-size: 10px;font-weight: 100;margin-top: -150px;">lies i have created</div></div>

  <div class="gshg23_box">

    <div class="gshg23_img"><div class="gshg23_img1">

        <div style="background-image: url('https://4.bp.blogspot.com/-GIwZ-Q1gvIg/TV6bgxRCLJI/AAAAAAAAFa4/3GP9fy8h3U4/s1600/patrick+6.jpg');background-size:130px" class="gshg23_img2"></div></div></div>

    <div class="gshg23_icon">

      <div class="gshg23_iconr">Gesuchter / Suchender</div>

      <div class="gshg23_iconv">alter</div>

      <div class="gshg23_iconr">Beruf</div>

      <div class="gshg23_iconv">sieht aus wie</div>

     </div>

    <div class="gshg23_name">liam<br>turner</div>

    </div>

  <div class="gshg23_txt">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qu</div>

<div class="gshg23_box">

    <div class="gshg23_img"><div class="gshg23_img1">

        <div style="background-image: url('https://4.bp.blogspot.com/-GIwZ-Q1gvIg/TV6bgxRCLJI/AAAAAAAAFa4/3GP9fy8h3U4/s1600/patrick+6.jpg');background-size:130px" class="gshg23_img2"></div></div></div>

    <div class="gshg23_icon">

      <div class="gshg23_iconr">Gesuchter / Suchender</div>

      <div class="gshg23_iconv">alter</div>

      <div class="gshg23_iconr">Beruf</div>

      <div class="gshg23_iconv">sieht aus wie</div>

     </div>

    <div class="gshg23_name">liam<br>turner</div>

    </div>

  <div class="gshg23_txt">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qu</div><div class="gshg23_box">

    <div class="gshg23_img"><div class="gshg23_img1">

        <div style="background-image: url('https://4.bp.blogspot.com/-GIwZ-Q1gvIg/TV6bgxRCLJI/AAAAAAAAFa4/3GP9fy8h3U4/s1600/patrick+6.jpg');background-size:130px" class="gshg23_img2"></div></div></div>

    <div class="gshg23_icon">

      <div class="gshg23_iconr">Gesuchter / Suchender</div>

      <div class="gshg23_iconv">alter</div>

      <div class="gshg23_iconr">Beruf</div>

      <div class="gshg23_iconv">sieht aus wie</div>

     </div>

    <div class="gshg23_name">liam<br>turner</div>

    </div>

  <div class="gshg23_txt">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qu</div><div class="gshg23_box">

    <div class="gshg23_img"><div class="gshg23_img1">

        <div style="background-image: url('https://4.bp.blogspot.com/-GIwZ-Q1gvIg/TV6bgxRCLJI/AAAAAAAAFa4/3GP9fy8h3U4/s1600/patrick+6.jpg');background-size:130px" class="gshg23_img2"></div></div></div>

    <div class="gshg23_icon">

      <div class="gshg23_iconr">Gesuchter / Suchender</div>

      <div class="gshg23_iconv">alter</div>

      <div class="gshg23_iconr">Beruf</div>

      <div class="gshg23_iconv">sieht aus wie</div>

     </div>

    <div class="gshg23_name">liam<br>turner</div>

    </div>

  <div class="gshg23_txt">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qu</div>

<div class="gshg23_header1">never endling story</div>

  <div class="gshg23_txt">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qu</div>

  <div class="gshg23_cop"><a href="https://storming-gates.de/member.php?action=profile&uid=779">© taotao</a></div>

</div>

<style>@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Source+Sans+3:wght@400&display=swap');:root{--gshg23b:#fefefe;--gshg23c1:#f0f0f0;--gshg23c2:#113e21;--gshg23c3:#b38b59;--gshg23f:#4d4d4d;--gshg23mf:'Abril Fatface',cursive;--gshg23sf:'Source Sans 3',sans-serif}#gshg23{width:530px;background-color:var(--gshg23b);box-sizing:border-box;margin:auto;font-family:var(--gshg23sf);font-size:12px;color:var(--gshg23f)}#gshg23 a{color:var(--gshg23f)}#gshg23 a:hoover{color:var(--gshg23f)}#gshg23 a:visited{color:var(--gshg23f)}.gshg23_header{height:200px;background:var(--gshg23b);text-align:center;font-family:var(--gshg23mf);font-size:45px;text-transform:lowercase;line-height:180px}.gshg23_header1{height:80px;background:var(--gshg23b);text-align:center;font-family:var(--gshg23mf);font-size:35px;text-transform:lowercase;line-height:70px}.gshg23_box{display:flex;justify-content:space-evenly;align-items:center;background-color:var(--gshg23c1);padding:15px 15px 15px 0}.gshg23_icon{font-size:10px;font-weight:bold;text-align:center}.gshg23_iconr{width:150px;padding:5px;margin:3px;background:var(--gshg23c2);color:var(--gshg23b)}.gshg23_iconv{width:150px;padding:5px;margin:3px;background:var(--gshg23c3)}.gshg23_img{height:150px;width:150px;border:2px solid var(--gshg23c3);border-radius:80px}.gshg23_img1{height:140px;width:140px;border:2px solid var(--gshg23c2);border-radius:80px}.gshg23_img2{height:130px;width:130px;border:2px solid var(--gshg23b);border-radius:80px}.gshg23_name{width:150px;font-family:var(--gshg23mf);font-size:35px;line-height:20px;text-transform:lowercase;text-align:center}.gshg23_txt{height:150px;overflow:auto;padding:10px;text-align:justify;margin-bottom:5px}.gshg23_txt::-webkit-scrollbar{width:2px}.gshg23_txt::-webkit-scrollbar-thumb{width:2px;background:var(--gshg23f);border-radius:5px}.gshg23_cop{text-align:center;font-size:10px}</style>

Um eine weitere Box hinzu zu fügen, folgenden Code an passender Stelle einfügen:

Code:
<div class="gshg23_box">

    <div class="gshg23_img">

      <div class="gshg23_img1">

        <div style="background-image: url('https://4.bp.blogspot.com/-GIwZ-Q1gvIg/TV6bgxRCLJI/AAAAAAAAFa4/3GP9fy8h3U4/s1600/patrick+6.jpg');background-size:130px" class="gshg23_img2">

       </div></div></div>

    <div class="gshg23_icon">

      <div class="gshg23_iconr">Gesuchter / Suchender</div>

      <div class="gshg23_iconv">alter</div>

      <div class="gshg23_iconr">Beruf</div>

      <div class="gshg23_iconv">sieht aus wie</div>

     </div>    

    <div class="gshg23_name">liam<br>turner</div>

    </div>  

  <div class="gshg23_txt">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qu</div>

RE: Gesuchsvorlage - Liam Turner - 17.11.2023

Gesuchsvorlage - Profi

Überschrift

Name | Alter | GesichtLorem 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.

Gesucht

Mr. X

Ms. X

Reserviert

Gefunden

Ms. Z

es sucht

Vergangenheit: 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,Zukunft: 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 Der Spieler im Hintergrund:justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Code:
<div class="mc">

  <div class="mc_up">

    <div class="mchl">Überschrift</div>

  </div>

  <div class="mcs1">

    <div class="mcspic1"style="background-image:url('https://assets-global.website-files.com/62ee0bbe0c783a903ecc0ddb/6472b9173903396dec0f668a_Flaunt%2BMagazine%2B-%2Blewis%2Btan%2B-b.jpeg');filter: sepia(0.3);"></div>

    <div class="mcs_txt"><b>Name | Alter | Gesicht</b>Lorem ipsum dolor sit amet, consetetur <i>sadipscing </i>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.</div>

    <div class="mcs_downl"><span style="color:var(--mcc2)">Gesucht</span></div>

    <div class="mcs_downr">Mr. X</div>

  </div>

  <div class="mchlz"><div class="mchlz_1"><div class="mc_b1"></div>

    <div class="mc_b2"></div>

    <div class="mc_b3"></div></div></div>

  <div class="mcs2">

    <div class="mcs2_txt"><b>Name | Alter | Gesicht</b>Lorem ipsum dolor sit amet, consetetur <i>sadipscing </i>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.</div>

    <div class="mcs2_downl">Ms. X</div>

    <div class="mcspic2" style="background-image:url('https://emma-stone.com/wp-content/uploads/2019/01/2019VOGUE.png');filter: sepia(0.3) grayscale(200%) brightness(1.25);"></div>

    <div class="mcs2_downr"><span style="color:var(--mcc4)">Reserviert</span></div>

  </div>

  <div class="mchlz"><div class="mchlz_2"><div class="mc_b1"></div>

    <div class="mc_b2"></div>

    <div class="mc_b3"></div></div></div>

  <div class="mcs1">

    <div class="mcspic1"style="background-image:url('https://music-b26f.kxcdn.com/wp-content/uploads/2022/09/PPT-Gus-Black-3-cropped-770x470.jpg');filter: sepia(0.3) grayscale(200%) brightness(1.25);"></div>

    <div class="mcs_txt"><b>Name | Alter | Gesicht</b>Lorem ipsum dolor sit amet, consetetur <i>sadipscing </i>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.</div>

    <div class="mcs_downl"><span style="color:var(--mcc3)">Gefunden</span></div>

    <div class="mcs_downr">Ms. Z</div>

  </div>

  <div class="mchlz"><div class="mchlz_3"><div class="mc_b1"></div>

    <div class="mc_b2"></div>

    <div class="mc_b3"></div></div></div>

  <div class="mcs2">

    <div class="mcs2_txt"><b>Name | Alter | Gesicht</b>Lorem ipsum dolor sit amet, consetetur <i>sadipscing </i>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.</div>

    <div class="mcs2_downl">es sucht</div>

    <div class="mcspic2" style="background-image:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTgaYf826kzoGJwpa7mhO-1I1xO3SPDO6OhJWdQZk_srcI-deYFPgdQUDLSdsTTn3V-kBw&usqp=CAU');filter: sepia(0.3) grayscale(200%) brightness(1.25);"></div>

    <div class="mcs2_downr"><span style="color:var(--mcc4)"></span></div>

  </div>

  <div class="mchlz"><div class="mchlz_4">

    <div class="mc_b1"></div>

    <div class="mc_b2"></div>

    <div class="mc_b3"></div>   </div>  

   </div>

  <div class="mcqa"><b>Vergangenheit:</b> 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,<b>Zukunft:</b> 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 <b>Der Spieler im Hintergrund:</b>justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div>

  <div class="mccopy"><a href="https://storming-gates.de/member.php?action=profile&uid=779">© tao</a></div>

</div>

<style>@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400&family=Shrikhand&display=swap');:root{--mcmf:'Shrikhand',serif;--mcsf:'Montserrat',sans-serif;--mcc1:#5e412f;/*dunkel*/--mcc2:#fcebb6;/*weiß*/--mcc21:rgb(252,235,182,0.7);--mcc22:rgb(252,235,182,0.1);--mcc3:#78c0a8;/*blau*/--mcc4:#f07818;/*orange*/--mcc5:#0f0906;/*schrift*/}.mc{background:var(--mcc1);width:500px;margin:auto;font-family:var(--mcsf);font-size:10px;padding:5px;color:var(--mcc5)}.mc b{background:var(--mcc4);margin:2px;padding:2px;font-weight:900}.mc i{background:var(--mcc3);margin:2px;padding:2px}.mcspic1{grid-area:1 / 1 / 3 / 2;width:280px;height:200px;background-size:cover}.mcspic2{grid-area:1 / 2 / 3 / 2;width:280px;height:200px;background-size:cover}.mcs2_txt::-webkit-scrollbar{width:6px}.mcs2_txt::-webkit-scrollbar-thumb{background:var(--mcc3)}.mcs2_txt::-webkit-scrollbar-track{background:var(--mcc2)}.mcs_txt::-webkit-scrollbar{width:6px}.mcs_txt::-webkit-scrollbar-thumb{background:var(--mcc3)}.mcs_txt::-webkit-scrollbar-track{background:var(--mcc2)}.mc_up{background:var(--mcc21);margin-bottom:10px}.mchl{font-family:var(--mcmf);font-size:64px;text-align:center;line-height:180px;color:var(--mcc1)}.mcs1{background:var(--mcc21);margin:5px 0;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);grid-column-gap:0;grid-row-gap:0;padding:2px}.mcs_txt{grid-area:1 / 2 / 2 / 3;height:140px;overflow:auto;padding:2px;margin:2px;text-align:justify;line-height:18px}.mcs_downl{grid-area:2 / 1 / 3 / 2;z-index:1;font-family:var(--mcmf);font-size:32px;text-align:center;text-shadow:-5px 0 3px var(--mcc5)}.mcs_downr{grid-area:2 / 2 / 3 / 3;font-family:var(--mcmf);font-size:32px;text-align:center;color:var(--mcc1)}.mcs2{background:var(--mcc21);margin:5px 0;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);grid-column-gap:0;grid-row-gap:0;padding:2px}.mcs2_txt{grid-area:1 / 1 / 2 / 2;height:140px;overflow:auto;padding:2px;margin:2px;text-align:justify;line-height:18px}.mcs2_downl{grid-area:2 / 1 / 3 / 2;font-family:var(--mcmf);font-size:32px;text-align:center;color:var(--mcc1)}.mcs2_downr{grid-area:2 / 2 / 3 / 3;z-index:1;font-family:var(--mcmf);font-size:32px;text-align:center;color:var(--mcc4);text-shadow:-5px 0 3px var(--mcc5)}.mchlz{height:30px}.mcqa{background:var(--mcc21);margin:5px 0;padding:8px;text-align:justify;line-height:18px}.mccopy{text-align:center}.mccopy a{text-decoration:none;color:var(--mcc21)}.mc_b1{background:var(--mcc2);width:30px;height:22px;transform:rotate(100deg);float:left}.mc_b2{background:var(--mcc3);width:30px;height:22px;transform:rotate(100deg);float:left}.mc_b3{background:var(--mcc4);width:30px;height:22px;transform:rotate(100deg);float:left}.mchlz_1{margin:15px 0 0 50px}.mchlz_2{margin:15px 0 0 150px}.mchlz_3{margin:15px 0 0 350px}.mchlz_4{margin:15px 0 0 250px}</style>

Wenn ihr diesen Code verwenden wollt, er ist ein wenig tricky... Also nichts für Anfänger.

Wie immer sind die Farben im :root hinterlegt. Ihr könnt sie gerne austauschen.

Code:
--mcc1:#5e412f;/*dunkel*/

--mcc2:#fcebb6;/*weiß*/

--mcc21:rgb(252,235,182,0.7);

--mcc22:rgb(252,235,182,0.1);

--mcc3:#78c0a8;/*blau*/

--mcc4:#f07818;/*orange*/

--mcc5:#0f0906;/*schrift*/

Wenn ihr jemanden gefunden habt, Reservieren wollt dann in diesem Teil die Zahl für die Farbe austauschen:

Code:
<span style="color:var(--mcc3)">Gefunden</span>

Um die Zwischenzeile ein zu fügen, diesen Code einfügen. Wenn ihr die 3 in mchlz_ ändert, ändern sich auch die Punkte (1-4)

Code:
<div class="mchlz"><div class="mchlz_3"><div class="mc_b1"></div>

    <div class="mc_b2"></div>

    <div class="mc_b3"></div></div></div>

Ihr wollt ein Kästchen hinzu?
Foto Links:

Code:
<div class="mcs1">

    <div class="mcspic1"style="background-image:url('https://assets-global.website-files.com/62ee0bbe0c783a903ecc0ddb/6472b9173903396dec0f668a_Flaunt%2BMagazine%2B-%2Blewis%2Btan%2B-b.jpeg');filter: sepia(0.3);"></div>

    <div class="mcs_txt"><b>Name | Alter | Gesicht</b>Lorem ipsum dolor sit amet, consetetur <i>sadipscing </i>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.</div>

    <div class="mcs_downl"><span style="color:var(--mcc2)">Gesucht</span></div>

    <div class="mcs_downr">Mr. X</div>

  </div>

Foto Rechts:

Code:
<div class="mcs2">

    <div class="mcs2_txt"><b>Name | Alter | Gesicht</b>Lorem ipsum dolor sit amet, consetetur <i>sadipscing </i>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.</div>

    <div class="mcs2_downl">Ms. X</div>

    <div class="mcspic2" style="background-image:url('https://emma-stone.com/wp-content/uploads/2019/01/2019VOGUE.png');filter: sepia(0.3) grayscale(200%) brightness(1.25);"></div>

    <div class="mcs2_downr"><span style="color:var(--mcc4)">Reserviert</span></div>

  </div>

Sooo kommen wir zu den Bildern...
Bei jedem Block ist das bild im style Tag eingefügt. Jedes Bild hat einen Filter mit dabei. Damit habe ich sie angepasst, dass sie schier gleich aussehen. Was genau welcher Filter kann und um ein wenig zu testen, hab ich hier eine Kleinigkeit vorbereitet Taos Foto Versuch