MyBB.de Forum
Bild automatisch kleiner - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: MyBB 1.8.x (https://www.mybb.de/forum/forum-87.html)
+--- Forum: Allgemeiner Support (https://www.mybb.de/forum/forum-88.html)
+--- Thema: Bild automatisch kleiner (/thread-33207.html)

Seiten: Seiten: 1 2


Bild automatisch kleiner - KaSo - 29.02.2016

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ß


RE: Bild automatisch kleiner - Amaryllion - 29.02.2016

Du könntest das per CSS lösen:


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



RE: Bild automatisch kleiner - StefanT - 29.02.2016

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


RE: Bild automatisch kleiner - KaSo - 29.02.2016

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


RE: Bild automatisch kleiner - AnyChat - 29.02.2016

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.


RE: Bild automatisch kleiner - KaSo - 29.02.2016

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


RE: Bild automatisch kleiner - MrBrechreiz - 29.02.2016

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 ^^


RE: Bild automatisch kleiner - StefanT - 29.02.2016

(29.02.2016, 16:20)MrBrechreiz schrieb: max-width="100%" ? dann brauchst Du dies auch nicht definieren.
Doch, das bewirkt nämlich genau das gewünschte. Wink


RE: Bild automatisch kleiner - MrBrechreiz - 29.02.2016

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


RE: Bild automatisch kleiner - AnyChat - 29.02.2016

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