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
Die neuesten Themen
» [phpBB3] Bilder von Fremdhoster seit SSL nicht mehr angezeigt
von Fisch Heute um 10:39

» [phpBB3] Schlüsselwörter Keywords Anzahl
von Mazacre Do 27 Jul 2017 - 16:56

» [#10397][phpBB3] Verschobene Werbung auf allen Seiten
von Bigtuber Do 27 Jul 2017 - 16:35

» [phpBB3] Standard für Beitragseingabe?
von Bigtuber Do 27 Jul 2017 - 16:26

» [#10418] meine Mailadresse ändern und Auswirkungen auf servimg
von Kellytime Do 27 Jul 2017 - 13:31

» Arcania - High-Fantasy-RPG
von Sheep007 Mi 26 Jul 2017 - 20:10

» [phpBB3] Profile mit mehreren Icons?
von inde Di 25 Jul 2017 - 19:39

» [#10378] Guthaben mit Paypal bezahlt und nach 2 Tagen nicht in der Guthabenverw
von inde Mo 24 Jul 2017 - 16:47

» World-of-Horses
von inde So 23 Jul 2017 - 16:56

» Yorkshire Terrier Forum
von inde So 23 Jul 2017 - 16:55

» Hundeforum unter hundis.frei-forum.com
von inde So 23 Jul 2017 - 16:53

» Das Raubtierreich - Das Haustier-Talk- und Fotografie-Forum
von Emily Stein So 23 Jul 2017 - 15:22

» Naruto - SnK
von Aiko-Chan So 23 Jul 2017 - 12:07

» Weimaraner-Forum "Der vielseitige Weimaraner"
von Emily Stein So 23 Jul 2017 - 1:57

» My-Ponyclub
von Emily Stein So 23 Jul 2017 - 1:54

» Pflanzen-Samentauschbörse
von Emily Stein So 23 Jul 2017 - 1:54

www.forumieren.de

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

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

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

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

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/sonstige-probleme-f5/][img]http://illiweb.com/fa/fdf/nuage.png[/img][/url]
oder
Code:
<a href="http://hilfe.forumieren.com/sonstige-probleme-f5/"><img src="http://illiweb.com/fa/fdf/nuage.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 sehr wenige der Möglichkeiten, aber die mit Abstand häufigsten und nützlichsten.



LG,
Alex Cool

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