noctris

Ein modernes, dunkles Webdesign-Layout für Noctris – mit Neon-Gradienten, weichen Glaseffekten, Sidebar-Navigation, Accordion-Menüs und einem klaren Postingbereich für Texte, Updates oder RPG-Beiträge.

Header Avatar

Posting Area

Willkommen im Hauptbereich deines Layouts. Hier kann dein eigentlicher Content stehen: RPG-Posts, Updates, Profiltexte, Tutorials oder kleine Blogeinträge. Das Design arbeitet mit einem dunklen Hintergrund, klaren Kontrasten und modernen Gradient-Akzenten, ohne braune Schriftfarben zu verwenden.

Links wie dieser Beispiellink besitzen einen weichen Hover-Effekt, während italic text ebenfalls animiert reagiert. Das Bold-Element hat einen sichtbaren Textgradienten, und unterstrichener Text verwendet stattdessen einen modernen, leicht welligen Gradient-Unterstrich.


Style Dark, clean, neon, nocturnal.
Width Gesamtlayout maximal 1000px.
Responsive Passt sich sauber an mobile Geräte an.

Die eingebundenen FontAwesome-Icons werden als Outline/Regular-Icons genutzt, zum Beispiel , oder .

JavaScript-Erklärung:

Das Script unten bewirkt zwei Dinge: Erstens öffnet und schließt es die Accordion-Bereiche in der Sidebar. Zweitens blendet es den Back-to-Top-Button erst ein, wenn man ein Stück nach unten scrollt.

// Accordion: // Beim Klick auf eine Kategorie wird sie geöffnet oder geschlossen. // Back-to-Top: // Der Button erscheint nach dem Scrollen und springt sanft nach oben.

Content Block

Dieser zweite Bereich zeigt, wie weitere Beiträge aussehen könnten. Du kannst beliebig viele Posting-Blöcke duplizieren und mit eigenem Inhalt füllen. Durch die runden Ecken, die weichen Schatten und die neonartigen Linien bleibt das Layout modern, aber trotzdem gut lesbar.