flexible Breite eines Bannerbildes

[unicorn75]

Hallo,

ich wollte oben ein Bannerbild einsetzen, anstatt einfacher Hintergundfarbe. An sich dachte ich dabei an die extension "Fade Header" als optimale Lösung oder eben ein einzelnes Bild entsprechend als Background-image .headerbar

Code: Alles auswählen

{
        background-color: #F1CD26;
        background-image: url("./images/test.jpg");
        background-repeat: no-repeat;
        color: black;
        border: 1px solid DarkOrange;
}

Aber als ich mich bei den potentiellen Benutzern des Forums erkundigte, stellte sich heraus, dass sie sehr unterschiedliche Bildschirmauflösungen verwenden - vom Smartphone bis 1920x1080. Daher wäre eine feste größe des Bannerbildes bzw. genau gesehen auch des Logos ungünstig. Ich glaube beim fade header fehlt auch eine solche Funktion. Also theoretisch sollte eine abfrage der Bilschirmgröße des Benutzers erfolgen und dementsprechend eine % Bildgröße von 30-100% aber ich habe NULL Ahnung, wie und ob man es umsetzen kann. Als Style dient der prosilver als Grundlage.

[BertB]

Teste doch einfach dein Forum hier => http://www.responsive-design-test.de/
oder auch http://www.responsive.cc/

Mir ist bekannt, das "Fade Header" die Grafik ausblendet oder verkleinert (in der Höhe) darstellt.

[Joyce&Luna]

Hallo

Wenn man sich was responsives anzeigen lassen möchte, gibt es noch andere Möglichkeiten.
Firefox bietet zum Beispiel unter Extras-Web-Entwickler- Bildschirmgrößen testen
In Chrome findest man das ganze unter Weitere Tools - Entwickler Tools

Es gibt dafür aber auch Add Ons

Anke

[unicorn75]

Hallo

Wenn man sich was responsives anzeigen lassen möchte, gibt es noch andere Möglichkeiten.
Firefox bietet zum Beispiel unter Extras-Web-Entwickler- Bildschirmgrößen testen
In Chrome findest man das ganze unter Weitere Tools - Entwickler Tools

Es gibt dafür aber auch Add Ons

Anke

Teste doch einfach dein Forum hier => http://www.responsive-design-test.de/
oder auch http://www.responsive.cc/

Mir ist bekannt, das "Fade Header" die Grafik ausblendet oder verkleinert (in der Höhe) darstellt.

Danke euch beiden aber bisher ist mein Forum noch in der Erstellungsphase sprich es läuft nur offline in einer XAMPP Umgebung, daher meine Frage. Es klingt schon mal gut, dass "Fade Header" anscheinend mitdenkt. Würden ihr dann empfehlen dementsprechend breite Grafiken zu nehmen, ich dachte an eine Höhe von 180px und etwa 900 breit. Im FF habe ich bisher einfach mal eine Zoon App genutzt und von 30-150% probiert. Da erschien allerdings beim "Fade Header" alles fix.

[unicorn75]

Tja wenn ich jetzt den Faceheader auf "background-repeat: no-repeat; " setzen könnte aber finde in den Dateien der extension nichts

[Talk19zehn]

Hi, evtl. helfen jene Teilchen in Sachen Logo, falls gemeint, denn die genannte Extension für einen Banner oder mehrere Banner kenne ich leider nicht.

https://www.phpbb.com/community/viewtop ... &t=2270871


https://www.phpbb.com/customise/db/extension/site_logo/
https://www.phpbb.com/customise/db/exte ... go/support


Ich persönlich gehe an jener Stelle u.U. eigene Wege (von Fall zu Fall). Daher sind die Links ohne Gewähr, da meinerseits nie für Banner getestet.

Gruß

Edit:
Bin mir nicht sicher, was tatsächlich gemeint ist.

P.S.: "Normalerweise" wird in den Container der Klasse headerbar, das site_logo erfasst.

[unicorn75]

Hi, evtl. helfen jene Teilchen in Sachen Logo, falls gemeint, denn die genannte Extension für einen Banner oder mehrere Banner kenne ich leider nicht.

https://www.phpbb.com/community/viewtop ... &t=2270871


https://www.phpbb.com/customise/db/extension/site_logo/
https://www.phpbb.com/customise/db/exte ... go/support



Ich persönlich gehe an jener Stelle u.U. eigene Wege (von Fall zu Fall). Daher sind die Links ohne Gewähr, da meinerseits nie für Banner getestet.

Gruß

Danke, ich werde mich durcharbeiten.