Seite 1 von 1
flexible Breite eines Bannerbildes
Verfasst: 26.01.2016 17:58
von 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.
Re: flexible Breite eines Bannerbildes
Verfasst: 27.01.2016 11:00
von 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.
Re: flexible Breite eines Bannerbildes
Verfasst: 27.01.2016 11:23
von 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
Re: flexible Breite eines Bannerbildes
Verfasst: 27.01.2016 14:49
von unicorn75
Juppi hat geschrieben: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
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.
Re: flexible Breite eines Bannerbildes
Verfasst: 27.01.2016 16:55
von unicorn75
Tja wenn ich jetzt den Faceheader auf "background-repeat: no-repeat; " setzen könnte aber finde in den Dateien der extension nichts
Re: flexible Breite eines Bannerbildes
Verfasst: 27.01.2016 18:31
von 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.
Re: flexible Breite eines Bannerbildes
Verfasst: 27.01.2016 19:03
von unicorn75
Danke, ich werde mich durcharbeiten.