PrimeArea

Your Gaming Universe

Our PrimeArea project is currently under development.
Icon

Herzlich Willkommen auf PrimeArea!

PrimeArea ist eine internationale, mehrsprachige Gaming-Community in Deutsch, Englisch und Türkisch.

Sie vereint Gamer, Gameserver-Betreiber und Streamer auf einer zentralen Plattform.

Egal ob du einen Gameserver betreibst, als Twitch-Streamer aktiv bist oder Teil einer Gaming-Community bist – bei uns kannst du dich eintragen, präsentieren und neue Nutzer erreichen. Zusätzlich bietet PrimeArea einen Black Market mit Bewertungssystem – einen sicheren Community-Marktplatz, auf dem Accounts, Items, Keys und Spielwährungen gekauft, verkauft oder getauscht werden können. PrimeArea – Your Gaming Universe.

Mehr über PrimeArea!

Was macht PrimeArea so besonders?

Unsere Features!

Community

Starke Gaming-Community

PrimeArea verbindet Gamer aus der ganzen Welt auf einer zentralen Plattform. Tausche dich aus, finde Mitspieler, teile Erfahrungen und werde Teil einer aktiven, wachsenden Community.

Black Market

Sicherer Marktplatz mit Bewertungssystem

Kaufe, verkaufe oder tausche Accounts, Items, Keys und Spielwährungen über unseren integrierten Black Market – transparent, strukturiert und mit Bewertungssystem.

Gameserver

Gameserver-Plattform & Serverliste

Präsentiere deinen Gameserver auf PrimeArea, erreiche neue Spieler und werde Teil unserer offiziellen Serverliste mit klaren Kategorien und Sichtbarkeit.

Streaming

Streaming & Creator-System

Streamer und Content Creator können sich präsentieren, ihren Kanal verlinken und über PrimeArea neue Zuschauer und Reichweite gewinnen.

Premium Mitgliedschaften

Premium-, Elite- & Spezial-Ränge

Erhalte exklusive Vorteile, spezielle Features und besondere Hervorhebungen mit unseren Premium-Mitgliedschaften und Rangsystemen.

Spiele-Bereiche

Eigene Bereiche für Top-Games

Für bekannte Spiele wie GTA, Valorant, Metin2, Fortnite, CS, Battlefield und viele mehr bieten wir eigene, strukturierte Community-Bereiche.

Game News

Aktuelle Gaming-News & Updates

Bleibe immer auf dem neuesten Stand mit aktuellen News, Updates, Releases und Ankündigungen aus der Gaming-Welt – übersichtlich und zentral auf PrimeArea.

Moderne Plattform

Modernes Design & einfache Bedienung

PrimeArea bietet eine moderne, schnelle und benutzerfreundliche Oberfläche. Alle Funktionen sind übersichtlich strukturiert, mobil optimiert und intuitiv bedienbar – für das beste Nutzererlebnis auf allen Geräten.

Bilder Portfolio (h2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.


Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

  • Random Image (verlinkt)

    Wechselt beim wiederholten Aufruf Details
  • Picsum Image

    Gibt es hier: https://picsum.photos Details
  • Picsum Image

    Gibt es hier: https://picsum.photos Details
  • Picsum Image

    Gibt es hier: https://picsum.photos Details
  • Picsum Image

    Gibt es hier: https://picsum.photos Details
  • Picsum Image

    Gibt es hier: https://picsum.photos Details

Suchst du tolle Erweiterungen für deine Woltlab Software?

Besuche noch heute unseren Shop mit vielen weiteren, kostenlosen Angeboten ...

Brauchst du Support zu deiner Startseitenvorlage?

Registriere Dich in unserer Community und stelle deine Fragen - wir antworten garantiert ...

Suchst du professionelle Stile für deine aktuelle Woltlab Software?

Besuche noch heute unseren Shop und erlebe die Vielfalt ...

Wussten sie schon?

0

Zeilen CSS-Code geschrieben

0

Liter starken Kaffee getrunken

0

Tage & Nächte programmiert

0

positive Bewertungen von Kunden

Retux

Retux

Founder / Admin
admin@primearea.net
"Baue nicht nur eine Community – baue ein Zuhause."
Developer

Developer

Lead Developer
dev@primearea.net
"Code ist nicht nur Logik – es ist Architektur."
Designer

Designer

UI / UX Design
design@primearea.net
"Design ist nicht wie es aussieht – sondern wie es funktioniert."
Support

Support

Community Support
support@primearea.net
"Eine gute Community lebt vom Support."

Dieses ist ein Accordion Menu

Dieses ist der 'subtitle'-Text des Haupttitels und soll beschreiben welcher inhalt im folgenden Abschnitt vorhanden ist ...
  • Section 1
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus rhoncus enim ex, convallis accumsan nisi blandit id. Sed consequat molestie urna, vel tempor eros dapibus id. Nunc in sapien nec lectus condimentum suscipit in at nisl. Suspendisse potenti. Suspendisse potenti. Quisque tincidunt imperdiet commodo. Nam ultricies vulputate dapibus. Vestibulum feugiat sollicitudin nisi, sit amet elementum est molestie eget. Sed arcu augue, luctus at orci id, molestie lobortis felis. Vivamus tortor neque, varius sed sagittis sed, tristique ornare urna. Nam semper mattis velit et rhoncus. Vestibulum arcu ipsum, ornare imperdiet tortor porta, viverra suscipit elit. Aliquam aliquet ultrices purus vel blandit. Cras gravida gravida sem auctor dictum. Pellentesque a convallis lorem. Nulla mattis non ligula a venenatis. Phasellus at euismod felis. Nulla egestas, mi porta molestie semper, augue mauris aliquam libero, vel iaculis dui enim eu risus. Duis accumsan in turpis eu tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat ligula ac tristique scelerisque. Duis euismod id metus vel lobortis. Duis volutpat lorem augue, sit amet malesuada tortor varius ut. Ut eu mollis tortor, lacinia tristique diam. In vel massa magna. Duis molestie tortor non elit hendrerit, eget volutpat risus vulputate. Nulla sollicitudin condimentum interdum. Praesent et odio arcu. Aliquam et molestie quam. Sed mattis ex at congue rutrum. Praesent luctus neque scelerisque, ullamcorper risus eget, porttitor risus. Duis sed tortor vitae magna cursus interdum et quis quam. Maecenas sed pharetra sapien. Ut luctus aliquet commodo. Integer lorem augue, tristique et lacinia sed, eleifend pretium mauris. Etiam cursus et ligula a ornare. Aenean facilisis vel eros eu tristique.

    Proin cursus faucibus nunc, sit amet scelerisque tortor dignissim at. Nulla bibendum a erat et cursus. Suspendisse est mi, ornare eu ante id, condimentum sollicitudin orci. Ut nec risus fermentum, gravida libero nec, volutpat diam. Vestibulum cursus turpis nec lorem suscipit, vel cursus odio scelerisque. Nunc vitae erat sed augue lacinia blandit. Donec consequat tortor odio, ac pulvinar dolor tincidunt ut. Praesent bibendum, lorem et bibendum porta, erat erat bibendum nibh, quis porttitor neque nulla id ligula. Pellentesque porttitor efficitur eleifend. Vivamus aliquam dolor arcu, ut mollis nibh ultricies in. Suspendisse sagittis egestas urna, ac dapibus diam ullamcorper in. Proin molestie pharetra diam non finibus. Nam turpis quam, bibendum vitae lectus non, malesuada aliquet ante. Proin egestas lacus vel eleifend pellentesque. Cras nec augue porta, consequat dolor et, ultricies elit. Aenean at ex sed sem eleifend venenatis. Vivamus ultrices est sit amet ligula eleifend, vel dignissim nisi cursus. Donec vel gravida lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur at quam sodales leo scelerisque dictum. Mauris molestie augue eget mi condimentum pulvinar. In hac habitasse platea dictumst. Nullam odio magna, iaculis sit amet mauris nec, gravida finibus est. Nunc turpis diam, pellentesque in lorem sit amet, dignissim fermentum mauris.

  • Section 2
  • Lorem ipsum dolor sit amet

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus rhoncus enim ex, convallis accumsan nisi blandit id. Sed consequat molestie urna, vel tempor eros dapibus id. Nunc in sapien nec lectus condimentum suscipit in at nisl. Suspendisse potenti. Suspendisse potenti. Quisque tincidunt imperdiet commodo. Nam ultricies vulputate dapibus. Vestibulum feugiat sollicitudin nisi, sit amet elementum est molestie eget. Sed arcu augue, luctus at orci id, molestie lobortis felis. Vivamus tortor neque, varius sed sagittis sed, tristique ornare urna. Nam semper mattis velit et rhoncus. Vestibulum arcu ipsum, ornare imperdiet tortor porta, viverra suscipit elit. Aliquam aliquet ultrices purus vel blandit. Cras gravida gravida sem auctor dictum. Pellentesque a convallis lorem. Nulla mattis non ligula a venenatis. Phasellus at euismod felis. Nulla egestas, mi porta molestie semper, augue mauris aliquam libero, vel iaculis dui enim eu risus. Duis accumsan in turpis eu tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat ligula ac tristique scelerisque. Duis euismod id metus vel lobortis. Duis volutpat lorem augue, sit amet malesuada tortor varius ut. Ut eu mollis tortor, lacinia tristique diam. In vel massa magna. Duis molestie tortor non elit hendrerit, eget volutpat risus vulputate. Nulla sollicitudin condimentum interdum. Praesent et odio arcu. Aliquam et molestie quam. Sed mattis ex at congue rutrum. Praesent luctus neque scelerisque, ullamcorper risus eget, porttitor risus. Duis sed tortor vitae magna cursus interdum et quis quam. Maecenas sed pharetra sapien. Ut luctus aliquet commodo. Integer lorem augue, tristique et lacinia sed, eleifend pretium mauris. Etiam cursus et ligula a ornare. Aenean facilisis vel eros eu tristique.

  • Section 3
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus rhoncus enim ex, convallis accumsan nisi blandit id. Sed consequat molestie urna, vel tempor eros dapibus id. Nunc in sapien nec lectus condimentum suscipit in at nisl. Suspendisse potenti. Suspendisse potenti. Quisque tincidunt imperdiet commodo. Nam ultricies vulputate dapibus. Vestibulum feugiat sollicitudin nisi, sit amet elementum est molestie eget. Sed arcu augue, luctus at orci id, molestie lobortis felis. Vivamus tortor neque, varius sed sagittis sed, tristique ornare urna. Nam semper mattis velit et rhoncus. Vestibulum arcu ipsum, ornare imperdiet tortor porta, viverra suscipit elit. Aliquam aliquet ultrices purus vel blandit. Cras gravida gravida sem auctor dictum. Pellentesque a convallis lorem. Nulla mattis non ligula a venenatis. Phasellus at euismod felis. Nulla egestas, mi porta molestie semper, augue mauris aliquam libero, vel iaculis dui enim eu risus. Duis accumsan in turpis eu tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat ligula ac tristique scelerisque. Duis euismod id metus vel lobortis. Duis volutpat lorem augue, sit amet malesuada tortor varius ut. Ut eu mollis tortor, lacinia tristique diam. In vel massa magna. Duis molestie tortor non elit hendrerit, eget volutpat risus vulputate. Nulla sollicitudin condimentum interdum. Praesent et odio arcu. Aliquam et molestie quam. Sed mattis ex at congue rutrum. Praesent luctus neque scelerisque, ullamcorper risus eget, porttitor risus. Duis sed tortor vitae magna cursus interdum et quis quam. Maecenas sed pharetra sapien. Ut luctus aliquet commodo. Integer lorem augue, tristique et lacinia sed, eleifend pretium mauris. Etiam cursus et ligula a ornare. Aenean facilisis vel eros eu tristique.


    Mary DoeProin cursus faucibus nunc, sit amet scelerisque tortor dignissim at. Nulla bibendum a erat et cursus. Suspendisse est mi, ornare eu ante id, condimentum sollicitudin orci. Ut nec risus fermentum, gravida libero nec, volutpat diam. Vestibulum cursus turpis nec lorem suscipit, vel cursus odio scelerisque. Nunc vitae erat sed augue lacinia blandit. Donec consequat tortor odio, ac pulvinar dolor tincidunt ut. Praesent bibendum, lorem et bibendum porta, erat erat bibendum nibh, quis porttitor neque nulla id ligula. Pellentesque porttitor efficitur eleifend. Vivamus aliquam dolor arcu, ut mollis nibh ultricies in. Suspendisse sagittis egestas urna, ac dapibus diam ullamcorper in. Proin molestie pharetra diam non finibus. Nam turpis quam, bibendum vitae lectus non, malesuada aliquet ante. Proin egestas lacus vel eleifend pellentesque. Cras nec augue porta, consequat dolor et, ultricies elit. Aenean at ex sed sem eleifend venenatis. Vivamus ultrices est sit amet ligula eleifend, vel dignissim nisi cursus. Donec vel gravida lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur at quam sodales leo scelerisque dictum. Mauris molestie augue eget mi condimentum pulvinar. In hac habitasse platea dictumst. Nullam odio magna, iaculis sit amet mauris nec, gravida finibus est. Nunc turpis diam, pellentesque in lorem sit amet, dignissim fermentum mauris.

    Selbst erstellte Kommentarboxen

    Diese Boxen sollen Kommentare darstellen die auf der Startseite hervorgehoben werden sollen, es werden KEINE Daten von der verwendeten Software abgerufen da dieses Beispiel nur HTML beinhaltet.

    Walt Doe Geschrieben am 28.Februar 2026

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Herb Doe
    John Doe Geschrieben am 17.Juni 2026

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    John Doe
    Walt Doe Geschrieben am 01.Mai 2026

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Walt Doe
    Jane Doe Geschrieben am 19.Juni 2026

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Jane Doe

    Standardüberschriften

    Dieses sind Textbeispiele für diverse Überschriften mit Anpassung an die Schriftgröße eines verwendeten Stils.

    h1 (28px im Standardstil vorgegeben)

    h2 (23px im Standardstil vorgegeben)

    h3 (18px im Standardstil vorgegeben)

    h4 (15px im Standardstil vorgegeben)

    h5 (12px im Standardstil vorgegeben)


    Überschriften mit eigenen 'title'-Klassifizierungen

    Dieses sind Textbeispiele für diverse Überschriften mit eigener Anpassung an die Schriftgröße.

    h1 class title (60px)

    h2 class title (50px)

    h3 class title (40px)

    h4 class title (30px)

    h5 class title (20px)

    Zitatbox

    Dieses Zitat ist nur ein Beispiel mit eigenen Textinhalt.

    Das ist ein Zitat (quote) mit vergrößerten Textinhalt (130%)

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus rhoncus enim ex, convallis accumsan nisi blandit id. Sed consequat molestie urna, vel tempor eros dapibus id. Nunc in sapien nec lectus condimentum suscipit in at nisl. Suspendisse potenti. Suspendisse potenti. Quisque tincidunt imperdiet commodo. Nam ultricies vulputate dapibus. Vestibulum feugiat sollicitudin nisi, sit amet elementum est molestie eget. Sed arcu augue, luctus at orci id, molestie lobortis felis.

    Markierter Text (auch als 'Highlight' bekannt)

    Clock round the earhole scrumpy bit of a Jack the lad in the jacksy got a lot of brass knows bugger all about nowt grub's up, The Doctor penny-dreadful it's me peepers ridiculous have a butcher's at this darling. Das ist ein markierter Text (mark) mit Link im Textinhalt. Bog off cor blimey' chinwag biscuits picalilly, gutted blummin' a cuppa.

    Abbr Textlink

    Das ist ein Text mit abbr-Inhalt (abbr), beim hoovern mit dem Mauszeiger wird ein selbst festgelegter Text angezeigt. Für den mobilen Einsatz ist diese Art von Hinweisangaben nicht geeignet, es empfiehlt sich dort mit direkter Textanzeige zu arbeiten.

    Hinweisboxen

    Es gibt 4 verschiedene Hinweisboxen im Woltlab CMS (info, success, error & warning), hier sieht man diese als Beispiel eingefügt wie sie der jeweilig genutzte Stil anzeigt:

    Erfolgreich! Dieses Warnfeld kann auf eine erfolgreiche oder positive Aktion hinweisen. Das ist ein Link
    Information! Dieses Informationsfeld kann auf eine neutrale informative Änderung oder Aktion hinweisen. Das ist ein Link
    Fehler! Dieses Fehlerfeld kann auf eine gefährliche oder möglicherweise falsche Aktion hinweisen. Das ist ein Link
    Warnung! Dieses Warnfeld kann auf eine Warnung hinweisen, die möglicherweise beachtet werden muss. Das ist ein Link

    FontAwesome 6 - Icons & Brand Icons

    Mit FontAwesome werden diverse Symbole, sogenannte Icons, in Webseiten/Templates der aktuellen Woltlab Software dargestellt. Standard-Icons können in Templates relativ einfach mit dem Code

    <fa-icon size="48" name="NAME_DES_ICON"></fa-icon> eingebunden werden, bei den sogenannten Brand-Icons (Symbole von Firmen/Organisationen, Social Media-Plattformen und mehr) ist aber ein anderer Code in der Woltlab Software notwendig der so aussehen sollte: {icon size='48' name='NAME_DES_ICON' type='brand'}.


    Um ein Standard-Icon festzulegen muss der Name des icon im Codeteil

    name='NAME_DES_ICON' eingetragen werden - eine Übersicht der frei verfügbaren Icons findet man HIER, die Übersicht der Brand-Icons kann HIER aufgerufen werden. Die Größe des verwendeten Icons wird im Codeteil size=48 angepasst, es können dafür folgende Pixelgrößen genutzt werden: 16, 32, 64, 96 oder 128.


    Hier ein paar optische Beispiele für die Größen der FontAwesome-Icons um sich ein besseres Bild davon machen zu können:


    Sollen FontAwesome-Symbole in reinen HTML-Seiten dargestellt werden, so muss der Code dafür etwas anders aussehen um zu funktionieren. Als Beispiel nehmen wir hier das Symbol 'user-circle'...


    Dieses ist der HTML-Standardcode ohne dem Zusatz 'solid':

    <fa-icon size='32' name='user-circle'></fa-icon> und so wird das Symbol damit dargestellt:

    ... und das ist der HTML-Standardcode mit dem Zusatz 'solid':

    <fa-icon size='32' solid='' name='user-circle'></fa-icon> und so wird das Symbol dann wie folgt angezeigt:



    Eine weitere Funktion zur Darstellung von einigen FontAwesome-Symbolen ist die Angabe ob diese 'solid' oder 'regular' dargestellt werden sollen, dieser Zusatz kann in Tempatecode sowie html genutzt werden. Auch hier wieder ein Beispiel anhand des Symbols 'user-circle'...


    Dieses ist der Standardcode ohne dem Zusatz 'solid':

    <fa-icon size="32" name="user-circle"></fa-icon> und so wird das Symbol damit dargestellt:

    ... und das ist der HTML-Standardcode mit dem Zusatz 'solid':

    <fa-icon size="32" solid='' name="user-circle"></fa-icon> und so wird das Symbol dann wie folgt angezeigt:

    Dieses ist eine Tabelle mit Seitentext linksseitig (h2)

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.


    Duis molestie tortor non elit hendrerit, eget volutpat risus vulputate. Nulla sollicitudin condimentum interdum. Praesent et odio arcu. Aliquam et molestie quam. Sed mattis ex at congue rutrum. Praesent luctus neque scelerisque, ullamcorper risus eget, porttitor risus. Duis sed tortor vitae magna cursus interdum et quis quam. Maecenas sed pharetra sapien. Ut luctus aliquet commodo. Integer lorem augue, tristique et lacinia sed, eleifend pretium mauris. Etiam cursus et ligula a ornare. Aenean facilisis vel eros eu tristique.


    Proin cursus faucibus nunc, sit amet scelerisque tortor dignissim at. Nulla bibendum a erat et cursus. Suspendisse est mi, ornare eu ante id, condimentum sollicitudin orci. Ut nec risus fermentum, gravida libero nec, volutpat diam. Vestibulum cursus turpis nec lorem suscipit, vel cursus odio scelerisque. Nunc vitae erat sed augue lacinia blandit. Donec consequat tortor odio, ac pulvinar dolor tincidunt ut. Praesent bibendum, lorem et bibendum porta, erat erat bibendum nibh, quis porttitor neque nulla id ligula. Pellentesque porttitor efficitur eleifend.

    Tabellentitel (th) Tabellentitel verlinkt (th)
    Fülltext der Zelle #1 Zahl 50,000.00
    Fülltext der Zelle #2 Zahl 10,000.00
    Fülltext der Zelle #3 Zahl 85,000.00
    Fülltext der Zelle #4 Zahl 56,000.00
    Fülltext der Zelle #5 Zahl 98,000.00