Das Forum der Foren
Willkommen im offiziellen Supportforum von Forumieren!

Um alle Vorteile unseres Forums zu nutzen, melden Sie sich bitte an. Wenn Sie bereits Mitglied sind loggen Sie sich ein.


Erstellen Sie ein kostenloses Forum wie dieses hier.
Forenaustausch

Alle Anzeigen ansehen

Regeln und nützliche Hinweise
Lexi Help
Lexi Help
Schnelle
Hilfe
Klicke Hier
www.forumieren.de

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:



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)

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