Beiträge von Hasching

Airbourne Fans wächst weiter

In den letzten Wochen hat sich bei airbourne-fans.de einiges getan. Neben neuen Inhalten haben wir vor allem im Hintergrund viele Bereiche erweitert und besser miteinander verbunden.

Aus einer klassischen Fan- und Community-Seite wird damit Schritt für Schritt eine umfangreiche Plattform rund um Airbourne, Hard Rock, Konzerte und andere Bands.

Eigene Bands-Datenbank

Ein großer Bereich ist unsere Bands-Datenbank.

Hier können wir Bands nicht einfach nur in einem Forenthema vorstellen. Jede Band bekommt einen eigenen strukturierten Eintrag mit Informationen, Bildern und weiteren Daten.

Auch die Darstellung wurde weiter angepasst. Dazu gehören unter anderem eigene Titelbilder sowie farbige Tags, mit denen sich die Einträge übersichtlicher darstellen lassen.

Die Bands-Datenbank bildet inzwischen eine wichtige Grundlage für weitere Bereiche der Seite.

Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen. Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen. Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen. Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen.

Eigene Diskografie-Datenbank

Zusätzlich haben wir eine eigene Diskografie aufgebaut.

Alben werden dabei direkt mit der jeweiligen Band verknüpft. Zu den Einträgen können unter anderem folgende Informationen hinterlegt werden:

Albumtitel, Cover, Veröffentlichungsdatum, Albumtyp, Edition und Medium, Label, Trackliste, Beschreibung sowie verschiedene Streaming-Angebote.

Dazu gehören inzwischen auch direkte Verknüpfungen zu Spotify, YouTube Music und Apple Music.

Die Übersichtsseite wurde ebenfalls angepasst. Statt einer normalen Datenbankliste werden die Veröffentlichungen kompakt mit Cover, Albumtitel und den wichtigsten Informationen dargestellt.

Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen. Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen. Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen.

Kalender und Bands miteinander verknüpft

Eine der größten technischen Erweiterungen betrifft unseren Kalender.

Dafür haben wir eine eigene Erweiterung entwickelt, mit der sich Kalendereinträge direkt mit Einträgen aus unseren Datenbanken verbinden lassen.

Bei einem Konzert kann dadurch beispielsweise die auftretende Band direkt aus der Bands-Datenbank ausgewählt werden.

Die Erweiterung wurde für WoltLab Suite 6.2 entwickelt und ist nicht ausschließlich auf unsere Bands-Datenbank beschränkt. Sie kann grundsätzlich auch für andere Datenbanken verwendet werden.

Damit müssen Informationen nicht an mehreren Stellen unabhängig voneinander gepflegt werden.

Kommende Termine direkt bei der Band

Die Kalender-Verknüpfung geht noch einen Schritt weiter.

Auf den Bandseiten können automatisch die kommenden Termine der jeweiligen Band angezeigt werden.

Ist beispielsweise ein Konzert im Kalender mit einer Band verknüpft, erscheint dieser Termin auch direkt beim entsprechenden Bandeintrag.

Die Termine werden chronologisch angezeigt. Gibt es aktuell keine kommenden Veranstaltungen, wird der Bereich automatisch ausgeblendet.

Damit wachsen Bands-Datenbank und Veranstaltungskalender zu einem gemeinsamen System zusammen.

Verbesserte Darstellung und WoltLab 6.2

Auch technisch haben wir einiges modernisiert.

Neue Erweiterungen richten wir konsequent auf WoltLab Suite 6.2 aus. Dabei verwenden wir soweit möglich die aktuellen Funktionen und APIs von WoltLab statt ältere Lösungen weiterzuführen.

Dazu gehört auch die neue Grid-View-Technik von WoltLab, die wir bei geeigneten Listen und Verwaltungsbereichen einsetzen können.

Gleichzeitig achten wir darauf, dass unsere Erweiterungen sowohl mit hellen als auch mit dunklen Stilen funktionieren.

Medien und Titelbilder

Auch bei den Bildern haben wir einiges vereinheitlicht.

Bandseiten und Diskografie-Einträge bekommen passende Titel- und Coverbilder. Für die sehr breiten Titelbilder unserer Bandseiten verwenden wir inzwischen ein Format, das speziell auf die spätere Darstellung innerhalb der Seite abgestimmt ist.

Bei Diskografie-Einträgen werden außerdem die Angaben der Medienverwaltung sauber gepflegt. Dazu gehören Titel, Bildunterschrift und Alternativtext.

Eigene Gestaltung für Videos

Auch eingebettete YouTube-Videos haben wir an den Stil unserer Seite angepasst.

Im Forum können Videos in einer eigenen TV- beziehungsweise Monitor-Optik dargestellt werden. Der etwas rostige Rock-Look passt deutlich besser zur Gestaltung von Airbourne Fans als eine einfache Standard-Einbettung.

Mehr als nur ein Forum

Viele dieser Erweiterungen sieht man einzeln vielleicht nicht sofort. Zusammengenommen verändern sie die Seite aber deutlich.

Forum, Bands, Diskografie und Kalender stehen nicht mehr einfach unabhängig nebeneinander. Die einzelnen Bereiche werden immer stärker miteinander verbunden.

Unser Ziel bleibt dabei, Airbourne Fans nicht mit unnötigen Funktionen zu überladen. Neue Erweiterungen sollen einen echten Nutzen haben und die Inhalte übersichtlicher und leichter zugänglich machen.

Und fertig sind wir damit noch lange nicht.

Ich habe in letzter Zeit wieder an einem neuen Projekt gearbeitet. Diesmal geht es um Airbourne, Hard Rock, Konzerte und Rockmusik allgemein.

Airbourne Fans DE

Airbourne steht bei der Seite klar im Mittelpunkt. Daneben soll aber auch Platz für andere Hard-Rock-Bands, neue Entdeckungen, Konzerte und allgemeine Rockthemen sein.

Die Seite ist in den letzten Wochen Stück für Stück gewachsen.

Mittlerweile gibt es neben dem Forum auch News und Artikel, einen Kalender für Konzerte und Termine, Bandvorstellungen und eine Galerie für eigene Konzertfotos.

Die Mitglieder sollen dort ihre eigenen Konzertbilder zeigen können.

Seit Kurzem gibt es auch einen eigenen YouTube-Kanal.

Dort habe ich meine ersten beiden Konzertvideos hochgeladen. Beide stammen vom Auftritt von The Lazys am 18.09.2026 im Backstage München.

Beim letzten Song stand auch Brad Marr von Sweet Electric mit auf der Bühne.

Den YouTube-Kanal findet ihr hier:

Inzwischen gibt es Airbourne Fans DE auch auf Facebook und Instagram.

Mir geht es dabei aber nicht darum, alles nur auf Social Media zu verlagern. Die eigentliche Community soll weiterhin auf der Website stattfinden. Facebook, Instagram und YouTube sollen das Ganze eher ergänzen und neue Leute auf die Seite bringen.

Beim Design habe ich auf den Atlas-Stil von hier aufgebaut. Den Grundstil fand ich für das Projekt sehr passend und habe ihn nach und nach an das Thema angepasst.

Die Seite sollte direkt nach Rock, Konzert und Bühne aussehen.

Deshalb gibt es viel Schwarz, Rot, Bühnenlicht, Gitarren, Cases und andere Elemente, die zum Thema passen.

Auch am Footer und an verschiedenen anderen Stellen habe ich einiges mit eigenem HTML und CSS angepasst.

Ein kleines Experiment ist auch unser CrewBot.

Der läuft als eigener Benutzer im Forum und soll etwas Leben in die Community bringen. Dabei soll aber immer klar bleiben, dass es kein echter Benutzer ist.

Das Projekt ist noch recht neu und natürlich noch lange nicht fertig.

Ich möchte nach und nach weitere Bandvorstellungen, Konzertberichte, Fotos, Videos und natürlich Airbourne-News hinzufügen.

Mir ist dabei lieber, dass die Seite langsam wächst, als dass ich sie einfach mit irgendwelchen Inhalten vollstopfe.

Airbourne Fans DE ist natürlich ein reines Fanprojekt und keine offizielle Seite der Band.

Falls ihr Lust habt, schaut einfach mal rein:

Über Feedback zum Aufbau, Design oder zur Bedienung freue ich mich natürlich.

Wir haben auf unserer Seite in den letzten Tagen einen neuen Bereich mit einigen kostenlosen Webdesign- und CSS-Tools ergänzt.

Entstanden ist das Ganze vor allem aus dem Gedanken heraus, kleinere Dinge beim Webdesign schnell direkt im Browser ausprobieren zu können – zum Beispiel Farben, Verläufe, Schatten oder Buttons, ohne jedes Mal alles von Hand vorbereiten zu müssen.

Inzwischen sind dort neun Werkzeuge zusammengekommen:

Die Einstellungen können direkt ausprobiert werden und bei vielen Tools lässt sich der fertige CSS-Code anschließend übernehmen.

Die Generatoren sind dabei ausdrücklich nur als kleine Hilfsmittel gedacht. Sie sollen weder individuelles Webdesign noch die Arbeit von Grafikern und Designern ersetzen. Für eigene Ideen und individuelle Gestaltungen braucht es natürlich weiterhin Kreativität und Erfahrung.

Wir haben zusätzlich eine Übersichtsseite erstellt, auf der alle Tools gesammelt zu finden sind:

Vielleicht ist das für den einen oder anderen, der selbst an Webseiten arbeitet oder gelegentlich CSS benötigt, ganz nützlich.

Über Hinweise, Fehler oder Verbesserungsvorschläge freuen wir uns natürlich ebenfalls.

Startseite angepasst.

Zitat von dannyfilth

Schön den Atlas Stil mal "in freier Wildbahn" zu sehen, echt ein Brett

In der Willkommensbox hat sich ein Fehler eingeschlichen

Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen.

Bei "Wenn Sie schon regstriert sind, sollten Sie sich anmelden." fehlt das "i" in "registriert".

Ansonsten vielversprechend, ist in meinen Favoriten gespeichert

Alles anzeigen

Danke habs in wcf.cls-design.registerNote ausgebessert

Ich möchte euch heute gerne unser Grafik- und Designforum Designs Community vorstellen:

Die Design-Community gibt es bereits seit vielen Jahren und es richtet sich an alle, die Spaß an Grafik, Design, Bildbearbeitung, Webdesign, kreativen Projekten und digitalen Medien haben.

Im Forum geht es unter anderem um Grafikanfragen, Avatare, Signaturen, Banner, Logos, Webgrafiken, Grafiksets, Tutorials, Tipps und Tricks rund um Grafikprogramme sowie um den allgemeinen Austausch innerhalb der Community.

Besonders interessant ist der Bereich für kostenlose Grafikanfragen für nicht kommerzielle Zwecke. Dort können Mitglieder zum Beispiel kleinere Grafiken wie Avatare, Signaturen, Forenbanner oder ähnliche Designs anfragen.

Außerdem gibt es Bereiche wie:

Grafikwerkraum
Hier können eigene Arbeiten gezeigt, Feedback eingeholt oder fertige Grafiken präsentiert werden.

Austausch-Ecke
Für Gespräche über neue Software, Grafikdesign, kreative Ideen, Trends und alles, was die Szene bewegt.

Grafik-Kniffe & Tricks
Praktische Tipps, kleine Hilfen und Tricks rund um Grafik, Gestaltung und Bildbearbeitung.

Off -Topic-Bereich
Auch lockere Gespräche abseits von Grafik und Design sind bei uns herzlich willkommen

Mir ist wichtig, dass die Design-Community ein freundlicher Ort für kreative Menschen bleibt. Egal ob Anfänger, Hobbygrafiker oder erfahrener Designer – jeder ist willkommen, der sich für Gestaltung interessiert, sich austauschen möchte oder einfach Lust auf eine nette Community hat.

Wer also Spaß an Grafik, Design und kreativen Projekten hat, darf gerne mal vorbeischauen und mitmachen.

Nächste Woche geht es aufs Konzert von Frei.Wild in Nürnberg

Zitat von BenHW

Alles viel zu überladen und zu viel Schnick Schnack enthalten.

Was meinst du mit Schnick Schnack?

Zitat von BenHW

Ich habe einen 27 Zoll Monitor und bei mir geht die ganze Auflösung bis "Du siehst gerade nur einen Teil des Forums. Mit einer kostenlosen Registrierung bekommst du vollen Zugriff.". Das heißt, dass man schon scrollen muss, bevor man was sieht und das ist fatal. Auf den ersten Blick ohne scrollen zu müssen, muss man schon sehen können, worum es geht. Mich schreckt sowas extrem ab.

Das mit der kostenlosen Registrierung habe ich jetzt ausgeblendet . Ich habe auch eine 27-Zoll-Monitor und sehe alles.

Zitat von BenHW

3 Unterkategorien sehen schrecklich aus, da rechts dann eine fehlt und unschön aussieht.

Meinst du das Mobil? Denn per Desktop ist da alles sichtbar.

Zitat von BenHW

Es mag zwar viel Liebe im Projekt stecken, aber so wird das leider nix werden und die Inaktivität wird bleiben. Auch wird es nicht mehr viele Registrierungen geben.

Nun Ja alles Anfang ist schwer. Ich habe ja auch in unserer WhatsApp-Gruppe (Fast 1000 Mitglieder) noch keine Werbung gemacht. Derzeit beschränke ich mich tatsächlich nur auf Artikel.

Zitat von BenHW

Genau wie im footer Bereich, viel zu groß alles und extrem Platzverschwendung.

Das möchte ich in Zukunft per Datenbank oder Entries Linkliste auslagern

Hab ich jetzt mit folgendem Code ein bisschen abgedunkelt und gleichzeitig einen GLOW Effekt um die Kategorie Bilder gelegt

.wbbBoardNodeContainer__header[data-container-image="true"] {
    position: relative;
    overflow: hidden;
    box-shadow:
        0 0 12px rgba(0, 210, 220, 0.55),
        0 0 28px rgba(0, 210, 220, 0.35);
}

/* Abdunkelnder Verlauf */
.wbbBoardNodeContainer__header[data-container-image="true"]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.78) 0%,
        rgba(0, 0, 0, 0.55) 50%,
        rgba(0, 0, 0, 0.25) 100%
    );
    z-index: 1;
    pointer-events: none;
}

/* Glow-Rahmen */
.wbbBoardNodeContainer__header[data-container-image="true"]::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid rgba(0, 230, 240, 0.65);
    box-shadow:
        inset 0 0 18px rgba(0, 230, 240, 0.35),
        0 0 18px rgba(0, 230, 240, 0.45);
    z-index: 3;
    pointer-events: none;
}

/* Inhalt über Overlay */
.wbbBoardNodeContainer__headline,
.wbbBoardNodeContainer__description,
.wbbBoardNodeContainer__collapsibleButton {
    position: relative;
    z-index: 4;
}

.wbbBoardNodeContainer__title,
.wbbBoardNodeContainer__title a,
.wbbBoardNodeContainer__link {
    color: #fff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.95);
}

.wbbBoardNodeContainer__description {
    color: #fff !important;
    text-shadow: 0 2px 7px rgba(0, 0, 0, 0.95);
}

• Die Headergrafik ist sehr einnehmend (im Querformat werden ca. 2/3 des Bildschirms ausgefüllt)
• Im Forum ist sehr wenig Aktivität, der letzte Beitrag ist vom 22. April.
• Du könntest den Link zur Registrierung bei diesem Hinweis ergänzen:
• Im Hauptmenü sind die "Unerledigten Themen" für Gäste verlinkt.
• Die Banner unter "Medien" haben eine unterschiedliche Größe. Das würde ich angleichen.
• Im Forum ist die rechte Seitenleiste sehr leer (es werden nur Termine und die FB-Gruppe angezeigt).

bulinews könntest du nochmals drüberschauen?