Ansichts-Optionen

Gesuchsvorlage

Jahre alt

Status: single

Ich bitte euch, keine PN´s an diesen Account zu senden, da er nur als Opfer benutzt wird. Recht Herzlichen Dank!

24.09.2019, 09:59

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

Team

Ich bin

Pronomen

Täglich

Postingfrequenz

bis 2.000

Postinglänge

Status

Liam Turner

40 Jahre alt

Barister

Status: single

Mein Name ist Liam Turner und ich bin 40 Jahre alt. Ich besitze das Cafe Liam´s Coffee Shop. Ich wohne seit kurzem in meinem Elternhaus. Gleich neben mir wohnt meine Großmutter und meine Schwester. Dank meiner Großmutter lerne ich langsam kochen und dank meiner Schwester kann ich mich mittlerweile sogar mit einem Smartphone anfreunden. Wenn ich mal nicht arbeite, sitze ich auf der Couch und guck die neuesten Folgen meiner Lieblingsserie oder seh mir ein Football Spiel an. Wenn das Wetter passt, packe ich dann auch meine Campingsachen zusammen und bin dann irgendwo im Wald, ohne Telefon und ohne Internet. Das tut mir immer sehr gut und so kann ich am Besten ausspannen. Denn mein größter Feind ist die Technik. Netflix und Co. werden erst langsam von mir entdeckt. Schuld daran ist vermutlich die kleine Blonde. Hailey und ich... das ist so ne Freundschaft Plus Sache... oder Affäre. Auf jeden Fall wird sie den kleinen Ort hier bald verlassen, also haben wir Spaß, so lange sie da ist.

17.11.2023, 11:25

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>

Tao

Ich bin

she/her

Pronomen

Wöchentlich

Postingfrequenz

ab 3.000

Postinglänge

Status

Liam Turner

40 Jahre alt

Barister

Status: single

17.11.2023, 11:26

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>

Tao

Ich bin

she/her

Pronomen

Wöchentlich

Postingfrequenz

ab 3.000

Postinglänge

Status

Liam Turner

40 Jahre alt

Barister

Status: single

17.11.2023, 11:28

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

Tao

Ich bin

she/her

Pronomen

Wöchentlich

Postingfrequenz

ab 3.000

Postinglänge

Status

« Ein Thema zurück | Ein Thema vor »

Thema geschlossen

Druckversion anzeigen

Gehe zu:

Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste