Options
Anmelden
Registrieren
Desktop Style
Accelerated Mobile Pages Theme
Options
Antwort schreiben an Unsere Daten
Index
TIMELESS - shadows of the eternal fall
PARTNERSCHAFTEN
Bewerbungen
Unsere Daten
Antwort schreiben
Bitte aktiviere JavaScript in Deinem Browser, um alle Funktionen des Forums nutzen zu können!
Neue Antwort schreiben
Antworten zu Thema: Unsere Daten
Benutzername:
Betreff:
Deine Nachricht:
[quote="ADMIN" pid='1956' dateline='1740644307'] <link href="https://fonts.googleapis.com/css2?family=Old+Standard+TT:wght@400;700&family=Poppins:wght@300;400;500;700;800;900&display=swap" rel="stylesheet"> <div id="snow-wrap"> <!-- Header Bild wird im CSS ausgetauscht --> <div class="snow-header"></div> <!-- Hier können Links eingefügt werden --> <div class="snow-links"> <a href="https://time.hearts-still-beating.de">Forum</a> <a href="https://time.hearts-still-beating.de/forumdisplay.php?fid=35">Gesuche</a> <a href="https://time.hearts-still-beating.de/lists.php?action=avatarpersonen">Vergebene Avatare</a> </div> <!-- Ende der Links --> <!-- Anfang der Überschrift; <span> für den kleinen Text --> <div class="snow-h1"><span>Timeless</span><br> Shadows of the eternal fall </div> <!-- Ende Überschrift --> <!-- Anfang Überschrift für den Content, kann einfach kopiert werden für mehr Überschriften --> <div class="snow-subtitle">DARK FANTASY & ENDZEIT APOKALYPSE </div> <!-- Ende Überschrift für den Content --> <!-- Anfang Content, Div kann kopiert werden --> <div class="snow-content">Es beginnt mit einem leisen Flüstern, einem kaum wahrnehmbaren Gefühl, das sich wie ein Albtraum langsam in die Realität schleicht. Vor einer Woche tauchen die ersten Nachrichten auf – verschwommen, fragmentiert, wie ein Rätsel, das niemand zu lösen vermag. Ein Pilz, unbekannt, unerforscht, breitet sich aus. Er befällt die Menschen, verwandelt sie in etwas, das weder lebendig noch tot ist. Die Medien nennen sie Schattensucher. Doch die Wahrheit ist schlimmer: Sie sind keine bloßen Zombies. Sie sind schneller, stärker, und sie scheinen von einer dunklen, fremden Intelligenz gesteuert zu werden. Die Regierung versucht, die Informationen zu unterdrücken. Doch die Seuche ist wie ein Lauffeuer. Atlanta, die pulsierende Metropole des Südens, wird zum Epizentrum des Chaos. Die Straßen, einst gefüllt mit Leben, sind jetzt Schauplatz von Panik und Gewalt. Das Militär rückt aus, sperrt ganze Stadtteile ab, führt Säuberungen durch. Doch niemand weiß, wer wirklich infiziert ist – und wer nicht. Doch die Seuche ist nicht nur eine Bedrohung für die Menschen. Im Untergrund, verborgen vor den Augen der Welt, leben die übernatürlichen Wesen: Vampire, die im Schatten der Nacht jagen; Wölfe, die ihre Rudel in den Wäldern beschützen; Hexen, die ihre magischen Kräfte nutzen, um im Verborgenen zu wirken; Dämonen, die ihre eigenen dunklen Pläne verfolgen; und Phönixe, die Hüter des Lebens und der Wiedergeburt. Doch der Pilz respektiert keine Grenzen. Die übernatürlichen Wesen sind nicht immun. Ihre Kräfte, ihre Magie – nichts scheint gegen die Schattensucher zu wirken. Im Gegenteil: Wenn Hexen ihre Magie einsetzen, zieht sie die Schattensucher wie Motten zum Licht an. Die übernatürliche Welt, die jahrhundertelang im Verborgenen existiert hat, sieht sich zum ersten Mal einer Bedrohung gegenüber, die sie nicht kontrollieren kann. </div> <!-- Ende Content --> <!-- Bild wird im CSS ausgetauscht --> <div class="snow-picture"></div> <!-- Anfang FACTS Buchstaben --> <div class="snow-facts"> <div class="snow-facts-left"> <span>F</span> <span>A</span> <span>C</span> <span>T</span> <span>S</span> </div> <!-- Ende FACTS Buchstaben> <!-- Anfang Auflistung Shortfacts, <li></li> für weiteren Punkt --> <div class="snow-facts-right"> <ul> <li>Dark Fantasy & Endzeit Apokalypse</li> <li>Atlanta</li> <li>L3S3V3</li> <li>Whitelist</li> <li>2025</li> </ul> </div> <!-- Ende Auflistung Shortfacts --> </div> </div> <p class="snow-credit"><a href="http://storming-gates.de/member.php?action=profile&uid=859" target="_blank">Nilonia @ Storming Gates</a></p> </html> <style>/* Im Root-Verzeichnis ist das Wichtigste hinterlegt, wer im restlichen CSS rumwerkeln will, sollte wissen, was er tut :D */ :root { /* Bilder werden automatisch skaliert */ --snow-header-img: url("https://i.ibb.co/rR0DgdCh/time.png"); --snow-content-img: url("https://abload.de/img/fabian-mardi-kvkz9qnjrkj9j.jpg"); --snow-content-subtitle-color: #852e2e; /* Farbe Überschrift Content */ --snow-facts-letter: #993029; /* Farbe der FACTS-Buchstaben */ --snow-color: #978f8f; /* normale Schriftfarbe */ --snow-facts-color: #6980a8; /* Farbe Schneeflocke Aufzählungszeichen */ --snow-background: #202020; /* Hintergrundfarbe Content */ --snow-main-font: 'Poppins', sans-serif; --snow-second-font: 'Old Standard TT', serif; } #snow-wrap { background: var(--snow-background); margin: 0 auto; width: 500px; color: var(--snow-color); font-family: var(--snow-main-font); font-weight: 400; font-size: 12px; border: 25px solid #252424; position: relative; } .snow-content { text-align: justify; line-height: 22px; padding: 0 50px; column-count: 2; column-gap: 25px; } .snow-subtitle { font-family: var(--snow-second-font); font-size: 20px; text-transform: uppercase; font-weight: 700; color: var(--snow-content-subtitle-color); text-align: right; padding: 50px 50px 5px 50px; } /* HEADER */ .snow-header { width: 500px; height: 250px; background: var(--snow-header-img); background-position: center center; background-size: cover; overflow: hidden; } .snow-picture { height: 100px; width: 500px; background: var(--snow-content-img); background-position: center center; background-size: cover; margin: 50px 0; } .snow-picture:before { width: 100%; height: 100px; } .snow-header:before { width: 100%; height: 250px; } .snow-picture:before, .snow-header:before { display: block; content: ''; background: rgb(141 132 139 / 70%); } .snow-h1 { position: absolute; left: 50px; top: 138px; font-size: 45px; font-weight: 800; text-transform: uppercase; line-height: 45px; color: white; text-align: left; } .snow-h1 span { font-size: 13px; letter-spacing: 3px; text-transform: uppercase; line-height: 25px; } .snow-h1:before { content: ''; width: 2px; height: 145px; background: white; position: absolute; top: -145px; left: 1px; } .snow-links { width: 100%; position: absolute; top: 5px; text-align: center; } .snow-links a { text-transform: uppercase; color: white; text-decoration: none; letter-spacing: 2px; font-size: 10px; } .snow-links a:not(:last-child):after { content: '\f2dc'; font-family: 'FontAwesome'; padding: 0 5px 0 10px; } /* FACTS */ .snow-facts { display: flex; align-items: center; padding-bottom: 50px; } .snow-facts-left { position: relative; flex: 0 0 200px; padding-left: 30px; } .snow-facts-left span { font-family: var(--snow-second-font); font-weight: 700; color: var(--snow-facts-letter); display: inline-block; line-height: 50px; } .snow-facts-left span:nth-child(1) { font-size: 165px; padding: 50px 0 0 65px; } .snow-facts-left span:nth-child(2) { font-size: 175px; } .snow-facts-left span:nth-child(-3n+3) { font-size: 135px; padding: 10px 0 0 100px; } .snow-facts-left span:nth-child(4n) { font-size: 135px; padding: 20px 0 0 25px; line-height: 20px; } .snow-facts-left span:nth-last-child(1) { font-size: 110px; padding: 0px 0 5px 70px; } /* FACTS Aufzählung */ .snow-facts-right { padding-right: 50px; flex-grow: 1; } .snow-facts-right ul { text-align: right; } .snow-facts-right li { list-style-type: none; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; font-weight: 300; padding: 10px 5px; } .snow-facts-right li:not(:last-child) { border-bottom: 1px solid var(--snow-facts-letter); } .snow-facts-right li:after { content: '\f2dc'; font-family: 'FontAwesome'; padding-left: 10px; color: var(--snow-facts-color); } .snow-credit { text-align: center; font-family: 'Poppins', sans-serif; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; margin: 0; padding-top: 5px; }</style> <div class="codeblock" style="width: 568px;">[code]<link href="https://fonts.googleapis.com/css2?family=Old+Standard+TT:wght@400;700&family=Poppins:wght@300;400;500;700;800;900&display=swap" rel="stylesheet"> <div id="snow-wrap"> <!-- Header Bild wird im CSS ausgetauscht --> <div class="snow-header"></div> <!-- Hier können Links eingefügt werden --> <div class="snow-links"> <a href="https://time.hearts-still-beating.de">Forum</a> <a href="https://time.hearts-still-beating.de/forumdisplay.php?fid=35">Gesuche</a> <a href="https://time.hearts-still-beating.de/lists.php?action=avatarpersonen">Vergebene Avatare</a> </div> <!-- Ende der Links --> <!-- Anfang der Überschrift; <span> für den kleinen Text --> <div class="snow-h1"><span>Timeless</span><br> Shadows of the eternal fall </div> <!-- Ende Überschrift --> <!-- Anfang Überschrift für den Content, kann einfach kopiert werden für mehr Überschriften --> <div class="snow-subtitle">DARK FANTASY & ENDZEIT APOKALYPSE </div> <!-- Ende Überschrift für den Content --> <!-- Anfang Content, Div kann kopiert werden --> <div class="snow-content">Es beginnt mit einem leisen Flüstern, einem kaum wahrnehmbaren Gefühl, das sich wie ein Albtraum langsam in die Realität schleicht. Vor einer Woche tauchen die ersten Nachrichten auf – verschwommen, fragmentiert, wie ein Rätsel, das niemand zu lösen vermag. Ein Pilz, unbekannt, unerforscht, breitet sich aus. Er befällt die Menschen, verwandelt sie in etwas, das weder lebendig noch tot ist. Die Medien nennen sie Schattensucher. Doch die Wahrheit ist schlimmer: Sie sind keine bloßen Zombies. Sie sind schneller, stärker, und sie scheinen von einer dunklen, fremden Intelligenz gesteuert zu werden. Die Regierung versucht, die Informationen zu unterdrücken. Doch die Seuche ist wie ein Lauffeuer. Atlanta, die pulsierende Metropole des Südens, wird zum Epizentrum des Chaos. Die Straßen, einst gefüllt mit Leben, sind jetzt Schauplatz von Panik und Gewalt. Das Militär rückt aus, sperrt ganze Stadtteile ab, führt Säuberungen durch. Doch niemand weiß, wer wirklich infiziert ist – und wer nicht. Doch die Seuche ist nicht nur eine Bedrohung für die Menschen. Im Untergrund, verborgen vor den Augen der Welt, leben die übernatürlichen Wesen: Vampire, die im Schatten der Nacht jagen; Wölfe, die ihre Rudel in den Wäldern beschützen; Hexen, die ihre magischen Kräfte nutzen, um im Verborgenen zu wirken; Dämonen, die ihre eigenen dunklen Pläne verfolgen; und Phönixe, die Hüter des Lebens und der Wiedergeburt. Doch der Pilz respektiert keine Grenzen. Die übernatürlichen Wesen sind nicht immun. Ihre Kräfte, ihre Magie – nichts scheint gegen die Schattensucher zu wirken. Im Gegenteil: Wenn Hexen ihre Magie einsetzen, zieht sie die Schattensucher wie Motten zum Licht an. Die übernatürliche Welt, die jahrhundertelang im Verborgenen existiert hat, sieht sich zum ersten Mal einer Bedrohung gegenüber, die sie nicht kontrollieren kann. </div> <!-- Ende Content --> <!-- Bild wird im CSS ausgetauscht --> <div class="snow-picture"></div> <!-- Anfang FACTS Buchstaben --> <div class="snow-facts"> <div class="snow-facts-left"> <span>F</span> <span>A</span> <span>C</span> <span>T</span> <span>S</span> </div> <!-- Ende FACTS Buchstaben> <!-- Anfang Auflistung Shortfacts, <li></li> für weiteren Punkt --> <div class="snow-facts-right"> <ul> <li>Dark Fantasy & Endzeit Apokalypse</li> <li>Atlanta</li> <li>L3S3V3</li> <li>Whitelist</li> <li>2025</li> </ul> </div> <!-- Ende Auflistung Shortfacts --> </div> </div> <p class="snow-credit"><a href="http://storming-gates.de/member.php?action=profile&uid=859" target="_blank">Nilonia @ Storming Gates</a></p> </html> <style>/* Im Root-Verzeichnis ist das Wichtigste hinterlegt, wer im restlichen CSS rumwerkeln will, sollte wissen, was er tut :D */ :root { /* Bilder werden automatisch skaliert */ --snow-header-img: url("https://i.ibb.co/rR0DgdCh/time.png"); --snow-content-img: url("https://abload.de/img/fabian-mardi-kvkz9qnjrkj9j.jpg"); --snow-content-subtitle-color: #852e2e; /* Farbe Überschrift Content */ --snow-facts-letter: #993029; /* Farbe der FACTS-Buchstaben */ --snow-color: #978f8f; /* normale Schriftfarbe */ --snow-facts-color: #6980a8; /* Farbe Schneeflocke Aufzählungszeichen */ --snow-background: #202020; /* Hintergrundfarbe Content */ --snow-main-font: 'Poppins', sans-serif; --snow-second-font: 'Old Standard TT', serif; } #snow-wrap { background: var(--snow-background); margin: 0 auto; width: 500px; color: var(--snow-color); font-family: var(--snow-main-font); font-weight: 400; font-size: 12px; border: 25px solid #252424; position: relative; } .snow-content { text-align: justify; line-height: 22px; padding: 0 50px; column-count: 2; column-gap: 25px; } .snow-subtitle { font-family: var(--snow-second-font); font-size: 20px; text-transform: uppercase; font-weight: 700; color: var(--snow-content-subtitle-color); text-align: right; padding: 50px 50px 5px 50px; } /* HEADER */ .snow-header { width: 500px; height: 250px; background: var(--snow-header-img); background-position: center center; background-size: cover; overflow: hidden; } .snow-picture { height: 100px; width: 500px; background: var(--snow-content-img); background-position: center center; background-size: cover; margin: 50px 0; } .snow-picture:before { width: 100%; height: 100px; } .snow-header:before { width: 100%; height: 250px; } .snow-picture:before, .snow-header:before { display: block; content: ''; background: rgb(141 132 139 / 70%); } .snow-h1 { position: absolute; left: 50px; top: 138px; font-size: 45px; font-weight: 800; text-transform: uppercase; line-height: 45px; color: white; text-align: left; } .snow-h1 span { font-size: 13px; letter-spacing: 3px; text-transform: uppercase; line-height: 25px; } .snow-h1:before { content: ''; width: 2px; height: 145px; background: white; position: absolute; top: -145px; left: 1px; } .snow-links { width: 100%; position: absolute; top: 5px; text-align: center; } .snow-links a { text-transform: uppercase; color: white; text-decoration: none; letter-spacing: 2px; font-size: 10px; } .snow-links a:not(:last-child):after { content: '\f2dc'; font-family: 'FontAwesome'; padding: 0 5px 0 10px; } /* FACTS */ .snow-facts { display: flex; align-items: center; padding-bottom: 50px; } .snow-facts-left { position: relative; flex: 0 0 200px; padding-left: 30px; } .snow-facts-left span { font-family: var(--snow-second-font); font-weight: 700; color: var(--snow-facts-letter); display: inline-block; line-height: 50px; } .snow-facts-left span:nth-child(1) { font-size: 165px; padding: 50px 0 0 65px; } .snow-facts-left span:nth-child(2) { font-size: 175px; } .snow-facts-left span:nth-child(-3n+3) { font-size: 135px; padding: 10px 0 0 100px; } .snow-facts-left span:nth-child(4n) { font-size: 135px; padding: 20px 0 0 25px; line-height: 20px; } .snow-facts-left span:nth-last-child(1) { font-size: 110px; padding: 0px 0 5px 70px; } /* FACTS Aufzählung */ .snow-facts-right { padding-right: 50px; flex-grow: 1; } .snow-facts-right ul { text-align: right; } .snow-facts-right li { list-style-type: none; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; font-weight: 300; padding: 10px 5px; } .snow-facts-right li:not(:last-child) { border-bottom: 1px solid var(--snow-facts-letter); } .snow-facts-right li:after { content: '\f2dc'; font-family: 'FontAwesome'; padding-left: 10px; color: var(--snow-facts-color); } .snow-credit { text-align: center; font-family: 'Poppins', sans-serif; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; margin: 0; padding-top: 5px; }</style>[/code]</div> [/quote]
Beitragsoptionen:
Signatur: Deine Signatur einfügen (nur registrierte Benutzer).
Smilies deaktivieren: Smilies in diesem Beitrag nicht anzeigen.
Themen Abonnement:
Gib die Art der E-Mail-Benachrichtigung und des Abonnements für dieses Thema an (nur registrierte Benutzer).
Dieses Thema nicht abonnieren
Abonnieren, ohne bei einer neuen Antwort eine Benachrichtigung zu erhalten
Abonnieren und eine E-Mail-Benachrichtigung bei neuen Antworten erhalten
Abonnieren und eine Benachrichtigung bei neuen Antworten als Private Nachricht erhalten
Bestätigung
Bitte den Code im Bild in das Feld eingeben. Dies ist nötig, um automatisierte Spambots zu stoppen.
(Keine Beachtung von Groß- und Kleinschreibung)