Signatur IMG reponsive

TeRRible__KHONS · Mar 8th 2016

Hi,

Ich habe gemerk wenn man in seiner Signatur ein Bild einfügt:
[img]https://domain.tld/attachment/36717-jpg/[/img]

Dass dieses Bild dann nicht reponsive ist und sich nicht an das Design anpasst, wie kann ich das verändern oder optimieren?

Black Rider · Mar 8th 2016

CSS

.message .messageSignature img {
	max-width: 100%;
}

TeRRible__KHONS · Mar 8th 2016

Klappt danke

TeRRible__KHONS · Mar 23rd 2016

Hi @Black Rider,

Wie müsste hier die CSS-Deklaration sein dass das Bild auch in der Vorschau (Signatur-Erstellung) auf 100% gescalt wird?

Danke

T1N0 · Mar 23rd 2016

CSS

#tplSignatureEdit img  {
	max-width: 100% !important;
}

Black Rider · Mar 23rd 2016

[data-template="signatureEdit"] .content > form > .container > fieldset img

TeRRible__KHONS · Mar 23rd 2016

Quote from Black Rider

[data-template="signatureEdit"] .content > form > .container > fieldset img

Klappt danke nur das Bild kann man zumindest in der Signatur Vorschau nun aufklicken (imageviewer) , aber passt denke ich auch so
Ist ja nur die Vorschau im Beitrag passt alles

T1N0 · Mar 23rd 2016

@Black Rider dein und mein Code machen ja das gleiche, ich denke aber Du als Profi hast Dir dabei schon etwas gedacht. Oder hat mein Zusammengereimter Code nachteile?

Black Rider · Mar 23rd 2016

Deiner greift für jedes Bild auf der „Signatur bearbeiten“-Seite, meines nur für Bilder, die sich in diesem bestimmten Container befinden. Das dürfte dann wirklich nur auf die Bilder innerhalb der Signaturvorschau der Fall sein. Bei dir dagegen könnte das beispielsweise auch das Logo sein, bei dem es greift.

Signatur IMG reponsive

Participate now!

Share