Bilder automatisch verkleinern

Bilder automatisch verkleinern - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Bilder automatisch verkleinern (/thread-35741.html)

Bilder automatisch verkleinern - Gerti - 09.07.2018

Hallo Community,

wie kann ich die von Usern in Beiträgen die (übergoßen) Bilder im Tag

Code:
[img]URL/Bildname.png[/img]

automatisch verkleinern?

Mit diesem Hinweis klappt es leider nicht. Ich vermute mal das ich in irgendeinem Template pauschal die im Hinweis angegebene Class "#content img {Inhalt}" bzw. ".post_body img {Inhalt}" einbinden muss. Wenn ja, wo?

Ziel: Bilder in Beiträgen sollen maximal z.B. mit 500px angezeigt werden.

Danke für etwaige Hinweise.

RE: Bilder automatisch verkleinern - SvePu - 09.07.2018

In der global.css gibt es standardmäßig die CSS Definition:

Code:
.scaleimages img {

    max-width: 100%;

}

Ändere diese einfach zu:

Code:
.scaleimages img {

    max-width: 500px;

    height: auto;

    overflow: hidden;

}

Nach dem Speichern und dem Neuladen der Forums-Seite sollten via [IMG] eingebettete Bilder im Post auf maximal 500px Breite verkleinert angezeigt werden.

RE: Bilder automatisch verkleinern - Gerti - 09.07.2018

Danke für Deine Hilfestellung.

Es stand in der gliobal.css bereits wie folgt:

Code:
.scaleimages img {

max-width: 400px;

max-height: 400px;

}

was die zu groß geposteten Bilder nicht reduzierte. Ich habe es wie von Dir aufgezeigt geändert, aber es verändert sich nichts.

Mit dem Inspector wird mir in der Analyse für die Grafik angezeigt:

Code:
class: mycode_img

wobei ich diese Class in keinem CSS finde.Der mit Inspector herauskopierte Code lautet:

Code:
html body div#container div#header div#content div.wrapper div#posts table#post_34616.tborder tbody tr td.trow2.post_content div#pid_34616.post_body span div#thxpid_34616 img.mycode_img

Auch der am Ende aufgeführte

Code:
img.mycode_img

lässt sich in keinem CSS finden.

Bin da doch etwas ratlos.

RE: Bilder automatisch verkleinern - SvePu - 09.07.2018

Hast du Mal einen Link wo man sich das anschauen kann?

RE: Bilder automatisch verkleinern - Gerti - 09.07.2018

(09.07.2018, 16:45)SvePu schrieb: Hast du Mal einen Link wo man sich das anschauen kann?

Super das Du mir helfen willst. Verwende einfach den Link "Forum" aus der Signatur.

Benutzer: testmybb
Passwort: mybbtest

Wenn Du angemeldet bist, ergänze die URL mit "/showthread.php?tid=2803&pid=34616#pid34616", da kannst Du es genau sehen.

Vorab vielen Dank für die Hilfe.

RE: Bilder automatisch verkleinern - SvePu - 09.07.2018

Suche im postbit Template des Themes bitte nach:

Code:
class="post_body"

Und ersetze den Teil durch:

Code:
class="post_body scaleimages"

Damit geht es dann.

RE: Bilder automatisch verkleinern - Gerti - 09.07.2018

Ganz herzlichen Dank für Deine Hilfe. So funktioniert es jetzt perfekt.