08.04.2023, 18:33 - Wörter:
Hinweise zur Charaktervorstellung
In diesem Bereich habt ihr die Möglichkeit ein Thema zu erstellen und dort nach Anschlüssen für euren geplanten Charakter zu suchen. Erstellt bitte für jeden geplanten Charakter ein separates Thema.
Themen im Bereich der 'Vorstellung' werden nach der Registrierung des Charakters ins Archiv verschoben.
Sollte von dem Vorstellenden keine Rückmeldung auf Angebote erfolgen, wird der Thread 7 Tage nach der letzten Meldung desjenigen, ebenso ins Archiv verschoben.
Ihr dürft bei Bedarf unseren boardinternen Code zur Vorstellung nutzen. Bitte verzichtet auf Änderungen des Codes und achtet bei Nutzung von Codes anderer Ersteller deren Credit-Regeln.
Titel
Untertitel
Vorname Nachname
Beruf: Angabe zum Beruf | Alter: xx Jahre
Avatarvorschlag: Vorname Nachname
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.
Letzte Worte
Fließtext mit abschließenden Informationen... Was ihr sonst noch loswerden möchtet... Postinggewohnheiten, usw. 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.
Code:
<div class="truth-container">
<div class="truth-title">Titel</div>
<div class="truth-subtitle">Untertitel</div>
<div class="truth-info">
<div class="truth-name">Vorname Nachname</div>
<div class="truth-charinfo"><b>Beruf:</b> Angabe zum Beruf | <b>Alter:</b> xx Jahre </div>
<div class="truth-charinfo"><b>Avatarvorschlag:</b> Vorname Nachname</div>
<img src="https://veritas-rpg.de/images/free-photo-of-schwarz-und-weiss-stadt-brucke-usa.jpeg" 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="truth-info">
<div class="truth-finale"><b>Letzte Worte</b></div>
<p>Fließtext mit abschließenden Informationen... Was ihr sonst noch loswerden möchtet... Postinggewohnheiten, usw. 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>
<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: #862d2d!important; --gfarbe2: #292c2f21; --gfarbe3: #222427; --gfarbe4: #151515; --gfarbe5: #292c2f87; --gfarbe6: rgba(39, 42, 45, 0.87); --gfarbe7: #c3c3c3; --gfarbe8: #555254; } .truth-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); } .truth-title { 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 #000; } .truth-subtitle { 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); } .truth-info img { width: 140px; height:140px; object-fit:cover; margin-top: 10px; float:right; margin-left: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);} .truth-info { margin: 10px auto; padding: 0px 20px 0px 20px; background-color: var(--gfarbe2); font-family: Arial, sans-serif; color: var(--gfarbe7); text-align: justify; } .truth-info u { text-decoration: none; font-family: 'Arial',sans-serif; font-weight: bold; font-size: 14px; border-bottom: 3px solid var(--gfarbe1);} .truth-info b{color:var(--gfarbe7);}.truth-info i {color: var(--gfarbe1);font-size: 13px;font-weight: bold;text-transform: uppercase; } .truth-name{ text-transform: uppercase; font-size: 14px; margin-top: 5px; text-align: center; color: var(--farbe7); font-family: 'Arial',sans-serif; background: var(--gfarbe3); margin-bottom: 5px; padding: 3px; } .truth-charinfo{ text-align:center; font-size:13px; background:var(--gfarbe3); margin-bottom:5px; padding: 3px; } .truth-finale{ text-transform: uppercase; font-size: 16px; margin-top: 5px; padding: 3px; text-align: center; color: #222427; font-family: 'Arial',sans-serif; background: var(--gfarbe3); } .truth-info p { margin: 0; padding-top: 5px; font-size:13px; } .truth-allabout{ text-align:center; } .truth-allabout b{color:var(--gfarbe7);} .truth-fact { display: inline-block; } </style>
