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.
Regeln und nützliche Hinweise
Lexi Help
Die neuesten Themen
» Naruto - SnK
von Aiko-Chan Gestern um 16:41

» [Tutorial] Forenbanner in eine Diaschau verwandeln
von inde Gestern um 16:24

» [Tutorial] Ergebnisse der Umfragen optisch verändern
von inde Gestern um 11:44

» bestehendes Konto bei Forums Erstellung
von inde Sa 27 Mai 2017 - 20:14

» [phpBB3] Kostenloses Grafikprogramm für Windows 7 Ultimate 32bit gesucht
von inde Sa 27 Mai 2017 - 18:16

» Veröffentlichungen - Bilder in einer Zeile
von inde Sa 27 Mai 2017 - 16:15

» [phpBB3] Backup Rückgängig machen
von inde Fr 26 Mai 2017 - 12:29

» Natur und Wildlife Forum
von Stephan68 Do 25 Mai 2017 - 19:03

» [phpBB2] Charmed Bad Time
von Phoebe Do 25 Mai 2017 - 16:48

» [phpBB2] RPG-Forum Drachenkrieg
von Zocker96 Do 25 Mai 2017 - 14:14

» House Of The Rising Sun Rollenspiel-Forum
von Dr.Keks Do 25 Mai 2017 - 11:02

» Antwort landet im falschen Thema
von inde Do 25 Mai 2017 - 3:16

» [#9811] [phpBB2] Could not obtain rpg users infos
von inde Mi 24 Mai 2017 - 18:37

» [#9973] Abmeldeseite für User nicht aufrufbar
von inde Mi 24 Mai 2017 - 18:33

» [#9974] SSL plötzlich deaktiviert
von inde Mi 24 Mai 2017 - 18:30

» Header 714*264 für BVB134 (siamkatzenborussen.forumieren.com)
von inde Mi 24 Mai 2017 - 18:29

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