[3.2] [3.2.0] Bild statt Forenregeln - Wie kann es für Smartphones sichtbar gemacht werden?

Fragen rund um die Installation, Administration und Benutzung von phpBB.
Forumsregeln
Bitte im Thementitel den Präfix deiner phpBB-Version angeben
Benutzeravatar
Melmac
Ehemaliges Teammitglied
Beiträge: 3623
Registriert: 15.10.2012 03:27

Re: [3.2] [3.2.0] Bild statt Forenregeln - Wie kann es für Smartphones sichtbar gemacht werden?

Beitrag von Melmac »

jan_2012 hat geschrieben: Ich möchte jetzt nur von euch wissen , ob es machbar wäre das angezeigte Bild im Forumverzeichnis auf dem Server so darstellen zulassen , das es lesbar ist.
Mal angenommen, es wäre machbar, dann hängt die Antwort (also: die "Lesbarkeit") vom Inhalt des konkreten Bildes ab und von dem, was darauf dargestellt bzw. zu lesen sein soll.

Probiere es doch mal aus: nimm das Bild, skaliere es runter auf die Displaybreite eines normalen Smartphones in cm (nicht in Pixel) und schau, ob das noch erkennbar ist, was zu lesen sein soll.
Das gibt zwar nur einen mehr oder weniger realistischen Eindruck, aber immerhin: es wäre ein Anhaltspunkt dafür, ob es einen Sinn ergibt, sich die Arbeit zu machen, dies dann auch umzusetzen.
Handle nur nach derjenigen Maxime, durch die du zugleich wollen kannst, dass sie ein allgemeines Gesetz werde.
(Immanuel Kant)
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 4909
Registriert: 08.06.2009 12:03
Kontaktdaten:

Re: [3.2] [3.2.0] Bild statt Forenregeln - Wie kann es für Smartphones sichtbar gemacht werden?

Beitrag von Talk19zehn »

Tja, soeben durchgespielt. Meine Grafik ist auf 661px508px (Test) bemessen, um sie lesen zu können. Soweit so gut in der Desktop-Ansicht. Mobil macht´s weniger Sinn -> von Fall zu Fall. Evtl. ist mein Schriftgrad auf der Grafik zu knapp ausgerichtet. Die Ansicht wird natürlich mächtig bei der Bildgröße. Also müsste wohl noch ein Toggle daherkommen.... (aufklappen, zuklappen) ?! Die Grafik liegt im VZ ===> /styles/prosilver/theme/images.

Hm, wenn ich mir die viewforum_body und viewtopic_body betrachte, finde ich kaum ein passendes Event. Davon mal abgesehen, habe ich nun jenen Test ausgeführt:

CSS: TEST --> nur ein erster Ansatz, nicht optimiert und daher verbesserungswürdig ...

Code: Alles auswählen

.imgrules img {
	max-width: 100%;
	height: auto;
	margin: 12px;
}
HTML: TEST -- > viewtopic_body.html

gesucht:

Code: Alles auswählen

<!-- IF S_FORUM_RULES -->
	<div class="rules<!-- IF U_FORUM_RULES --> rules-link<!-- ENDIF -->">
		<div class="inner">

		<!-- IF U_FORUM_RULES -->
			<a href="{U_FORUM_RULES}">{L_FORUM_RULES}</a>
		<!-- ELSE -->
			<strong>{L_FORUM_RULES}</strong><br />
			{FORUM_RULES}
		<!-- ENDIF -->

		</div>
	</div>
<!-- ENDIF -->
und ersetzt durch:

Code: Alles auswählen

<!-- IF S_FORUM_RULES -->
	<div class="rules<!-- IF U_FORUM_RULES --> rules-link<!-- ENDIF -->">
		<div class="inner">

		<!-- IF U_FORUM_RULES -->
			<a href="{U_FORUM_RULES}">{L_FORUM_RULES}</a>
		<!-- ELSE -->
			<strong>{L_FORUM_RULES}</strong><br />
			{FORUM_RULES}
		<!-- ENDIF -->

		</div>
		<div class="content">
			<h3>Grafische Vorlagen - Neuigkeiten - Mitteilungen</h3>
				<div class="imgrules"><img src="{T_THEME_PATH}/images/vorlageninfo661x508.png" alt="Informationen - Grafische Vorlage" /></div>
		</div>
	</div>
<!-- ENDIF -->

Glücklich bin ich mit dem Ergebnis nicht wirklich. Sprachvariablen habe ich auf die Schnelle nicht ins System gezaubert ... :wink:

Meiner Auffassung nach, die bessere Alternative:
Die nächste Idee wäre, diesen jeweiligen Eintrag, zu finden in beiden Templates,
<!-- NOTE: remove the style="display: none" .....
<!-- IF FORUM_DESC --><div style="display: none !important;">{FORUM_DESC}<br /></div><!-- ENDIF -->
zu nutzen.
Der Ansatz wäre durchaus machbar, wenn die Forumsbeschreibungen vorhanden sind und darin zu einem Artikel und/oder auf eine Grafik verlinkt würde. Auch hier steht und fällt die mobile Ausgabe (Ansicht) mit der Grafikgröße.

Evtl. ist auch eher eine .pdf die bessere Lösung, die man linkt ==> nur ganz leise gedacht. Mehr Ideen habe auch ich nicht am Lager. Evtl. hilft´s ein wenig weiter, wenn der Wunsch so groß ist.

LG
Beste Grüße
phpBB3 Designs: Stylearea Ongray-Designs
Benutzeravatar
jan_2012
Mitglied
Beiträge: 216
Registriert: 23.04.2017 16:45

Re: [3.2] [3.2.0] Bild statt Forenregeln - Wie kann es für Smartphones sichtbar gemacht werden?

Beitrag von jan_2012 »

Hallo Talk19zehn.

Herzlichen Dank für deine sehr ausführliche Erläuterung der beschriebene Umsetzung.Ich teste deine Vorschläge und werde berichten.

Danke dir bis hier hin .

Mfg Jan
Benutzeravatar
jan_2012
Mitglied
Beiträge: 216
Registriert: 23.04.2017 16:45

Re: [3.2] [3.2.0] Bild statt Forenregeln - Wie kann es für Smartphones sichtbar gemacht werden?

Beitrag von jan_2012 »

Muss das nochmal aufrollen.

Wohin wurde der obige CSS reinkopiert?
In die CSS Datei "content"?

Ich denke das kommt in die CSS Datei "colour.css" bei rules rein - oder?

Es geht ja nur drum das der Inhalt (falls es ein Bild ist) auch bei Bildweite bis maximal 600 px (mobile Ansicht) reduziert wird.#
Das es geht kann man in diversen Extensionen (Headerbanner etc) sehen.

Gruss Jan
Benutzeravatar
jan_2012
Mitglied
Beiträge: 216
Registriert: 23.04.2017 16:45

Re: [3.2] [3.2.0] Bild statt Forenregeln - Wie kann es für Smartphones sichtbar gemacht werden?

Beitrag von jan_2012 »

Thema selbst gelöst - hat zwar gebraucht aber wer probiert wird auch schlauer dabei ;-)

Im /root/styles/prosilver/themedie color.css Datei suchen und mit Notepad++ öffnen.

Ab Zeile 314 das hier einfügen:

Code: Alles auswählen

.rules img {
        max-width: auto;
        height: auto;
		border-radius: 7px;
}

@media (orientation: portrait)
{
    .rules img {
        max-width: 350px;
        height: auto;
    }
}

@media (orientation: landscape)
{
    .rules img {
        max-width: 590px;
        height: auto;
    }
}
Und nun werden die Bilder , die in jeden Forum über das Feld Forumregeln anders eingestellt werden können, am Handy im Hochformat und Querformat auf die maximale (eingestellte) Breite "maximiert".

Bin damit mehr als zufrieden.

Zusätzlich habe ich in der color.css die Platzverhältnisse für das Bild geschaffen.
Ab Zeile 310habe alles raus , was mit der optischen Farbgebung und Abständen zu tun hat:

Code: Alles auswählen

div.rules {
	max-width: auto;
	height: auto;
}
Im /root/styles/prosilver/template die beiden Dateien auch noch heruntergeladen:
viewforum_body und viewtopic_body

Hier in Zeile 20 in beiden Dateien den Inhalt

Code: Alles auswählen

			<strong>{L_FORUM_RULES}</strong><br />
entfernen , so dass "Forumregeln" auch nicht mehr erscheint - weil dies ist nun bei mir im Bild drin zu lesen.

Dennoch VIELEN Dank an alle die mir versucht haben mein Vorhaben zu unterstützen!

Gruss Jan :cookie:
Benutzeravatar
Melmac
Ehemaliges Teammitglied
Beiträge: 3623
Registriert: 15.10.2012 03:27

Re: [3.2] [3.2.0] Bild statt Forenregeln - Wie kann es für Smartphones sichtbar gemacht werden?

Beitrag von Melmac »

Hi,

das bedeutet dann doch aber auch, dass Du die Forum Rules in der bisherigen Form gar nicht mehr nutzen kannst, sondern zukünftig immer mit Bildern arbeiten musst, oder?

Der zweite Punkt: Du änderst die Dateien von prosilver direkt, arbeitest also nicht mit einem Tochterstyle auf Basis von prosilver?
Bei Styleupdates musst Du diese Anpassungen dann alle erneut vornehmen oder, alternativ, die Änderungen in der neuen Styleversion manuell in Deine aktuelle Version einpflegen.
Handle nur nach derjenigen Maxime, durch die du zugleich wollen kannst, dass sie ein allgemeines Gesetz werde.
(Immanuel Kant)
Benutzeravatar
jan_2012
Mitglied
Beiträge: 216
Registriert: 23.04.2017 16:45

Re: [3.2] [3.2.0] Bild statt Forenregeln - Wie kann es für Smartphones sichtbar gemacht werden?

Beitrag von jan_2012 »

Melmac hat geschrieben:Hi,

das bedeutet dann doch aber auch, dass Du die Forum Rules in der bisherigen Form gar nicht mehr nutzen kannst, sondern zukünftig immer mit Bildern arbeiten musst, oder?.
Jein. Die Funktion Textregeln einzufügen bleibt bestehen,habe ich getestet.Es sind nicht alle Unterforen jm Forum davon betroffen.Das Hauptanliegen war ja "Wie kann ich das Bild an Smartphone anzeigen lassen?"
Melmac hat geschrieben:Der zweite Punkt: Du änderst die Dateien von prosilver direkt, arbeitest also nicht mit einem Tochterstyle auf Basis von prosilver?
Bei Styleupdates musst Du diese Anpassungen dann alle erneut vornehmen oder, alternativ, die Änderungen in der neuen Styleversion manuell in Deine aktuelle Version einpflegen.
Ja ist mir bewusst.

Danke für eure Unterstützung, Tipps und Ratschläge

:)
Antworten

Zurück zu „Support-Forum“