Imagemaps leicht gemacht

Imagemaps sind eine feine Sache. Diese Bildchen, bei denen sich innerhalb der Grafik mehrere Links befinden, etwa die linke Bildhälfte zur Seite "1.html" und die rechte auf "2.html" verweist, sind ein hübsches Gimmick für jede Web-Seite.

Mit dem KImageMapEditor (die aktuelle Version finden Sie unter http://kimagemapeditor.sourceforge.net/) hat der Autor Jan Schäfer ein KDE-Tool entwickelt, mit dem sich solche Imagemaps wunderbar bequem erstellen lassen. Netterweise lässt sich der Editor vollständig in Quanta, einen der leistungsfähigsten HTML-Editoren unter Linux, integrieren.

Abbildung 5: Ergänzen Sie Quanta um einen Imagemap-Editor!

Sie benötigen dazu allerdings Quanta 2 Pre 2, denn erst ab dieser Version lassen sich eigene Aktionen einbinden. Wählen Sie dazu den Menüpunkt Einstellungen / Configure Actions aus, und klicken Sie dort auf den Button Neu. Im Reiter Input wiederum sagen Sie None. Mit Hilfe des Buttons mit den drei Punkten fahnden Sie nun nach dem Binary Ihres Map-Editors. Gefunden? Dann sollte nun der korrekte Pfad dahin im Textfeld vor dem Punkte-Button erscheinen. Fügen Sie dort zusätzlich ein -c und ein %f als Platzhalter für das aktuelle Dokument an.

Jetzt können Sie sich in der obersten Reihe noch ein passendes Icon heraussuchen, mit dem die gerade angelegte Aktion Imagemap später in der Quanta-Toolbar erscheinen wird. Sie haben zusätzlich die Möglichkeit, dem Icon einen so genannten Tooltipp mit auf den Weg zu geben, also einen Text, der erscheint, wenn man mit der Maus über das Icon fährt. Tragen Sie den Text Ihrer Wahl ins Feld ToolTip ein.

Klicken Sie nun noch auf den Reiter Output. Hier entscheiden Sie sich bitte für den Punkt Insert on cursor position. Ein letzter Klick auf den OK-Button, und schon haben Sie den Imagemap-Editor in Quanta integriert. Soll die Aktion in der Toolbar auftauchen, müssen Sie dies Ihrem HTML-Editor zum Abschluss noch über den Menüpunkt Einstellungen / Werkzeugleisten einrichten mitteilen.

Happy Programming!

Über die Andamooka-Seite http://www.andamooka.org/ mit ihren Online-Versionen nützlicher Linux- und KDE-Bücher haben wir schon öfters berichtet. Leider sind die meisten der dort erhältlichen Werke auf Englisch. Umso erfreulicher ist es, dass es unter http://webs1152.im1.net/kde20devel/ neben der spanischen und schwedischen Variante bald auch eine deutsche Übersetzung des Buchs "KDE 2.0 Development" von David Sweet u. a. geben wird.

Abbildung 6: Buch KDE 2 Programmierung

LinuxCommunity kaufen

Einzelne Ausgabe
 
Abonnements
 
TABLET & SMARTPHONE APPS
Bald erhältlich
Get it on Google Play

Deutschland

Ähnliche Artikel

Kommentare

Infos zur Publikation

title_2017_01

Digitale Ausgabe: Preis € 0,00
(inkl. 19% MwSt.)

LinuxUser erscheint monatlich und kostet 5,95 Euro (mit DVD 8,50 Euro). Weitere Infos zum Heft finden Sie auf der Homepage.

Das Jahresabo kostet ab 86,70 Euro. Details dazu finden Sie im Computec-Shop. Im Probeabo erhalten Sie zudem drei Ausgaben zum reduzierten Preis.

Bei Google Play finden Sie digitale Ausgaben für Tablet & Smartphone.

HINWEIS ZU PAYPAL: Die Zahlung ist ohne eigenes Paypal-Konto ganz einfach per Kreditkarte oder Lastschrift möglich!

Aktuelle Fragen

Samba-Server für Win-Daten & Linux-Dateirechte
Gerd Grundmann, 12.01.2017 18:25, 0 Antworten
Hallo Gemeinde, ich habe ewig gegooo.. aber nicht wirklich gefunden, was ich suche. Auf mei...
LM Cinnamon 18.1Serena 64 bit
Herwig Ameisbichler, 11.01.2017 13:02, 6 Antworten
Hallo an alle. Bin Linux Neuling.Habe auf meiner SSD neben W10 (finde ich nicht mehr)LM17.2 auch...
Bilder in E-Mail einbinden?
Werner Hahn, 23.12.2016 12:18, 4 Antworten
Dell Latitude E6510, Ubuntu 16.04, Mozilla Firefox Ich bitte um eine leicht verständliche Anle...
Linux Mint 17.2
Herwig Ameisbichler, 17.12.2016 11:19, 4 Antworten
Wer kann mir helfen? Hab seit gestern Linux am Pc.Wie kann ich diese Miniaturschrift im Menü,Lei...
Linux 17.2 Treiber f. PC Drucker installieren
Ernst Malitzki, 11.12.2016 13:04, 7 Antworten
Habe einen PC Drucker von HP. Möchte diesen PC Drucker an meinen PC anschließen. Hierzu benötige...