Regeln und nützliche Hinweise
E-Mail-Adressen dürfen nicht veröffentlicht werden!
Lexi Help
Die neuesten Themen
» [phpBB2] Wanderwerbung
von Chocolate Bean Heute um 15:19

» [phpBB3] Den Mods verbieten Admin posts zu löschen
von inde Heute um 0:20

» [Tutorial - alle Versionen]Schritte zum Migrieren deines Forums zu HTTPS
von Bigtuber Gestern um 22:25

» Forenübernahme wegen langer inaktivät des alten Gründers
von Bigtuber Gestern um 17:06

» Chat wird nicht automatisch aktualisiert
von Davina123 Mi 22 Feb 2017 - 21:13

» Tamashii no Utsuri | Naruto RPG
von May3 Mi 22 Feb 2017 - 17:02

» Forum vor Gästen verschliessen
von inde Mi 22 Feb 2017 - 14:43

» [phpBB2] Werbebanner sitzt falsch im Kopfbereich des Index.
von inde Di 21 Feb 2017 - 21:59

» [phpBB2] Forenseite in PDF umwandeln
von inde Di 21 Feb 2017 - 21:54

» Keine Zugangsdaten zu Forum/ Zugangsdaten verloren gegangen
von Davide S. Di 21 Feb 2017 - 21:22

» Regeln des Werbeforums
von Forumbot Di 21 Feb 2017 - 21:21

» Präsentationsvorlage
von Forumbot Di 21 Feb 2017 - 21:20

» Regeln des Werbeforums
von Forumbot Di 21 Feb 2017 - 21:18

» Präsentationsvorlage
von Forumbot Di 21 Feb 2017 - 21:17

» Regeln des Werbeforums
von Forumbot Di 21 Feb 2017 - 21:15

» Präsentationsvorlage
von Forumbot Di 21 Feb 2017 - 21:15

Partner
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