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
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
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
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
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
never endling story
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
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>