Automatische Größenanpassung von verlinkten Grafiken

Hallo badMoon,

also soweit ich sehe sind die Covergrafiken zwar groß, aber sprengen zumindest Dein Forum nicht. Ein globaler Trick Bilder allgemein per CSS zu limiten käme daher vermutlich für Dich nicht in Frage, da es ja immerhin auch noch Threads gibt, in denen größere Bilder erwünscht wären.

Mein Alternativvorschlag wäre, dass Du im ACP einen neuen BBCode namens [cover]Grafiklink[/cover] anlegst und diesen dann statt dem IMG Tag benutzt um Covergrafiken einzubinden (oder eben Deine User). Das geht auch ganz einfach im CF3:

- gehe ins ACP und klicke dort links auf "Beiträge" und dann auf "BBCodes Verwalten"
- klicke dann auf "BBCode Assistent" (kleiner Doppelpfeil darunter)

Gebe in die Felder dann folgendes ein:
BBCode Tag ohne klammern: cover
Codetext: Covergrafik
Beschreibung: Covergrafik in das Forum einbinden
Vollständiges Erkennungsschema: [cover]{URL}[/cover]
HTML Ersetzungsschema: <img src="{URL}" width="200" alt="" title="" />


Gebe statt der 200 bei width="200" die gewünschte Breite des Bildes an. Alle Bilder werden auf genau diese Größe gepackt.

Sofern Du nur eine Maximalgröße definieren willst und kleinere Bilder nicht hochstrecken möchtest gib stattdessen das hier ein:

<img src="{URL}" style="max-width:200px" alt="" title="" />


in diesem Fall wären die 200 die maximalbreite eines Bildes, kleinere Bilder werden aber nicht ausgedehnt.


Speichere den BBCode und dann sollte es das schon gewesen sein.


LG,
Chris

Hey Wolfgang,

bitte sehr gerne! Freut mich, dass es geklappt hat.

LG,
Chris

Hallo Wolfgang,

geändert hat sich da nichts, aber Du hast Fehler in Deiner Syntax.

Zunächst einmal würde ich bei solchen Codes (ohne Plugin-BBCode, der Parameter erwartet) empfehlen, dass Du den BBCode immer ohne Sonderzeichen anlegst. In diesem Fall also dann einfach alles kleingeschrieben:

pcover


Dann hast Du im Feld "Vollständiges Erkennungsschema" immer noch nur cover stehen. Auch dort müsstest Du entsprechend pcover eintragen, und zwar in beiden Fällen, also auch beim schließenden Tag natürlich.


Aktuell greift Dein "älterer" BBCode cover und der neue macht nichts mehr, weil er das selbe Erkennungsschema (cover statt pcover) anwendet.

Das klappt dann natürlich nicht.

Viele Grüße,
Chris

Hey Wolfgang,

eigentlich hast Du das mit Deinem width="160" im HTML Ersetzungscode schon korrekt gemacht, alternativ geht auch style="width:160px;". Beachte aber, dass bei kleinen Bildschirmen die Responsive Codes das Bild noch etwas verkleinern, sollte 160px auch nicht möglich sein, aber 160px Platz sollte überall sein.

Wenn Du das Bild immer in einer neuen Zeile zeigen möchtest, könntest Du auch noch einen DIV Block drumrum machen:


Wenn Du es links haben möchtest aus dem uk-text-center ein uk-text-left machen.


LG,
Chris