Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise

Bild als Link (Buttons, Banner,...)

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Häufig gestellte Frage Bild als Link (Buttons, Banner,...)

Beitrag von Alex am Do 13 Nov 2008 - 2:17


Bild als Link (Buttons, Banner,...)
Grafiken im Forum verlinken
HÄUFIGE FRAGE

Hallo Smile

Vor allem bei Buttons und Bannern wird diese Funktion ständig benötigt.

Wenn man auf die angegebene Grafik klickt gelangt man zur angegebenen Internetadresse (URL).

Einen Link auf ein Bild legt man am schnellsten mit:

BB-Code
Code:
[url=http://ZIEL-URL][img]http://BILD_URL[/img][/url]

HTML
Code:

<a href="http://ZIEL_URL"><img src="http://BILD-URL"></a>
oder (öffnet in einem neuen Fenster)
Code:
<a href="http://ZIEL_URL" target="_blank"><img src="http://BILD-URL"></a>

Also z.B.
Code:
[url=http://hilfe.forumieren.com/forum][img]https://i58.servimg.com/u/f58/18/46/78/72/forumi13.png[/img][/url]
oder
Code:
<a href="http://hilfe.forumieren.com/forum"><img src="https://i58.servimg.com/u/f58/18/46/78/72/forumi13.png"></a>

ergibt dann:

Bild als Link (Buttons, Banner,...) Forumi13

Bei der HTML-Version sind u.a. noch möglich:

alt="Alternativtext"

Dieser Text wird als Link angezeigt, wenn die Grafik nicht geladen werden kann.
Dieses Attribut ist sehr empfehlenswert, da der Link auch klickbar bleibt, falls die Grafik einmal nicht verfügbar ist oder bei einem User aufgrund von dessen Einstellungen nicht dargestellt wird.

Code:
<a href="http://ZIEL_URL" target="_blank" alt="Alternativtext"><img src="http://BILD-URL"></a>

border="1"

Ergibt einen Rahmen um das Bild, hier mit Breite 1 Pixel:

Code:
<a href="http://ZIEL_URL" target="_blank" alt="Alternativtext"><img src="http://BILD-URL" border="1"></a>

height="20" width="50"

Legt die Höhe und Breite der Grafik fest, unabhängig von den wirklichen Abmessungen, hier 20 Pixel hoch und 50 Pixel breit:

Code:
<a href="http://ZIEL_URL" target="_blank" alt="Alternativtext"><img src="http://BILD-URL" border="1" height="20" width="50"></a>

Anmerkung: Dies sind nur einige Möglichkeiten, aber die mit Abstand häufigsten und nützlichsten.


Zuletzt von inde am So 3 Sep 2017 - 12:24 bearbeitet; insgesamt 1-mal bearbeitet (Grund : Letzte Aktualisierung 03/09/2017)
avatar
Alex
Admin a.D.
Admin a.D.

Männlich Beiträge : 8116
Anmeldedatum : 02.09.07
keine
Invision

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten