+- Sail the Seas (https://second-age-of-pirates.de)
+-- Forum: Charakterarea (https://second-age-of-pirates.de/forumdisplay.php?fid=5)
+--- Forum: Wanted ones (https://second-age-of-pirates.de/forumdisplay.php?fid=6)
+--- Thema: Gesuchsvorlage (/showthread.php?tid=2)
Gesuchsvorlage - Piratenkaiser - 06-30-2026
Code:
<div style="max-width: 620px; margin: 20px auto; background: #f2e9d8; color: #241c14; font-family: 'Crimson Text', Georgia, serif; box-shadow: 0 4px 20px rgba(0,0,0,.35); overflow: hidden;">
<div style="padding: 35px 40px 25px; text-align: center;">
<span style="display: block; font-family: 'Crimson Text', serif; font-size: 13px; letter-spacing: 2px; text-transform: lowercase; color: #6b1a1a; margin-bottom: -4px;">auf der suche nach einer neuen geschichte</span>
<b style="display: block; font-family: 'Cinzel', Georgia, serif; font-size: 30px; line-height: 100%; text-transform: uppercase; font-weight: 400; color: #241c14; letter-spacing: 1px;">zwei wege kreuzen sich</b>
</div>
<div style="min-height: 280px; padding: 40px 38px; position: relative; background: #1c1714; color: #e8dcc8;">
<div style="display: flex; align-items: center; gap: 18px; margin-bottom: 25px; position: relative;">
<div style="font-family: 'Crimson Text', serif; font-size: 19px; text-transform: lowercase; letter-spacing: -1px; white-space: nowrap; font-weight: bold; color: #c8973a;">gesucht</div>
<div style="position: relative; flex: 1;">
<div style="height: 8px; background: currentColor; opacity: .5; width: 100%;"></div>
<div style="position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; gap: 5px; z-index: 2; white-space: nowrap;">
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #e8dcc8; color: #1c1714;">Name</div>
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #e8dcc8; color: #1c1714;">Alter</div>
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #e8dcc8; color: #1c1714;">Zugehörigkeit</div>
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #e8dcc8; color: #1c1714;">Avatar</div>
</div>
</div>
</div>
<div style="display: flex; gap: 25px; align-items: flex-start;">
<img src="BILDURL HIER" alt="Bild hier einfügen" style="width: 150px; height: 150px; object-fit: cover; display: block; flex: 0 0 150px; border: 1px solid #3a342c;">
<div style="font-size: 12px; line-height: 175%; text-align: justify; height: 150px; overflow: auto; padding-right: 8px;">
Beschreib hier, welcher Charakter / welche Rolle gesucht wird (z. B. Alter, Zugehörigkeit, Aussehen, Charakterzüge).
</div>
</div>
</div>
<div style="min-height: 280px; padding: 40px 38px; position: relative; background: #f2e9d8; color: #241c14;">
<div style="display: flex; align-items: center; gap: 18px; margin-bottom: 25px; position: relative;">
<div style="position: relative; flex: 1;">
<div style="height: 8px; background: currentColor; opacity: .5; width: 100%;"></div>
<div style="position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; gap: 5px; z-index: 2; white-space: nowrap;">
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #241c14; color: #e8dcc8;">Name</div>
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #241c14; color: #e8dcc8;">Alter</div>
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #241c14; color: #e8dcc8;">Zugehörigkeit</div>
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #241c14; color: #e8dcc8;">Avatar</div>
</div>
</div>
<div style="font-family: 'Crimson Text', serif; font-size: 19px; text-transform: lowercase; letter-spacing: -1px; white-space: nowrap; font-weight: bold; color: #6b1a1a;">suchend</div>
</div>
<div style="display: flex; gap: 25px; align-items: flex-start;">
<div style="font-size: 12px; line-height: 175%; text-align: justify; height: 150px; overflow: auto; padding-right: 8px;">
Beschreib hier kurz den eigenen Charakter, der den Playpartner sucht.
</div>
<img src="BILDURL HIER" alt="Bild hier einfügen" style="width: 150px; height: 150px; object-fit: cover; display: block; flex: 0 0 150px; border: 1px solid #b8a97e;">
</div>
</div>
<div style="font-size: 12px; line-height: 175%; text-align: justify; height: 170px; overflow: auto; padding: 18px 22px; background: #241c14; color: #e8dcc8;">
Hier ist Platz für deine Schlussworte, Hinweise zur Dynamik, Aktivität oder wichtige Punkte zur gemeinsamen Planung.
</div>
<div style="height: 34px; background: #e6d9bd; display: flex; align-items: center; justify-content: center; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; color: #6b5c48;">Sail the Seas · second-age-of-pirates.de</div>
</div>Code:
<div style="max-width: 620px; margin: 20px auto; background: #f2e9d8; color: #241c14; font-family: 'Crimson Text', Georgia, serif; box-shadow: 0 4px 20px rgba(0,0,0,.35); overflow: hidden;">
<div style="padding: 35px 40px 25px; text-align: center;">
<span style="display: block; font-family: 'Crimson Text', serif; font-size: 13px; letter-spacing: 2px; text-transform: lowercase; color: #6b1a1a; margin-bottom: -4px;">auf der suche nach neuen geschichten</span>
<b style="display: block; font-family: 'Cinzel', Georgia, serif; font-size: 30px; line-height: 100%; text-transform: uppercase; font-weight: 400; color: #241c14; letter-spacing: 1px;">viele wege kreuzen sich</b>
</div>
<div style="min-height: 280px; padding: 40px 38px; position: relative; background: #1c1714; color: #e8dcc8; border-top: 1px solid #3a342c;">
<div style="display: flex; align-items: center; gap: 18px; margin-bottom: 25px; position: relative;">
<div style="width: 26px; height: 26px; flex: 0 0 26px; border-radius: 50%; background: #c8973a; color: #1c1714; display: flex; align-items: center; justify-content: center; font-family: 'Cinzel', serif; font-size: 12px; font-weight: 700;">1</div>
<div style="font-family: 'Crimson Text', serif; font-size: 19px; text-transform: lowercase; letter-spacing: -1px; white-space: nowrap; font-weight: bold; color: #c8973a;">gesucht</div>
<div style="position: relative; flex: 1;">
<div style="height: 8px; background: currentColor; opacity: .5; width: 100%;"></div>
<div style="position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; gap: 5px; z-index: 2; white-space: nowrap;">
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #e8dcc8; color: #1c1714;">Name</div>
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #e8dcc8; color: #1c1714;">Alter</div>
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #e8dcc8; color: #1c1714;">Zugehörigkeit</div>
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #e8dcc8; color: #1c1714;">Avatar</div>
</div>
</div>
</div>
<div style="display: flex; gap: 25px; align-items: flex-start;">
<img src="BILDURL HIER" alt="Bild hier einfügen" style="width: 150px; height: 150px; object-fit: cover; display: block; flex: 0 0 150px; border: 1px solid #3a342c;">
<div style="font-size: 12px; line-height: 175%; text-align: justify; height: 150px; overflow: auto; padding-right: 8px;">
Beschreib hier, welcher Charakter / welche Rolle gesucht wird (z. B. Alter, Zugehörigkeit, Aussehen, Charakterzüge).
</div>
</div>
</div>
<div style="min-height: 280px; padding: 40px 38px; position: relative; background: #f2e9d8; color: #241c14; border-top: 1px solid #b8a97e;">
<div style="display: flex; align-items: center; gap: 18px; margin-bottom: 25px; position: relative;">
<div style="width: 26px; height: 26px; flex: 0 0 26px; border-radius: 50%; background: #c8973a; color: #1c1714; display: flex; align-items: center; justify-content: center; font-family: 'Cinzel', serif; font-size: 12px; font-weight: 700;">2</div>
<div style="font-family: 'Crimson Text', serif; font-size: 19px; text-transform: lowercase; letter-spacing: -1px; white-space: nowrap; font-weight: bold; color: #6b1a1a;">gesucht</div>
<div style="position: relative; flex: 1;">
<div style="height: 8px; background: currentColor; opacity: .5; width: 100%;"></div>
<div style="position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; gap: 5px; z-index: 2; white-space: nowrap;">
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #241c14; color: #e8dcc8;">Name</div>
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #241c14; color: #e8dcc8;">Alter</div>
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #241c14; color: #e8dcc8;">Zugehörigkeit</div>
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #241c14; color: #e8dcc8;">Avatar</div>
</div>
</div>
</div>
<div style="display: flex; gap: 25px; align-items: flex-start;">
<div style="font-size: 12px; line-height: 175%; text-align: justify; height: 150px; overflow: auto; padding-right: 8px;">
Beschreib hier, welcher Charakter / welche Rolle gesucht wird (z. B. Alter, Zugehörigkeit, Aussehen, Charakterzüge).
</div>
<img src="BILDURL HIER" alt="Bild hier einfügen" style="width: 150px; height: 150px; object-fit: cover; display: block; flex: 0 0 150px; border: 1px solid #b8a97e;">
</div>
</div>
<div style="min-height: 280px; padding: 40px 38px; position: relative; background: #1c1714; color: #e8dcc8; border-top: 1px solid #3a342c;">
<div style="display: flex; align-items: center; gap: 18px; margin-bottom: 25px; position: relative;">
<div style="width: 26px; height: 26px; flex: 0 0 26px; border-radius: 50%; background: #c8973a; color: #1c1714; display: flex; align-items: center; justify-content: center; font-family: 'Cinzel', serif; font-size: 12px; font-weight: 700;">3</div>
<div style="font-family: 'Crimson Text', serif; font-size: 19px; text-transform: lowercase; letter-spacing: -1px; white-space: nowrap; font-weight: bold; color: #c8973a;">gesucht</div>
<div style="position: relative; flex: 1;">
<div style="height: 8px; background: currentColor; opacity: .5; width: 100%;"></div>
<div style="position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; gap: 5px; z-index: 2; white-space: nowrap;">
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #e8dcc8; color: #1c1714;">Name</div>
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #e8dcc8; color: #1c1714;">Alter</div>
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #e8dcc8; color: #1c1714;">Zugehörigkeit</div>
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #e8dcc8; color: #1c1714;">Avatar</div>
</div>
</div>
</div>
<div style="display: flex; gap: 25px; align-items: flex-start;">
<img src="BILDURL HIER" alt="Bild hier einfügen" style="width: 150px; height: 150px; object-fit: cover; display: block; flex: 0 0 150px; border: 1px solid #3a342c;">
<div style="font-size: 12px; line-height: 175%; text-align: justify; height: 150px; overflow: auto; padding-right: 8px;">
Beschreib hier, welcher Charakter / welche Rolle gesucht wird (z. B. Alter, Zugehörigkeit, Aussehen, Charakterzüge).
</div>
</div>
</div>
<div style="min-height: 280px; padding: 40px 38px; position: relative; background: #f2e9d8; color: #241c14; border-top: 1px solid #b8a97e;">
<div style="display: flex; align-items: center; gap: 18px; margin-bottom: 25px; position: relative;">
<div style="width: 26px; height: 26px; flex: 0 0 26px; border-radius: 50%; background: #c8973a; color: #1c1714; display: flex; align-items: center; justify-content: center; font-family: 'Cinzel', serif; font-size: 12px; font-weight: 700;">4</div>
<div style="font-family: 'Crimson Text', serif; font-size: 19px; text-transform: lowercase; letter-spacing: -1px; white-space: nowrap; font-weight: bold; color: #6b1a1a;">gesucht</div>
<div style="position: relative; flex: 1;">
<div style="height: 8px; background: currentColor; opacity: .5; width: 100%;"></div>
<div style="position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; gap: 5px; z-index: 2; white-space: nowrap;">
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #241c14; color: #e8dcc8;">Name</div>
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #241c14; color: #e8dcc8;">Alter</div>
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #241c14; color: #e8dcc8;">Zugehörigkeit</div>
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #241c14; color: #e8dcc8;">Avatar</div>
</div>
</div>
</div>
<div style="display: flex; gap: 25px; align-items: flex-start;">
<div style="font-size: 12px; line-height: 175%; text-align: justify; height: 150px; overflow: auto; padding-right: 8px;">
Beschreib hier, welcher Charakter / welche Rolle gesucht wird (z. B. Alter, Zugehörigkeit, Aussehen, Charakterzüge).
</div>
<img src="BILDURL HIER" alt="Bild hier einfügen" style="width: 150px; height: 150px; object-fit: cover; display: block; flex: 0 0 150px; border: 1px solid #b8a97e;">
</div>
</div>
<div style="min-height: 280px; padding: 40px 38px; position: relative; background: #1c1714; color: #e8dcc8; border-top: 2px solid #6b1a1a;">
<div style="display: flex; align-items: center; gap: 18px; margin-bottom: 25px; position: relative;">
<div style="position: relative; flex: 1;">
<div style="height: 8px; background: currentColor; opacity: .5; width: 100%;"></div>
<div style="position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; gap: 5px; z-index: 2; white-space: nowrap;">
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #e8dcc8; color: #1c1714;">Name</div>
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #e8dcc8; color: #1c1714;">Alter</div>
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #e8dcc8; color: #1c1714;">Zugehörigkeit</div>
<div style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 4px 8px; background: #e8dcc8; color: #1c1714;">Avatar</div>
</div>
</div>
<div style="font-family: 'Crimson Text', serif; font-size: 19px; text-transform: lowercase; letter-spacing: -1px; white-space: nowrap; font-weight: bold; color: #c8973a;">suchend</div>
</div>
<div style="display: flex; gap: 25px; align-items: flex-start;">
<div style="font-size: 12px; line-height: 175%; text-align: justify; height: 150px; overflow: auto; padding-right: 8px;">
Beschreib hier kurz den eigenen Charakter, der die Playpartner sucht.
</div>
<img src="BILDURL HIER" alt="Bild hier einfügen" style="width: 150px; height: 150px; object-fit: cover; display: block; flex: 0 0 150px; border: 1px solid #3a342c;">
</div>
</div>
<div style="font-size: 12px; line-height: 175%; text-align: justify; height: 170px; overflow: auto; padding: 18px 22px; background: #241c14; color: #e8dcc8;">
Hier ist Platz für deine Schlussworte, Hinweise zur Dynamik, Aktivität oder wichtige Punkte zur gemeinsamen Planung.
</div>
<div style="height: 34px; background: #e6d9bd; display: flex; align-items: center; justify-content: center; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; color: #6b5c48;">Sail the Seas · second-age-of-pirates.de</div>
</div>RE: Gesuchsvorlage - Val Aurelian - 07-11-2026
Code:
<div style="width: 620px; background: #f2e9d8; color: #241c14; font-family: 'Crimson Text', Arial, sans-serif; margin: 20px auto; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,.35); border-radius: 16px;">
<div style="background: #6b1a1a; padding: 18px 18px 22px;">
<div style="display: flex; align-items: center; justify-content: center; gap: 16px;">
<img src="https://placehold.co/110x110/241c14/f2e9d8?text=Bild" style="width: 110px; height: 110px; object-fit: cover; display: block; border-radius: 18px; border: 2px solid #f2e9d8;">
<div style="text-align: center; padding: 0 6px;">
<div style="font-family: 'Cinzel', Georgia, serif; font-size: 22px; line-height: 110%; color: #f2e9d8; text-transform: uppercase; letter-spacing: 1px;">zwei wege, eine geschichte</div>
<div style="display: flex; align-items: center; gap: 9px; margin: 10px 0 6px;">
<div style="flex: 1; height: 1px; background: rgba(242,233,216,.5);"></div>
<span style="font-size: 12px; color: #f2e9d8;">⚓</span>
<div style="flex: 1; height: 1px; background: rgba(242,233,216,.5);"></div>
</div>
<div style="text-transform: uppercase; letter-spacing: 2px; font-size: 8px; color: #f2e9d8; opacity: .8;">gemeinsam auf hoher see</div>
</div>
<img src="https://placehold.co/110x110/241c14/f2e9d8?text=Bild" style="width: 110px; height: 110px; object-fit: cover; display: block; border-radius: 18px; border: 2px solid #f2e9d8;">
</div>
</div>
<div style="padding: 18px;">
<div style="display: flex; align-items: flex-start; justify-content: space-between; gap: 14px;">
<div style="width: 190px; flex: 0 0 190px;">
<div style="font-family: 'Cinzel', Georgia, serif; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #f2e9d8; background: #6b1a1a; padding: 6px; text-align: center; border-radius: 6px 6px 0 0;">Gesucht</div>
<div style="font-size: 11px; text-align: justify; color: #241c14; height: 170px; overflow: auto; padding: 10px; background: #e6d9bd; border-radius: 0 0 6px 6px; margin-bottom: 8px;">Beschreib hier, welcher Charakter / welche Rolle gesucht wird — Alter, Zugehörigkeit, Aussehen, Charakterzüge und was dir sonst noch wichtig ist.</div>
<div style="display: flex; flex-wrap: wrap; gap: 4px;">
<div style="background: #6b1a1a; color: #f2e9d8; font-size: 9px; text-transform: uppercase; padding: 5px 9px; border-radius: 20px;">Name</div>
<div style="background: #6b1a1a; color: #f2e9d8; font-size: 9px; text-transform: uppercase; padding: 5px 9px; border-radius: 20px;">Alter</div>
<div style="background: #6b1a1a; color: #f2e9d8; font-size: 9px; text-transform: uppercase; padding: 5px 9px; border-radius: 20px;">Zugehörigkeit</div>
<div style="background: #6b1a1a; color: #f2e9d8; font-size: 9px; text-transform: uppercase; padding: 5px 9px; border-radius: 20px;">Face Claim</div>
</div>
</div>
<div style="width: 190px; flex: 0 0 190px;">
<div style="font-family: 'Cinzel', Georgia, serif; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #f2e9d8; background: #6b1a1a; padding: 6px; text-align: center; border-radius: 6px 6px 0 0;">Suchend</div>
<div style="font-size: 11px; text-align: justify; color: #241c14; height: 170px; overflow: auto; padding: 10px; background: #e6d9bd; border-radius: 0 0 6px 6px; margin-bottom: 8px;">Beschreib hier kurz den eigenen Charakter, der den Playpartner sucht — wer er ist, was ihn bewegt, worauf er hofft.</div>
<div style="display: flex; flex-wrap: wrap; gap: 4px;">
<div style="background: #6b1a1a; color: #f2e9d8; font-size: 9px; text-transform: uppercase; padding: 5px 9px; border-radius: 20px;">Name</div>
<div style="background: #6b1a1a; color: #f2e9d8; font-size: 9px; text-transform: uppercase; padding: 5px 9px; border-radius: 20px;">Alter</div>
<div style="background: #6b1a1a; color: #f2e9d8; font-size: 9px; text-transform: uppercase; padding: 5px 9px; border-radius: 20px;">Zugehörigkeit</div>
<div style="background: #6b1a1a; color: #f2e9d8; font-size: 9px; text-transform: uppercase; padding: 5px 9px; border-radius: 20px;">Face Claim</div>
</div>
</div>
<div style="width: 190px; flex: 0 0 190px;">
<div style="font-size: 11px; line-height: 175%; text-align: justify; color: #241c14; height: 246px; overflow: auto; padding: 12px; background: #e6d9bd; border-radius: 6px;">Beschreib hier deine Idee für die gemeinsame Geschichte — wie könnten sich die Charaktere kennenlernen, welche Konflikte oder Themen interessieren dich?
<div style="font-family: 'Cinzel', Georgia, serif; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; text-align: center; color: #f2e9d8; background: #6b1a1a; padding: 5px 8px; margin: 10px 0; border-radius: 20px;">Schlussworte</div>
Platz für Wünsche zum Schreibstil, Posthäufigkeit, Tabuthemen oder alles andere, was der potenzielle Playpartner wissen sollte.</div>
</div>
</div>
</div>
<div style="height: 65px; background: #6b1a1a; display: flex; align-items: center; justify-content: center; gap: 22px; font-size: 10px; letter-spacing: 1px; text-transform: uppercase;">
<a href="https://second-age-of-pirates.de/index.php" style="color: #e6d9bd; text-decoration: none;">Forum</a>
<a href="https://second-age-of-pirates.de/rpglists.php" style="color: #e6d9bd; text-decoration: none;">Listen</a>
<a href="https://second-age-of-pirates.de/showthread.php?tid=7&pid=9#pid9" style="color: #e6d9bd; text-decoration: none;">Regeln</a>
</div>
</div>