Dieses Forum nutzt Cookies
Dieses Forum verwendet Cookies, um deine Login-Informationen zu speichern, wenn du registriert bist, und deinen letzten Besuch, wenn du es nicht bist. Cookies sind kleine Textdokumente, die auf deinem Computer gespeichert sind; Die von diesem Forum gesetzten Cookies düfen nur auf dieser Website verwendet werden und stellen kein Sicherheitsrisiko dar. Cookies auf diesem Forum speichern auch die spezifischen Themen, die du gelesen hast und wann du zum letzten Mal gelesen hast. Bitte bestätige, ob du diese Cookies akzeptierst oder ablehnst.

Ein Cookie wird in deinem Browser unabhängig von der Wahl gespeichert, um zu verhindern, dass dir diese Frage erneut gestellt wird. Du kannst deine Cookie-Einstellungen jederzeit über den Link in der Fußzeile ändern.

Vorlage Gruppengesuche
#1
Titel des Gesuchs

Der Suchende


Name: Angabe
Alter: Angabe
Beruf: Angabe
Avatar: Angabe


Die Gesuchten

Name des Charakters 1: Kurze Beschreibung des Charakters
Name des Charakters 2: Kurze Beschreibung des Charakters
Name des Charakters 3: Kurze Beschreibung des Charakters


Zukunft

Wie stehen die Chraktere zueinender? Was wünscht du dir für die gemeinsame Zukunft?

Informationen
Sonstiges: Noch Kommentare? Fügt gern ein paar Infos zu euren Postinggewohnheiten hinzu.
Avatarvorschläge: Habt ihr einen Wunsch?


Code:
[align=center][b][size=large]Titel des Gesuchs[/size][/b][/align]

[align=center][size=medium][b]Der Suchende[/b][/size][/align]


[align=center]
[align=left][b]Name:[/b] Angabe
[b]Alter:[/b] Angabe
[b]Beruf:[/b] Angabe
[b]Avatar:[/b] Angabe[/align]
[/align]


[align=center][b][size=medium]Die Gesuchten[/size][/b]

[align=left][b]Name des Charakters 1:[/b] Kurze Beschreibung des Charakters
[b]Name des Charakters 2:[/b] Kurze Beschreibung des Charakters
[b]Name des Charakters 3:[/b] Kurze Beschreibung des Charakters[/align]
[/align]


[align=center][b][size=medium]Zukunft[/size][/b]

[align=left]Wie stehen die Chraktere zueinender? Was wünscht du dir für die gemeinsame Zukunft?[/align]
[/align]

[align=center][b][size=medium]Informationen[/size][/b][/align]
[align=center]
[align=left][b]Sonstiges:[/b] Noch Kommentare? Fügt gern ein paar Infos zu euren Postinggewohnheiten hinzu.
[b]Avatarvorschläge:[/b] Habt ihr einen Wunsch?[/align]
[/align]

Solltet ihr Vorlagen aus dem Storming Gates oder anderen Quellen verwenden, müssen die Nutzungsbedingungen des Erstellers beachtet werden (z.B. sichtbare Credits).
#2
Zur ausschließlichen Nutzung im und für das Sweet Illusion. Bitte verzichtet auf Änderungen des Codes.
Grafiken müssen auf 200x100 angepasst werden.

Gesuchstitel
HIER KANN EIN RECHT LANGER KREATIVER UNTERTITEL STEHEN

Vorname langer Nachname
XX Jahre - Beruf
Avatarperson
FAKT #1
FAKT #2
langer FAKT #3
noch ein FAKT #4
FAKT #5
FAKT #6
FAKT #7
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Wehmütig lief ihm eine rhetorische Frage über die Wange, dann setzte es seinen Weg fort. Unterwegs traf es eine Copy.
FREI / RESERVIERT / VERGEBEN
Wanted
Vorname Nachname
XX Jahre - Beruf
Avatarvorschlag
FAKT #1
FAKT #2
langer FAKT #3
noch ein FAKT #4
FAKT #5
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Wehmütig lief ihm eine rhetorische Frage über die Wange, dann setzte es seinen Weg fort. Unterwegs traf es eine Copy.

  • Ein paar Stichpunkte gefällig?
  • falls nicht, einfach alles auslöschen von
    Code:
    <ul> bis </ul>
  • Listenpunkt
  • Listenpunkt

FREI / RESERVIERT / VERGEBEN

Vorname Nachname
XX Jahre - Beruf
Avatarperson
FAKT #1
FAKT #2
langer FAKT #3
noch ein FAKT #4
FAKT #5
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Wehmütig lief ihm eine rhetorische Frage über die Wange, dann setzte es seinen Weg fort. Unterwegs traf es eine Copy.
FREI / RESERVIERT / VERGEBEN

Zukunft
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg.
Informationen
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren.



Code:
<div class="sweetgesuch">
<div class="sweetheadline">Gesuchstitel</div>
<div class="sweetsubtitle">HIER KANN EIN RECHT LANGER KREATIVER UNTERTITEL STEHEN</div>
<div style="display: flex;"><img src="https://via.placeholder.com/200x100" class="sweetavapic">
<div class="sweetinfobox">
<div class="sweetname">Vorname langer Nachname</div>
<div class="sweetinfos">XX Jahre - Beruf </div>
<div class="sweetinfos">Avatarperson</div></div>
</div>
<div class="sweetgesuchfact">FAKT #1</div><div class="sweetgesuchfact">FAKT #2</div><div class="sweetgesuchfact">langer FAKT #3</div><div class="sweetgesuchfact">noch ein FAKT #4</div><div class="sweetgesuchfact">FAKT #5</div><div class="sweetgesuchfact">FAKT #6</div><div class="sweetgesuchfact">FAKT #7</div>
<div class="sweetinfotext">Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die <b>Blindtexte</b>. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war <u>Lorem Ipsum</u>, hinaus zu gehen in die weite <i>Grammatik</i>. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt <b>Buchstabhausen</b>, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Wehmütig lief ihm eine rhetorische Frage über die Wange, dann setzte es seinen Weg fort. Unterwegs traf es eine Copy.</div>
<div class="sweetstatus">FREI / RESERVIERT / VERGEBEN</div>
  <div class="sweetheadline2">Wanted</div>
<div style="display: flex;"><div class="sweetinfobox2">
<div class="sweetname">Vorname Nachname</div>
<div class="sweetinfos">XX Jahre -  Beruf </div>
<div class="sweetinfos">Avatarvorschlag</div></div>
<img src="https://via.placeholder.com/200x100" class="sweetavapic"></div>
<div class="sweetgesuchfact">FAKT #1</div><div class="sweetgesuchfact">FAKT #2</div><div class="sweetgesuchfact">langer FAKT #3</div><div class="sweetgesuchfact">noch ein FAKT #4</div><div class="sweetgesuchfact">FAKT #5</div>
<div class="sweetinfotext">Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die <b>Blindtexte</b>. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite <i>Grammatik</i>. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Wehmütig lief ihm eine rhetorische Frage über die Wange, dann setzte es seinen Weg fort. Unterwegs traf es eine Copy.

<ul>
<li>Ein paar Stichpunkte gefällig?</li>
<li>falls nicht, einfach alles auslöschen von <<ul> bis <</ul></li>
<li>Listenpunkt</li>
<li>Listenpunkt</li>
</ul>

</div>
<div class="sweetstatus">FREI / RESERVIERT / VERGEBEN</div>
<div class="sweetheadline2">Zukunft</div>
<div class="sweetinfotext">Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die <b>Blindtexte</b>. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite <i>Grammatik</i>. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. </div>
<div class="sweetheadline2">Informationen</div>
<div class="sweetinfotext">Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die <b>Blindtexte</b>. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite <i>Grammatik</i>. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. </div>
<div style="display: flex;">
<div class="sweetlink">Sweet Illusion</div>
  <div class="sweetlink">FSK 18</div>
<div class="sweetlink"><a href="https://www.sweet-illusion-rpg.de" target="_blank">Zum Forum</a></div></div></div>

<style>:root { --pfarbe1: #b3bbc1; --pfarbe2: #ffffff21; --pfarbe3: #dddedd36; --pfarbe4: #bebebe; --pfarbe5: #8795a2; --pfarbe6: #dedcd7; --pfarbe7: #1c3142; --pfarbe8: #a8a089;} .sweetgesuch { max-width: 500px; width: 100%; background:var(--pfarbe2); border: 2px solid var(--pfarbe3); box-sizing: border-box; padding: 20px; margin: auto; font-family: Arial; } .sweetheadline {background:var(--pfarbe3); letter-spacing: 1px; padding: 5px 0; font-size: 22px; font-weight: 500; text-align: center; text-transform: uppercase; padding: 5px 10px; margin: 10px 0 5px 0; font-family: 'Poppins',sans-serif; line-height: 22px; } .sweetheadline2 { text-align: center; text-transform: uppercase;letter-spacing: 1px; padding: 5px 0; font-size: 18px; font-weight: 400; background: var(--pfarbe3); padding: 5px 10px; margin: 0 0 10px 0; font-family: 'Poppins',sans-serif; line-height: 22px; } .sweetsubtitle { font-family: Arial; text-transform: uppercase; font-size: 11px; text-align: center; margin-bottom:30px; } .sweetname { font-size: 16px; font-weight: 500; text-align: center; text-transform: uppercase; padding: 5px 5px 0 5px; margin: 0 0px 10px 0px; font-family: 'Poppins',serif; } .sweetinfos{ margin-bottom:0px; } .sweetinfotext { font-size: 12px; text-align: justify; padding: 2px 4px; height: auto; margin-top: 5px; box-sizing: border-box; margin:5px; } .sweetinfobox{ width: 100%; padding: 5px; margin-left: 5px; text-transform: uppercase; font-size: 11px; text-align: center; letter-spacing: 1px; height: 110px; } .sweetinfobox2 { width: 100%; padding: 5px; margin-right: 5px; text-transform: uppercase; font-size: 11px; text-align: center; letter-spacing: 1px; height: 110px; } .sweetstatus { margin-top: 5px; margin-bottom: 5px; color: #fff; font-size: 10px; font-weight: 600; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; padding: 2px; padding-right: 10px; padding-left: 10px; text-align: center; background: var(--pfarbe5); } .sweetinfotext b { font-weight: 700; text-transform: uppercase; color:var(--pfarbe5); } .sweetinfotext  i { font-style: italic;color: var(--pfarbe5) } .sweetinfotext  u { text-decoration-style:double; } .sweetavapic { width: 200px; height: 100px; background: var(--gfarbe5); border: 5px solid var(--pfarbe1);object-fit: cover; } .sweetlink { width: 166px; margin: 10px 5px 0; font-size: 9px; font-weight: 600; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; color: #fff!important; padding: 2px; padding-right: 6px; padding-left: 6px; text-align: center; background: var(--pfarbe5) } .sweetlink a{ color:var(--pfarbe7)!important; } .sweetgesuchfact{width: fit-content; margin: 10px 5px 0; font-size: 9px; font-weight: 600; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; color: #fff!important; padding: 2px; padding-right: 6px; padding-left: 6px; text-align: center; background: var(--pfarbe5);display: inline-flex; } </style>

Weitere Charaktere hinzufügen?

Code:
<div style="display: flex;"><div class="sweetinfobox2">
<div class="sweetname">Vorname Nachname</div>
<div class="sweetinfos">XX Jahre -  Beruf </div>
<div class="sweetinfos">Avatarperson</div></div>
<img src="https://via.placeholder.com/220x120" class="sweetavapic"></div>
<div class="sweetgesuchfact">FAKT #1</div><div class="sweetgesuchfact">FAKT #2</div><div class="sweetgesuchfact">langer FAKT #3</div><div class="sweetgesuchfact">noch ein FAKT #4</div><div class="sweetgesuchfact">FAKT #5</div>
<div class="sweetinfotext">Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die <b>Blindtexte</b>. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite <i>Grammatik</i>. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Wehmütig lief ihm eine rhetorische Frage über die Wange, dann setzte es seinen Weg fort. Unterwegs traf es eine Copy.</div>
<div class="sweetstatus">FREI / RESERVIERT / VERGEBEN</div>

direkt unter

Code:
<div class="sweetstatus">FREI / RESERVIERT / VERGEBEN</div>

Noch mehr Fakten gewünscht? Dann füge folgendes ein:
Code:
<div class="sweetgesuchfact">FAKT #1</div>
#3
Zur ausschließlichen Nutzung im und für das Sweet Illusion. Bitte verzichtet auf Änderungen des Codes.
Grafiken werden automatisch angepasst.

Titel des Gesuchs
Untertitel

Langer Vorname langer Nachname
Beruf: Angabe zum Beruf | Alter: xx Jahre
Avatarvorschlag: Vorname Nachname
Charakterbild

Weitere Informationen über den Charakter...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.


Wanted 1: Vorname Nachname
Beruf: Angabe zum Beruf | Alter: xx Jahre
Avatarvorschlag: Vorname Nachname

Weitere Informationen über den gesuchten Charakter... 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.


Wanted 2: Vorname Nachname
Beruf: Angabe zum Beruf | Alter: xx Jahre
Avatarvorschlag: Vorname Nachname

Weitere Informationen über den gesuchten Charakter... 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.


Wanted 3: Vorname Nachname
Beruf Angabe zum Beruf | Alter: xx Jahre
Avatarvorschlag: Vorname Nachname

Weitere Informationen über den gesuchten Charakter... 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.


Letzte Worte

Fließtext mit abschließenden Informationen... 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.


Real Life
Long Beach (Kalifornien)
FSK 18






Code:
<div class="illu-container">
  <div class="illu-gesuchtitle">Titel des Gesuchs</div>
  <div class="illu-gesuchsubtitle">Untertitel</div>

  <div class="illu-gesuch-info">
    <div class="illu-gesuchname"><b>Langer Vorname langer Nachname</b></div>
    <div class="illu-charinfo"><b>Beruf:</b> Angabe zum Beruf | <b>Alter:</b> xx Jahre </div>
    <div class="illu-charinfo"><b>Avatarvorschlag:</b> Vorname Nachname</div>
    <img src="https://sweet-illusion-rpg.de/designs/carbon/BackLankyGangesdolphin-size_restricted-2-2.gif" alt="Charakterbild"><p>Weitere Informationen über den Charakter...Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy <i>eirmod tempor</i> 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 <u>ipsum dolor sit</u> amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et <b>dolore magna</b> 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.</p>
  </div>

<div class="illu-gesuch-info">
    <div class="illu-gesuchname"><b>Wanted 1</b>: Vorname Nachname</div>
    <div class="illu-charinfo"><b>Beruf:</b> Angabe zum Beruf | <b>Alter:</b> xx Jahre </div>
    <div class="illu-charinfo"><b>Avatarvorschlag:</b> Vorname Nachname</div>
    <img src="https://sweet-illusion-rpg.de/designs/carbon/BackLankyGangesdolphin-size_restricted-2-2.gif"><p>Weitere Informationen über den gesuchten Charakter... Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed <u>diam nonumy eirmod tempor</u> 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>sed diam</b> 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.</p>
  </div>
  
<div class="illu-gesuch-info">
    <div class="illu-gesuchname"><b>Wanted 2</b>: Vorname Nachname</div>
    <div class="illu-charinfo"><b>Beruf:</b> Angabe zum Beruf | <b>Alter:</b> xx Jahre </div>
    <div class="illu-charinfo"><b>Avatarvorschlag:</b> Vorname Nachname</div>
    <img src="https://sweet-illusion-rpg.de/designs/carbon/BackLankyGangesdolphin-size_restricted-2-2.gif"><p>Weitere Informationen über den gesuchten Charakter... Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed <u>diam nonumy eirmod tempor</u> 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>sed diam</b> 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.</p>
  </div>
  
    <div class="illu-gesuch-info">
    <div class="illu-gesuchname"><b>Wanted 3</b>: Vorname Nachname</div>
    <div class="illu-charinfo"><b>Beruf</b> Angabe zum Beruf | <b>Alter:</b> xx Jahre </div>
    <div class="illu-charinfo"><b>Avatarvorschlag:</b> Vorname Nachname</div>
    <img src="https://sweet-illusion-rpg.de/designs/carbon/BackLankyGangesdolphin-size_restricted-2-2.gif"><p>Weitere Informationen über den gesuchten Charakter... Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed <u>diam nonumy eirmod tempor</u> 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>sed diam</b> 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.</p>
  </div>

  <div class="illu-gesuch-info">
    <div class="illu-gesuchfinale"><b>Letzte Worte</b></div>
    <p>Fließtext mit abschließenden Informationen... Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt <b>ut labore et dolore</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 <i>eirmod tempor</i> 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.</p>
  </div>

<div class="illu-allabout"><div class="illu-gesuchforum-link"><a href="https://sweet-illusion-rpg.de//index.php" target="_blank"><b>ZUM FORUM</b></a></p></div><div class="illu-gesuchfact"><span class="illu-gesuchfact-label"><b>Real Life</b></span></div><div class="illu-gesuchfact"><span class="illu-gesuchfact-label"><b>Long Beach (Kalifornien)</b></span></div><div class="illu-gesuchfact"><span class="illu-gesuchfact-label"><b>FSK 18</b></span></div></div>
</div>

<style>@font-face { font-family: "Abril Fatface"; src: url("https://www.veritas-rpg.de/fonts/abril-fatface-v19-latin-regular.woff2") format("woff2"), url("https://www.veritas-rpg.de/fonts/abril-fatface-v19-latin-regular.woff") format("woff"); font-weight: normal; } :root { --gfarbe1: #416d67!important; --gfarbe2: #ffffff21; --gfarbe3: #dddedd; --gfarbe4: #f1f5f8; --gfarbe5: #779a97; --gfarbe6: #dedcd7; --gfarbe7: #090f0b; --gfarbe8: #a8a089; --gfarbe9: #e8e7e3; } .illu-container { width: 500px; background-color: var(--gfarbe2); margin: auto; line-height: 24px; border: 10px solid var(--farbe4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .illu-gesuchtitle { color: var(--gfarbe1); font-size: 25px; line-height: 36px; font-family: "Abril Fatface"; text-transform:uppercase; text-align: center; letter-spacing: 2px; padding-top: 15px; border-bottom: 2.5px solid var(--gfarbe1); text-shadow: 1px -1px 0px var(--gfarbe6); } .illu-gesuchsubtitle { text-transform: uppercase; font-size: 15px; margin-top: 2px; text-align: center; color: var(--gfarbe7); font-weight: 300; font-family: 'Arial',sans-serif; background: var(--gfarbe2); } .illu-gesuch-info img { width: 140px; height:140px; object-fit:cover; margin-top: 10px; float:left; margin-right:23px; padding: 5px; border-radius: 50%; border-top: 2px solid transparent; border-bottom: 2px solid transparent; border-right: 2px solid var(--gfarbe1); border-left: 2px solid var(--gfarbe1);  } .illu-gesuch-info { margin: 10px auto; padding: 0px 20px 0px 20px; background-color: var(--gfarbe2); font-family: Arial, sans-serif; color: var(--gfarbe7); text-align: justify; } .illu-gesuch-info u { text-decoration: none; font-family: 'Arial',sans-serif; font-weight: bold; font-size: 14px; border-bottom: 3px solid var(--gfarbe1);} .illu-gesuch-info b{color:var(--gfarbe7);}.illu-gesuch-info i {color: var(--gfarbe1);font-size: 13px;font-weight: bold;text-transform: uppercase; } .illu-gesuchname{ text-transform: uppercase; font-size: 14px; margin-top: 5px; text-align: center; color: #222427; font-family: 'Arial',sans-serif; background: var(--gfarbe3); margin-bottom: 5px; padding: 3px; } .illu-charinfo{ text-align:center; font-size:13px; background:var(--gfarbe6); margin-bottom:5px; padding: 3px; } .illu-gesuchfinale{ text-transform: uppercase; font-size: 16px; margin-top: 5px; padding: 3px; text-align: center; color: #222427; font-family: 'Arial',sans-serif; background: var(--gfarbe3); } .illu-gesuch-info p { margin: 0; padding-top: 5px; font-size:13px; } .illu-gesuchforum-link { display: inline-block; } .illu-gesuchforum-link a { display: inline-block; margin-right: 10px; color: var(--gfarbe1); text-decoration: none; font-size: 12px; border: 1px solid var(--gfarbe1); padding: 5px 10px; background: var(--gfarbe6); font-family: 'Arial',sans-serif; text-transform: uppercase;} .illu-allabout{ text-align:center; } .illu-allabout b{color:var(--gfarbe7);} .illu-gesuchfact { display: inline-block; } .illu-gesuchfact-label { display: inline-block; margin-right: 5px; color: var(--gfarbe1); text-decoration: none; font-size: 11px; border: 1px solid var(--gfarbe1); padding: 5px 10px; background: var(--gfarbe6); font-family: 'Arial',sans-serif; text-transform: uppercase; }</style>

Wenn mehr Charaktere hinzugefügt werden sollten, dann kopiert euch bitte diesen Teil und fügt ihn direkt über
Code:
<div class="illu-gesuch-info">
ein.

Code:
<div class="illu-gesuch-info">
    <div class="illu-gesuchname"><b>Wanted X</b>: Vorname Nachname</div>
    <div class="illu-charinfo"><b>Beruf</b> Angabe zum Beruf | <b>Alter:</b> xx Jahre </div>
    <div class="illu-charinfo"><b>Avatarvorschlag:</b> Vorname Nachname</div>
    <img src="https://sweet-illusion-rpg.de/designs/carbon/BackLankyGangesdolphin-size_restricted-2-2.gif"><p>Weitere Informationen über den gesuchten Charakter... Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed <u>diam nonumy eirmod tempor</u> 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>sed diam</b> 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.</p>
  </div>


Gehe zu:


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