phpBB.de

Nach dem Update auf 3.2. stelle ich fest, dass Grafiken die ich in die overall_header.html einbinde, für mobile User nicht automatisch verkleinert werden. Wenn ich beispielsweise einen 468*60px Banner in den Header einbaue, werden im Smartphone nur die linken 250 px de Banners angezeigt. Der Rest ist nicht sichtbar, auch kann man nicht seitlich scrollen.

Was muss ich tun, damit die Grafiken automatisch angepasst werden?

Meinst du das Hintergrundbild? Wenn ja, dann könntest du es mal mit dem CSS-Befehl probieren: Das musst du im colours.css einfügen, da wo das Hintergrundbild definiert wird. Einfach mal mit den Prozentwerten spielen.

Nein, ich meinte normale Grafiken, z.B. Bannergrafiken. Innerhalb der Beiträge werden die Grafiken automatisch verkleinert, nur im Header und Footer nicht.

Hi,

mal wieder ein paar Fragen vorab, da die Realisierung automatisch mit der Displayauflösung skalierender Grafiken im Header keine wirklich triviale Sache ist:

In welchen Style sollen sie eingefügt werden: in prosilver oder in einen anderen?
Ersetzen die Banner das ursprüngliche Logo oder kommen sie als zusätzliche Grafik (= neben Logo und evtl. Boardbeschreibung) in den Header?
Wo im Header sollen sie angezeigt werden?
Wie hast Du sie momentan eigebunden (HTML und CSS)?

Am besten wäre vielleicht ein Link zu Deinem Board, damit man sich dies direkt anschauen kann.

Hi, ich habe einen 468*60 Banner neben dem Logo eingebaut, auch einen im Footer und auch unterhalb des Headers in die overall_header.html. Überall dasselbe Ergebnis. Es handelt sich also um zusätzliche Grafiken. Habe prosilver in Einsatz und habe sie per HTML eingebunden.

CSS Dateien habe ich unberührt gelassen. Vermutlich liegt hier das Problem?

Lizardx hat geschrieben:CSS Dateien habe ich unberührt gelassen. Vermutlich liegt hier das Problem?

Ja.
Es reicht eben nicht, an irgendeiner Stelle einen zusätzlichen HTML-Code einzufügen, ohne auch für die passende Formatierung der Anzeige zu sorgen

Wie wäre es mit einem Link zum Board? Mit den wenigen Infos, die wir bisher von Dir bekommen haben, lässt sich schwer eine passende Antwort auf Deine Frage finden.

ok, hier http://www.

Habe das Banner eingebunden, werde es aber in paar Stunden wieder entfernen

Das Banner sitzt im Body und nicht im Header (wenngleich auch in der overall_header.html) und wird ab einer horizontalen Auflösung von 480 Pix auch vollständig angezeigt.

Gib mir ein paar Minuten Zeit für einen ersten groben Ansatz.

btw:
Wie wäre es mit einer zentrierten Anzeige des Banners?

Öffne das common.css und finde Füge width: 100%; ein.
Das führt dazu, dass das Bild mitzoomt. Da dieser Befehl bei allen Bildern greift, zoomen logischerweise alle Bilder mit. Wenn du das nicht möchtest, musst du eine eigene Klasse für das Bild einfügen, z.B.
Dann musst du das auch noch in der Template-Datei anpassen, in deinem Falle also in der index_body.html:
<img class="img-body" src="http://www.slackline-tipps.de/images/banner2.gif">

@Lizardx

Da Du in Deinem Board das phpBB Copyright entfernt hast entferne ich den bereits von mir geposteten alternativen Lösungsansatz wieder.

Siehe hierzu auch unsere phpBB.de-Knigge:

Knigge hat geschrieben:Weist ein von dir im Beitrag, im Weblink oder in der Signatur verlinktes Forum kein phpBB Copyright auf, erhältst du auf phpBB.de keinerlei Support.

Um zukünftig wieder Support erhalten zu können, füge das Copyright wieder ein.

-------------------------------------


@vfrblue

Bitte ein eigenes Thema aufmachen, da Deine Frage in keiner Verbindung zur Fragestellung des TEs hier steht - ansonsten wird es hier sehr schnell unübersichtlich und aus einem "sich einklinken" ungewollt ein "das Thema hijacken"

Ich trenne Deinen Beitrag plus die Antwort(en) auf ihn hier ab und lagere ihn in ein eigenes Thema aus.
viewtopic.php?f=153&t=239215