04.06.2025, 16:30
- Wörter:
(Dieser Beitrag wurde zuletzt bearbeitet: 09.06.2025, 01:30 von Kate Bishop.)
Ihr möchtet einen oder mehrere Charaktere suchen, habt aber keine Lust, erst lange nach Vorlagen zu stöbern oder selbst zu coden? Kein Problem – wir haben eine Vorlage für euch vorbereitet, die ihr ganz einfach nutzen und an eure Wünsche anpassen könnt.
Dabei gibt es nur zwei Dinge, die uns wichtig sind und die wir euch ausdrücklich bitten zu beachten:
- Die Creditangaben müssen im Code erhalten bleiben.
- Es dürfen keine GoogleFonts verwendet werden
"Hier ist ganz viel Platz für ein richtig cooles Zitat. Du willst kein Zitat? Hm, du findest sicher auch etwas ganz anderes dafür. Mach es aber vielleicht nicht zu lange, groß oder was auch immer. Nicht das es den Rahmen sprengt." — Hier Name einfügen
INFO 1
INFO 2
INFO 3
INFO 4
INFO 5
[Bild nur für Mitglieder sichtbar]
Hier ist viel Platz für viel Text. Und keine Sorge: Wenn der Text zu lange ist, kommt eine tolle Scrollbar.
INFO 1
INFO 2
INFO 3
INFO 4
INFO 5
Hier ist viel Platz für viel Text. Und keine Sorge: Wenn der Text zu lange ist, kommt eine tolle Scrollbar.
[Bild nur für Mitglieder sichtbar]
[Bild nur für Mitglieder sichtbar]
Hier ist viel Platz für viel Text. Und keine Sorge: Wenn der Text zu lange ist, kommt eine tolle Scrollbar.
• Profilfeldsteckbrief • dauerhafte Forenplots •
Code:
<style type="text/css"> /*
--- MY LUNGS ARE COLD by rubyRED.DIAMOND @ wickedways.de
---- FARBAKZENT */ :root {--mlachl: #282f33;}/*
---- ÄUSSERE BOX */ #mlac {width: 500px; background-color: #343d43; outline: 10px solid #fafafa; border-bottom: var(--mlachl) 20px solid; box-sizing: border-box;}/*
---- HEADER */ .mlachead {width: 500px; padding: 30px; text-transform: uppercase; font-size: 8px; font-family: 'EditorsNote', sans-serif; background-color: var(--mlachl); color: #ebebeb; letter-spacing: 2px; line-height: 130%; text-align: justify; word-spacing: 4px; box-sizing: border-box;} .mlactitle {font-family: georgia; font-size: 15px; line-height: 100%; letter-spacing: 3px; ;font-weight: bold; display: inline;}/*
---- FLEX-BOXEN */ .mlacflex {width: 480px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; box-sizing: border-box;} .mlacpic {width: 125px; height: 225px; border: 5px solid #ffffff; border-bottom: 15px solid #ffffff; margin: 0 5px;} .mlactext {width: 325px; height: 245px; overflow: auto; background-color: #fafafa; border: 15px solid rgba(0,0,0,0); color: #000000; text-align: justify; font-size: 11px; font-family: tahoma; line-height: 15px; margin: 0 5px; padding-right: 8px; box-sizing: border-box; scrollbar-color: var(--mlachl) #ebebeb; scrollbar-width: thin;} .mlactext b {font-weight: bold; color: var(--mlachl); text-transform: uppercase; font-size: 11px; font-family: tahoma;}/*
---- SCROLLBAR */ #mlac ::-webkit-scrollbar {width: 6px;} #mlac ::-webkit-scrollbar-track-piece {background-color:#ebebeb;} #mlac ::-webkit-scrollbar-thumb:vertical {height:10px; background-color: var(--mlachl);} /</style>
<center>
<div id="mlac">
<div class="mlachead">
"<font class="mlactitle">Hier ist ganz viel Platz</font> für ein richtig cooles Zitat. Du willst kein Zitat? Hm, du findest sicher auch etwas ganz anderes dafür. Mach es aber vielleicht nicht zu lange, groß oder was auch immer. Nicht das es den Rahmen sprengt." — Hier Name einfügen
</div>
<div class="mlacflex" style="padding: 0 5px; box-sizing: border-box;">
<div style="width: 100%; background-color: #fafafa; color: #000; font-family: tahoma; font-size: 11px; line-height: 15px; padding: 10px; border: none; text-align: justify; box-sizing: border-box;">
<b style="color: var(--mlachl); text-transform: uppercase;"><center>G E S U C H T</center></b><div style="display: flex; flex-wrap: wrap; gap: 5px; justify-content: center; margin-top: 8px;">
<div style="background-color: #282f33; color: #ffffff; font-family: tahoma; font-size: 10px; padding: 3px 6px; text-transform: uppercase; white-space: nowrap;">INFO 1</div>
<div style="background-color: #282f33; color: #ffffff; font-family: tahoma; font-size: 10px; padding: 3px 6px; text-transform: uppercase; white-space: nowrap;">INFO 2</div>
<div style="background-color: #282f33; color: #ffffff; font-family: tahoma; font-size: 10px; padding: 3px 6px; text-transform: uppercase; white-space: nowrap;">INFO 3</div>
<div style="background-color: #282f33; color: #ffffff; font-family: tahoma; font-size: 10px; padding: 3px 6px; text-transform: uppercase; white-space: nowrap;">INFO 4</div>
<div style="background-color: #282f33; color: #ffffff; font-family: tahoma; font-size: 10px; padding: 3px 6px; text-transform: uppercase; white-space: nowrap;">INFO 5</div>
</div>
</div>
</div>
<div class="mlacflex">
<img src="https://placehold.co/125x225" class="mlacpic">
<div class="mlactext">Hier ist viel Platz für viel Text. Und keine Sorge: Wenn der Text zu lange ist, kommt eine tolle Scrollbar.</div>
</div>
<div class="mlacflex" style="padding: 0 5px; box-sizing: border-box;">
<div style="width: 100%; background-color: #fafafa; color: #000; font-family: tahoma; font-size: 11px; line-height: 15px; padding: 10px; border: none; text-align: justify; box-sizing: border-box;">
<b style="color: var(--mlachl); text-transform: uppercase;"><center>S U CH E N D E R</center></b><div style="display: flex; flex-wrap: wrap; gap: 5px; justify-content: center; margin-top: 8px;">
<div style="background-color: #282f33; color: #ffffff; font-family: tahoma; font-size: 10px; padding: 3px 6px; text-transform: uppercase; white-space: nowrap;">INFO 1</div>
<div style="background-color: #282f33; color: #ffffff; font-family: tahoma; font-size: 10px; padding: 3px 6px; text-transform: uppercase; white-space: nowrap;">INFO 2</div>
<div style="background-color: #282f33; color: #ffffff; font-family: tahoma; font-size: 10px; padding: 3px 6px; text-transform: uppercase; white-space: nowrap;">INFO 3</div>
<div style="background-color: #282f33; color: #ffffff; font-family: tahoma; font-size: 10px; padding: 3px 6px; text-transform: uppercase; white-space: nowrap;">INFO 4</div>
<div style="background-color: #282f33; color: #ffffff; font-family: tahoma; font-size: 10px; padding: 3px 6px; text-transform: uppercase; white-space: nowrap;">INFO 5</div>
</div>
</div>
</div>
<div class="mlacflex">
<div class="mlactext">Hier ist viel Platz für viel Text. Und keine Sorge: Wenn der Text zu lange ist, kommt eine tolle Scrollbar.</div>
<img src="https://placehold.co/125x225" class="mlacpic">
</div>
<div class="mlacflex">
<img src="https://placehold.co/125x225" class="mlacpic">
<div class="mlactext">Hier ist viel Platz für viel Text. Und keine Sorge: Wenn der Text zu lange ist, kommt eine tolle Scrollbar.</div>
</div>
<div class="mlacflex" style="padding: 0 5px; box-sizing: border-box;">
<div style="width: 100%; background-color: #fafafa; color: #000; font-family: tahoma; font-size: 11px; line-height: 15px; padding: 10px; border: none; text-align: justify; box-sizing: border-box;">
<b style="color: var(--mlachl); text-transform: uppercase;"><center>RUND UM DAS FORUM</center></b><div style="display: flex; flex-wrap: wrap; gap: 5px; justify-content: center; margin-top: 8px;"><center><a href="https://bereadytodie.de/index.php" target="_blank"><b><font color="392d55"><b>ZUM FORUM</b></font></b></a> | <a href="xxxx" target="_blank"><b><font color="392d55"><b>ZUM GESUCH</b></font></b></a></center>
<center>• Marvel Fandom • Spieljahr: 2027 • Rating: L3S3V3 • Szenentrennung •
• Profilfeldsteckbrief • dauerhafte Forenplots •</center></div>
</div>
</div>
</div>
</center>