Banner auf der Website

 
badMoon
Benutzer
Avatar
Geschlecht:
Herkunft: Nettetal / NRW
Alter: 72
Homepage: musikzirkus.eu
Beiträge: 246
Dabei seit: 02 / 2013
Betreff:

Banner auf der Website

 · 
Gepostet: 28.07.2025 - 10:54 Uhr  ·  #1
Guten Morgen in das Forum,

im kommenden Jahr besteht unser Forum 20 Jahre. Zu diesem Anlass möchte ich gerne, sofern möglich, ein spezielles Banner erstellen.

Ist es möglich, ab dem Tag x eine rückwärts zählende Uhr in das Banner zu integrieren? Und, das Banner darf ja auch eine gif-Datei sein - oder gibt es andere Möglichkeiten, ein relativ hochwertiges Banner zu erstellen, auf dem sich bewegliche Elemente befinden, welches dennoch nicht sehr speicherintensiv ist?

Besten Dank und Gruß,
Wolfgang
cback
Admin
Avatar
Geschlecht:
Herkunft: Saarland
Alter: 40
Homepage: cback.net
Beiträge: 17741
Dabei seit: 12 / 2003
Betreff:

Re: Banner auf der Website

 · 
Gepostet: 28.07.2025 - 14:22 Uhr  ·  #2
Hi Wolfgang,

möglich ist alles, aber man muss es entsprechend einrichten und im Template verdrahten bzw. im Falle eines Countdowns auch ein Script dafür suchen oder entwickeln, welches das tut.

Wenn Du das Banner selbst animieren möchtest gäbe es die Möglichkeit, mit einem Video-Hintergrund zu arbeiten. Diese sind im .mp4 Format meistens sogar platzsparender als .gif und sehen auch hochwertiger aus, da sie im gesamten Farbspektrum arbeiten. Kennst Du sicher von manchen Webseiten, wo hinter dem Text ein Video dudelt. Hierfür müsste man allerdings den Header umstellen bzw. nur für die Startseite/Portalseite eine eigene Variante programmieren, die entsprechend in Style und HTML5-Player das Video als Hintergrund abspielt. Auf die gesamte Seite würde ich das nicht anwenden, weil das macht alles gerade auf Smartphones mit kleiner CPU etwas langsamer. Außerdem müssten wir das Video je nach Auflösung "beschneiden" und das dem Header auch beibringen, das heißt, dass man da am Style ein bisschen was umbauen müsste, damit das funktioniert. Der aktuell genutzte Parallax Effekt würde sich beispielsweise beim Video verhaken.

Für den Countdown kann man dann ein JavaScript entwickeln und einbinden, welches einen Countdown-Text überlagert bzw. die Restzeit.

Also ja, möglich ist es, aber hat natürlich die Notwendigkeit eines Style & Script Umbaus, da gibt es jetzt keinen Schalter für, den Du einfach einschalten könntest. :)

Alternativ könntest Du auf der Portal-Seite einen HTML Container einrichten und dort ein Video beispielsweise einbetten, welches dann in der Box abläuft. Wenn wir aber so komplex werden wollen, dass da auch ein Countdown überlagert wird, kommt man um zusätzliche Scripte wieder nicht rum. Dennoch wäre so eine Integration in einer Portal Box oder als Widget leichter, als den Header des Forums tiefer umzubauen. Je nach Aufbau des Codes könnte man so eine Box dann auch auf dem Foren-Index wiederverwenden und die Scripte über ein Plugin reinschießen, dann ist später beim "Rückbau" nicht so viel Änderung am Template nötig bzw. je nach Position vielleicht sogar gar nichts, weil es 100 % über Plugin realisiert werden könnte.

Viele Grüße,
Chris
badMoon
Benutzer
Avatar
Geschlecht:
Herkunft: Nettetal / NRW
Alter: 72
Homepage: musikzirkus.eu
Beiträge: 246
Dabei seit: 02 / 2013
Betreff:

Re: Banner auf der Website

 · 
Gepostet: 29.07.2025 - 14:27 Uhr  ·  #3
Jesses, das wäre zu aufwendig für diese kurzfristige Angelegenheit.

Hallo Andreas,

vielen Dank für Deine schnelle und wie immer sehr ausführliche Antwort. Dass solch ein Aufwand betrieben werden müsste, hätte ich nicht gedacht. So werde ich ein statisches Banner erstellen. Dafür, dass es lediglich ein paar Tage online sein wird, sollte das dann ausreichen.

Nochmals Danke und LG,
Wolfgang
cback
Admin
Avatar
Geschlecht:
Herkunft: Saarland
Alter: 40
Homepage: cback.net
Beiträge: 17741
Dabei seit: 12 / 2003
Betreff:

Re: Banner auf der Website

 · 
Gepostet: 29.07.2025 - 22:12 Uhr  ·  #4
Hallo Wolfgang,

Andreas ist zwar in Urlaub, hier ist Chris :D ;-) - aber dennoch wie immer sehr gerne gemacht, die Antwort!

Über ein Plugin und ein "Kästchen" oder Banner zwischen Header und Content auf Portal oder Index wäre jetzt für einen geübten Coder sicher nicht so viel Aufwand. Vielleicht allerhöchstens eine Stunde; aber wenn man dahingehend selbst noch nichts gemacht hat, hast Du recht: Dann würde es gerade mit dem interaktiven Countdown wohl ein wenig dauern. Ein reines Banner oder Video hingegen sollte nicht so das Problem sein. Notfalls sogar einfach kurzzeitig hardcodiert im Index- oder Portal-Template rein, und später wieder raus.

Falls Du so eine kleine Box auf den Index möchtest mit einem Link zu einem MP4 Video, dass darin abspielt oder so, sag gerne bescheid, dann kann ich Dir zumindest den Codeschnipsel nennen, das ist "hardcodiert" jetzt nichts großes. Nur als Plugin bräuchte es dann nochmal ein bisschen Peripherie, das wäre über Support-Thread dann etwas zu umfangreich zu erklären.

Aber vielleicht hast Du auch recht, und es lohnt sich für den kurzen Moment gar nicht.

Sag jedenfalls gerne Bescheid, falls Du weitere Unterstützung benötigst.

Viele Grüße,
Chris
badMoon
Benutzer
Avatar
Geschlecht:
Herkunft: Nettetal / NRW
Alter: 72
Homepage: musikzirkus.eu
Beiträge: 246
Dabei seit: 02 / 2013
Betreff:

Re: Banner auf der Website

 · 
Gepostet: 12.02.2026 - 13:16 Uhr  ·  #5
Andreas, ...tsss tss ts, ...wie konnte ich nur :-/

Hallo Chris,

Noch eine Nachfrage, - die Grafik ist fertig.

Während der "Jubiläumszeit" soll oben das Banner/der Header auf der Start-/Portalseite und den "Unterforen" nicht ganz so hoch ausfallen. Ebenso soll während dieser Zeit der Name des "Unterforums" nicht auf dem Banner eingeblendet werden.

Das werde ich sicher gewuppt kriegen - nur, an welchen Stellen muss ich eingreifen? Kannst Du mir bitte sagen, wo ich das anpassen kann?

Herzlichen Dank und viele Grüße,
Wolfgang
cback
Admin
Avatar
Geschlecht:
Herkunft: Saarland
Alter: 40
Homepage: cback.net
Beiträge: 17741
Dabei seit: 12 / 2003
Betreff:

Re: Banner auf der Website

 · 
Gepostet: 12.02.2026 - 13:56 Uhr  ·  #6
Hi Wolfgang,

die Anzeige von Titeln und Beschreibungstexten wird in der templates/(deinTemplate)/header.htm gesteuert. Du findest alles (da gibt es mehrere Schalter für Intro und Subforen etc.) in dem Block der Beginnt (zumindest beim nicht modifizierten MIRA Standardstyle) mit:
Code
<header id="main-header" class="{if isset($CF4_HEADER_BG_CLASS_HOOK)}{$CF4_HEADER_BG_CLASS_HOOK}{else}cf-main-header{/if}"{if !isset($NOPARALLAX)} data-uk-parallax="{ bg: '-120', media: 1160 }"{/if}>


und endet entsprechend mit

Code
</header>



Die Höhe wird meist durch den Inhalt bestimmt. Es gibt da zum einen den großen Intro-Typ mit den Klassen
Code
cf-intro-background uk-text-break uk-text-left cf-text-intro
in einem DIV und die kleinere Variante mit der Klasse
Code
cf-small-header
, die z.B. in Topic benutzt wird (header nur der kleine Streifen).

Beide Klassen und deren Mindesthöhen kannst Du jeweils in der style.less anpassen. Danach eine neue global.min.css compilieren, wenn Du da was geändert hast. Da Deine Änderungen nur temporär sind, kannst Du aber auch die Klasse weglassen und es einfach über ein style="" Element direkt in der header.htm anpassen und es hinterher wieder rückgängig machen, dann musst nicht die CSS ändern / neu compilieren.

Oh und wenn Du nicht möchtest, dass sich das Hintergrundbild mit bewegt, mache temporär aus dem
{if !isset($NOPARALLAX)} (innerhalb der Zeile von der <header ....) einfach ein {if false}, dann ist das dauerhaft aus und hinterher leicht wieder zu ändern.

LG,
Chris
badMoon
Benutzer
Avatar
Geschlecht:
Herkunft: Nettetal / NRW
Alter: 72
Homepage: musikzirkus.eu
Beiträge: 246
Dabei seit: 02 / 2013
Betreff:

Re: Banner auf der Website

 · 
Gepostet: 12.02.2026 - 15:29 Uhr  ·  #7
cback
Admin
Avatar
Geschlecht:
Herkunft: Saarland
Alter: 40
Homepage: cback.net
Beiträge: 17741
Dabei seit: 12 / 2003
Betreff:

Re: Banner auf der Website

 · 
Gepostet: 12.02.2026 - 16:07 Uhr  ·  #8
Gewählte Zitate für Mehrfachzitierung:   0

Registrierte in diesem Topic

Aktuell kein registrierter in diesem Bereich

Die Statistik zeigt, wer in den letzten 5 Minuten online war. Erneuerung alle 90 Sekunden.