Gestern, 12:56 PM
(Dieser Beitrag wurde zuletzt bearbeitet: Gestern, 12:58 PM von Valeria Marigold.)
GESUCHSTITEL
.EIN KLEINER TEXT.
.EIN KLEINER TEXT.
Wer sucht? [xxx]
Was wird gesucht? [xxx]
Sonstiges [xxx]
|
Titel
Name | Alter | Sonstiges Die Gesuchte 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. Status | Avatarperson
|
|
Titel
Name | Alter | Sonstiges Die Gesuchte 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. Status | Avatarperson
|
Schlusswort: 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.
FANTASY | KEINE MPL | Whitelist | Spieljahr
Code:
<div style="background: #151515; border: 10px solid #212121; outline: 1px solid #212121; color: #828282; text-align: justify; margin: 30px auto; width: 430px; font-family: Arial, sans-serif;">
<div style="margin-bottom: -1px; background: #623146; border: 1px solid #212121; padding: 15px 50px; color: #151515; text-transform: uppercase; font: 900 28px/1.1em 'Playfair Display', serif; height: 100px; display: flex; align-items: center; flex-wrap: wrap; align-content: center; justify-content: center; text-align: center;">
GESUCHSTITEL
<span style="display: block; font: 800 8px Calibri, sans-serif; letter-spacing: 3px; width: 100%;">.EIN KLEINER TEXT.</span>
</div>
<div style="display: block; border: 1px solid #212121; padding: 30px; font: 11px/1.4em Arial, sans-serif;">
<div class="container">
<div class="content">
<!-- Wer sucht? -->
<b>Wer sucht?</b> [xxx]<br><br>
<!-- Wer wird gesucht? -->
<b>Was wird gesucht?</b> [xxx]<br><br>
<!-- Sonstiges -->
<b>Sonstiges</b> [xxx]
<!-- Erste Ergebnis -->
<div style="margin-top:px;">
<table cellspacing=0 cellpadding=0 style="width:auto;">
<tr>
<td>
<div style="background-color:#5a2824;border-radius:px;padding:px;text-align:center;">
<img src="https://via.placeholder.com/100x100/C3C1BF/151e20/" style="width:auto;height:auto;border-radius:px;">
</div>
</td>
<td style="padding-left:px;">
<div style="background-color:#393939;padding:px;border-radius:px;">
<b>Titel</b><br>
Name | Alter | Sonstiges<br><br>
<b>Die Gesuchte</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.
</div>
<div class="search-info">Status | Avatarperson</div>
</div>
</td>
</tr>
</table>
</div>
<!-- Zweites Ergebnis -->
<div style="margin-top:px;">
<table cellspacing=0 cellpadding=0 style="width:auto;">
<tr>
<td>
<div style="background-color:#5a2824;border-radius:px;padding:px;text-align:center;">
<img src="https://via.placeholder.com/100x100/C3C1BF/151e20/" style="width:auto;height:auto;border-radius:px;">
</div>
</td>
<td style="padding-left:px;">
<div style="background-color:#393939;padding:px;border-radius:px;">
<b>Titel</b><br>
Name | Alter | Sonstiges<br><br>
<b>Die Gesuchte</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.
</div>
<div class="search-info">Status | Avatarperson</div>
</div>
</td></tr></table></div>
<!-- Schlusswort -->
<div style="margin-top:px;"><b>Schlusswort:</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.</div>
<!-- Links -->
<div class="search-info"><a href="#">Forum</a> | <a href="#">Gesuch</a></div>
<!-- Weitere Infos -->
<div class="search-info" style="margin-top:-10px;">FANTASY | KEINE MPL | Whitelist | Spieljahr</div>
</div><!-- Ende content -->
</div><!-- Ende container -->
</div>
<div style="display: flex; flex-wrap: wrap; height: 45px; overflow: hidden; border: 1px solid #623146a1; margin: -1px 0;">
<span style="color: #d89ea7; background: #393939; outline: 1px solid #623146a1; width: 60px; display: flex; align-items: center; justify-content: center; font-size: 30px;">☘</span>
<div style="font: 700 12px/1.25 'Poppins', sans-serif; text-transform: uppercase; padding: 0 20px; background: #623146a1; color: #828282; width: 328px; align-items: center; align-content: center; flex-grow: 1; text-align: center; display: flex; flex-wrap: wrap; justify-content: center;">
That time's just holding me down
<span style="display: block; width: 100%; font-size: 7px; letter-spacing: 2px; font-weight: 500;">I gotten this feeling</span>
</div>
</div>
</div>