Leviathan  136
CharakterbogenAufenthaltsort: Zimmer 205Aktuelles Outfit: Offenes, grau kariertes Hemd über weißem T-Shirt, knielange Jeasshorts, weiße Sneakersocken  Vorlage: Beziehungskasten
Hier findet ihr die "offizielle" Vorlage für unseren Beziehungskasten und könnt euch gerne bedienen, wenn ihr keine eigenen zur Verfügung habt oder euch dieser hier einfach zusagt. Wollt ihr die Vorlage mit den Farben und Hintergründen genau so nutzen wie hier abgebildet ist, reicht diese Vorlage: - Spoiler:
- Code:
-
<center><div class="bezAu"><div class="bezHin"><div class="bezLi"><img src="https://via.placeholder.com/200x300" class="bezImg"></div><div class="bezRe"><div class="bezÜb">Charaktername</div> <div class="bezIn"><div align="left"><bezAka><b>aka</b> Spitzname</bezAka></div><div class="bezTex"><div align="right"><bezAka><b>Erste Begegnung</b> xx</bezAka> <bezAka><b>Status</b> xx</bezAka></div> 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. 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.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.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> <font size="3"><span style="color: #0e90a7">♡</span>♡♡♡♡♡</font></div></div></div></div> </center>
Die Herzen ( ♡♡♡♡♡♡) können als Sympathie-Bar'o'Meter verwendet werden. Färbt dazu einfach in Wunschfarben (z.B. rot = negativ, grün = positiv, einfärbig = neutral) die Punkte ein und zeigt anhand der eingefärbten Punkte, wie fortgeschritten die Sympathie ist. Vorschau der offiziellen Vorlage: Charaktername aka Spitzname Erste Begegnung xx
Status xx 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. 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.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.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.
Wollt ihr Farben, Hintergründe, Schriftart o.ä. verändern, müsst ihr zusätzlich zum oben angeführten Code das CSS am Ende eures Beitrags einfügen und so umändern, wie es euch beliebt. Die Hintergründe können trotz Bilder mit einem Code umgefärbt werden. Dazu braucht Ihr rgb-Code's. Um diesen zu finden, fügt einfach einen Farbcode, wie #ffffff (weiß), in die Googlesuche ("hexcode zu rgb" o.ä) , dann wird Euch ein rgb-Code unterhalb der Farbleiste angezeigt. Im Falle von #ffffff wäre es 250, 250, 250. Sucht Euch dann in den Code's die Stellen mit rgba raus und ersetzt die ersten drei Zahlen, nicht die 0.x, mit den rgb-Farben Eurer gewünschten Farbe. Code für das CSS (wenn man die Vorlage umgestalten will) - Spoiler:
- Code:
-
<style> .bezAu{width: 450px; height: 300px; background: url(https://i.ibb.co/C5SDX9D/sda1.png); border: solid 3px #0e90a7; font-size: 12px; font-size: 12px; font-family: Arial; color: #b79d57;} .bezLi{vertical-align: top; display: inline-block; float: left;} .bezRe{vertical-align: top; display: inline-block; margin: 30px 0px 0px -80px;} .bezHin{vertical-align: top; display: inline-block; width: 450px; height: 300px; background: rgba(255, 255, 255, 0.1);} .bezIn{vertical-align: top; display: inline-block; width: 290px; height: 210px; padding: 5px; background: #ede6d4; position: relative; z-index: 1; border-left: 2px #0e90a7 solid;} .bezÜb{vertical-align: top; display: inline-block; color: #0e90a7; font-family: 'Marcellus SC'; padding: 0px; font-size: 25px; position: relative; z-index: 2; text-shadow: 1px 1px #ffffff, 2px 2px #ffffff, 3px 3px #ffffff; margin: -10px 0px -10px -10px; text-align: right; width: 300px;} .bezÜb2{vertical-align: top; display: inline-block; font-family: 'Marcellus SC'; padding: 0px; font-size: 25px; margin: -5px 0px 0px 0px;} .bezTex{vertical-align: top; display: inline-block; height: 160px; width: 270px; padding: 10px; overflow: auto; scrollbar-width: thin; text-align: justify;} .bezTex::-webkit-scrollbar{width: 2px;} .bezTex::-webkit-scrollbar-track-piece{background: #b8b8b8;} .bezTex::-webkit-scrollbar-thumb{height: 3px; background: #067d92; border-radius: 3px;} bezAka{vertical-align: top; display: inline-block; color: #067d92; font-style: italic;} .bezImg{width: 200px; height: 300px;} </style>
©By Nile |
