Standard

xxx

Mensch

xxx

Hexe

xxx

Wächter

xxx

Strigoi

xxx

Code:

<center>
<div class="szenenu2">Standard
<img src="https://via.placeholder.com/80x80" class="szenenu2pic"></div>
<div class="posting">xxx</div>
</center>

<center>
<div class="human">Mensch
<img src="https://via.placeholder.com/80x80" class="szenenu2pic"></div>
<div class="posting">xxx</div>
</center>

<center>
<div class="witch">Hexe
<img src="https://via.placeholder.com/80x80" class="szenenu2pic"></div>
<div class="posting">xxx</div>
</center>

<center>
<div class="waechter">Wächter
<img src="https://via.placeholder.com/80x80" class="szenenu2pic"></div>
<div class="posting">xxx</div>
</center>

<center>
<div class="strigoi">Strigoi
<img src="https://via.placeholder.com/80x80" class="szenenu2pic"></div>
<div class="posting">xxx</div>
</center>

xxx

Code:

<center>
<img src="https://via.placeholder.com/230x100" class="posting_pic"> <img src="https://via.placeholder.com/230x100" class="posting_pic">
<div class="posting">xxx
</div></center>

Langer & großer Titel

Code:

<center><div class="ally0"><img src="https://via.placeholder.com/200x150" class="allypic2"><div class="ally11">Langer & großer Titel</div>
</div>
</center>

Um die Farben anzupassen wechselt einfach die Hexcodes in "root".

ich bin ein toller titel. und kann auch bisschen länger sein, weil why not.

ganz viel text.

Code:

<div class="post1_body">
<div class="post1_titelbg">
<div class="post1_titel">ich bin ein toller titel. und kann auch bisschen länger sein, weil why not. </div></div>
<center><img src="https://via.placeholder.com/150x150" class="post1_pic"></center>
<div class="post1_text">ganz viel text.
</div>
</div>

<style>:root { --transpabg: #00000036; --rosatranspa: #9888884f; --rosaschrift: #988; --grauschrift: #999; --rosalight: #ccb1b1; --rosaborder: #988; } .post1_body { width: 600px; margin: auto; border: 1px solid var(--rosaborder); background: var(--transpabg); }  .post1_titelbg { background: var(--rosatranspa); padding: 30px; }  .post1_titel { font-family: Open Sans, sans-serif; font-size: 12px; text-transform: uppercase; color: var(--rosaschrift); font-weight: 900; } .post1_text { width: 550px; margin: auto; text-align: justify; padding: 20px; font-family: Amiko, sans-serif; font-size: 11px; color: var(--grauschrift); } .post1_text b { color: var(--rosaschrift); font-size: 12px; }  .post1_text i { color: var(--rosalight); font-size: 12px; }  .post1_pic { border: 1px solid var(--rosaborder); padding: 10px; width: 70px; border-radius: 100%; margin-top: -30px; }  </style>