[KaSo]

Hallo,

gibt es die Möglichkeit die Bilder, die das Layout vom MyBB Forum zerschiessen automatisch zu verkleinern?

Dh. wenn ein Mitglied ein Bild was 800px breit ist und das Forumlayout nur 600px breit ist, dass es automatisch auf 600px verkleinert wird.

Gruß

[Amaryllion]

Du könntest das per CSS lösen:

Code:

.post_body img, .signature img {
max-width: 600px;
}

[StefanT]

Beim Standard-Theme von MyBB 1.8 ist das nicht nötig, da werden Bilder bereits verkleinert.

[KaSo]

Leider ist es bei mir nicht der Fall, StefanT.
Muss ich da vll. was einstellen?

[AnyChat]

Also ich mach das bei mir immer mit einem MyCode:

Regulärer Ausdruck

Code:

\[img\](.*?)\[/img\]

Ersetzung

Code:

<a href="$1" target="_blank"><img src="$1" max-width="100%"></a>

Der Code bewirkt das das Bild maximal 100% breit ist und man es direkt anklicken kann, das Bild öffnet sich dann in einem neuen Fenster in der originalen Größe.

Natürlich kann man noch einen Text dazu machen das das Bild ggf. verkleiner dargestellt wird und man das Bild anklicken soll um es in originaler Größe zu betrachten, das könnte dann so aussehen:

Code:

<a href="$1" target="_blank"><img src="$1" max-width="100%"></a><br /><center><span class="smalltext">Das Bild wurde ggf. verkleiner, bitte klick auf das Bild um es in originaler Größe zu sehen</span></center>

Natürlich kann man den Code noch beliebig mit HTML und CSS anpassen.

[KaSo]

Vielen Dank AnyChat. Habs so mal übernommen. Somit wäre auch dieser Fall erledigt.

[MrBrechreiz]

max-width="100%" ? dann brauchst Du dies auch nicht definieren.

Mach dein max-width="" ein paar Pixel kleiner, als es deine Contentbreite ist, fertig.

Und mach BITTE den img Tag Valide und nicht so wie es Any schreibt ^^

[StefanT]

max-width="100%" ? dann brauchst Du dies auch nicht definieren.

Doch, das bewirkt nämlich genau das gewünschte.

[MrBrechreiz]

Auch wenn ich ein Bild poste, was über die Breite des Contents liegt ?

[AnyChat]

Also bei mir funktioniert es mit den 100% sehr gut. Es passt sich dann einfach an, auch auf mobilen Geräten.