Seite 2 von 2

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

Verfasst: 15.03.2018 22:32
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.

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

Verfasst: 15.03.2018 23:27
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

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

Verfasst: 20.03.2018 05:07
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

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

Verfasst: 21.04.2018 13:22
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

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

Verfasst: 22.04.2018 18:32
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:

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

Verfasst: 22.04.2018 19:57
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.

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

Verfasst: 22.04.2018 23:59
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

:)