PrimeArea
Dein Gaming-Universum
Test
Eine Gaming-Plattform, die mit dir wächst.
Community, Black Market mit Bewertungssystem, Gameserver-Liste und Streaming-Partner – alles zentral, modern und sicher.
Was macht PrimeArea so besonders?
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
Kaufe, verkaufe oder tausche Accounts, Items, Keys und Spielwährungen über unseren integrierten Black Market – transparent, strukturiert und mit Bewertungssystem.
Gameserver
Präsentiere deinen Gameserver auf PrimeArea, erreiche neue Spieler und werde Teil unserer offiziellen Serverliste mit klaren Kategorien und Sichtbarkeit.
Streaming
Streamer und Content Creator können sich präsentieren, ihren Kanal verlinken und über PrimeArea neue Zuschauer und Reichweite gewinnen.
Premium Mitgliedschaften
Erhalte exklusive Vorteile, spezielle Features und besondere Hervorhebungen mit unseren Premium-Mitgliedschaften und Rangsystemen.
Spiele-Bereiche
Für bekannte Spiele wie GTA, Valorant, Metin2, Fortnite, CS, Battlefield und viele mehr bieten wir eigene, strukturierte Community-Bereiche.
Game News
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
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.
Unser Team!
Designer
UI / UX Design
„Design ist nicht wie es aussieht – sondern wie es funktioniert.“
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
Unser Team
Die Köpfe hinter PrimeArea
Designer
UI / UX Design
„Design ist nicht wie es aussieht – sondern wie es funktioniert.“
Dieses ist ein Accordion Menu
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.
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.
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.
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.
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.
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.
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.
Standardüberschriften
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
h1 class title (60px)
h2 class title (50px)
h3 class title (40px)
h4 class title (30px)
h5 class title (20px)
Zitatbox
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:
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
Um ein Standard-Icon festzulegen muss der Name des icon im Codeteil
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':
... und das ist der HTML-Standardcode mit dem Zusatz 'solid':
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':
... und das ist der HTML-Standardcode mit dem Zusatz 'solid':
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 |
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.