Seite 1 von 2

Board3 Portal: Wie Grafik (als Link) im Block verkleinern?

Verfasst: 01.08.2011 23:47
von Hinnerk
Moin!

Im eigenen kleinen Block des Portals (Board3 Portal) habe ich einen Link zur jeweils aktuellen Wetterkarte wie folgt eingefügt:
[img]http:xxx.png[/img]
Damit gab es auch kein Problem. Nur ist die Karte im Original leider etwas zu breit. Die Folge: Sämtliche linken Blöcke verbreitern sich zu Lasten des mittleren und der rechten Blöcke.
Frage: Wie lautet der Code, damit die Karte nicht die Breite der linken Blöcke sprengt?

Re: Board3 Portal: Wie Grafik (als Link) im Block verkleiner

Verfasst: 02.08.2011 14:28
von winnetou
Hallo,
die breite und höhe kannst Du im Code wie folgt festsetzen:

z.b.

<img src=".......gif" width="xx" height="xx" alt="" />

Gruss
Jürgen

Re: Board3 Portal: Wie Grafik (als Link) im Block verkleiner

Verfasst: 02.08.2011 16:40
von Talk19zehn
Hello, da es um einen BBCode handelt, könntest du es wie folgt versuchen:

Code: Alles auswählen

[img(150px,75px)]http://#...meineigenesbild.jpg[/img] 
Die Blöcke haben erinnerlich eine Breite von 180px. Ggf. schaue dir in einem Grafikprogramm die Auswirkung unter Beibehaltung der Seitenverhältnisse zuvor an.

Gruß

Re: Board3 Portal: Wie Grafik (als Link) im Block verkleiner

Verfasst: 03.08.2011 22:49
von Hinnerk
Moin!

Leider klappt es mit euren Tipps nicht. Ich habe folgendes versucht:

1: <img src="http://cdn.fmi.fi/weather-observations/ ... ns-map.png[/img]" width="180" height="250" alt="" />

2. [img(180px,250px)]http://cdn.fmi.fi/weather-observations/ ... ns-map.png[/img]

Angezeigt wird jeweils der Code. Die aktuelle Wetterkarte erscheint nicht. Was mache ich da falsch?

Re: Board3 Portal: Wie Grafik (als Link) im Block verkleiner

Verfasst: 04.08.2011 11:02
von Talk19zehn
Hello, in HTML (nicht BBcode) sollte diese Codierung eigentlich funktionieren:

Eigener Block / Small-Box

Bildanzeige:

Code: Alles auswählen

<img src="http://www.cdn.fmi.fi/weather-observations/products/finland/finland-weather-observations-map.png" width="154" height="224" alt="Wetterkarte" />

Wenn die Grafik einen Verweis / Link enthalten soll:

Code: Alles auswählen

<a href="#"><img src="http://www.cdn.fmi.fi/weather-observations/products/finland/finland-weather-observations-map.png" width="154" height="224" alt="Wetterkarte" title="Zur Wetterkarte" /></a>
# ===> Link bitte ergänzen

Gruß

Re: Board3 Portal: Wie Grafik (als Link) im Block verkleiner

Verfasst: 04.08.2011 11:50
von Kirk
Man kann sich auch einen bbcode erstellen

BBCode-Benutzung:

Code: Alles auswählen

[wetterkarte]{URL}[/wetterkarte]
HTML-Ersetzung:

Code: Alles auswählen

<img src="{URL}" alt="" title="" style="max-width:154px; max-height:auto;" />
Tipp-Anzeige:

Code: Alles auswählen

Wetterkarte: [wetterkarte]Bild url[/wetterkarte]
Zum Schluß Beim Verfassen eines Beitrags anzeigen einen Haken setzen.

Re: Board3 Portal: Wie Grafik (als Link) im Block verkleiner

Verfasst: 10.08.2011 01:06
von Hinnerk
Vielen Dank für eure Vorschläge, allerdings halfen sie mir leider nicht weiter. Es wird stets nur der Code angezeigt, nicht jedoch die Wetterkarte. Dann geht das wohl leider nicht.

Re: Board3 Portal: Wie Grafik (als Link) im Block verkleiner

Verfasst: 10.08.2011 09:09
von Talk19zehn
Hello Hinnerk, mir wird das Bild angezeigt. Wie lautet dein Code, den du eingebunden hast?


....ich editiere hier bzgl. deiner unten genannten Antwort:
Du hast demnach einen BBCode und kein HTML angewendet.
Entweder BBCode, wie Kirk schreibt und die Anlage des BBCodes im ACP integrieren oder HTML, wie ich oben vorschlug.

Meines Wissens hat der linke und rechte Spaltenbereich jedoch je nur 180px in der Breite. Und daher habe ich die Grafik im HTML-Code verkleinert. Es sei denn, du hast die Breiten der Spalten im Portal manuell selbst geändert, dann wären ggf. 200px kein Problem?

Gruß

Re: Board3 Portal: Wie Grafik (als Link) im Block verkleiner

Verfasst: 10.08.2011 16:17
von Hinnerk
Das Bild (Wetterkarte) wird bei mir ja auch angezeigt. Es ist z.Z. so eingebunden:

Code: Alles auswählen

[img]http://cdn.fmi.fi/weather-observations/products/finland/finland-weather-observations-map.png[/img]
Der Haken ist eben nur, dass die Größe der Grafik die Breite des linken Blocks im Portal sprengt. Die Originalbreite der Grafik (Link) hat die Größe von 259px x 412px. Ich hätte sie gern 200px breit, die Höhe automatisch angepasst, damit das Seitenverhätnis bleibt und die Grafik nicht verzerrt.

Re: Board3 Portal: Wie Grafik (als Link) im Block verkleiner

Verfasst: 10.08.2011 16:24
von Kirk
Erstell doch einen BBcode wie ich´s oben beschrieben habe
und mache aus max-width:154px max-width:200px