Unförmige Schaltflächen in HTML?

Hallöle Ihrs,
habe vor, eine Seite zu entwerfen, auf der ich Schaltflächen gebrauchen möchte, die nicht rechteckig oder kreisrund, sondern amorph, unförmig (oder wie auch immer man das dann bezeichnen mag) sind. Kann ich das in HTML umsetzen, oder muss ich auf Flash ausweichen? Bei Director weiß ich, dass man da mit Masken oder dergleichen aus Photoshop heraus was basteln kann.

Wäre dankbar für jede Antwort/Idee.

Es grüßt
der CChristian

NACHTRAG: soll so sein, dass der Hyperlink, der sich hinter dem Bild verbergen wird nur dann geklickt werden kann, wenn der Mauszeiger sich wirklich innerhalb der Bilddarstellung befindet und nicht schon dann, wenn er sich im die Bilddarstellung umzeichnenden Rechteck befindet.

 

Richtige HTML-Buttons tun da nicht gehen. Aber Du könntest Dir mit Imagemaps behelfen (Self HTML kucken!).

 

Du kannst in Photoshop Button in jedweder Größe anfertigen. einfach auf z. B. weißen (oder einen anderen genau definierten) Hintergrund legen, diesen Hintergrund als transparent anlegen und das ganze als .gif speichern.

 

Das Problem wird dann aber dennoch sein, dass ich dann das .gif auch dann anklicken kann, wenn ich mich mit dem Mauszeiger bereits innerhalb des .gif-Bildes (also schon im transparenten Bereich), aber noch nicht innerhalb des eigentlichen Bildes befinde.

Oder?

 

Man kann auch eine aktive Fläche innerhalb des Bildes definieren, damit der Link dann eben nicht das ganze Bild ist. Hab´s mal in GoLive gemacht. Mit was arbeitest Du?

 

Wenn ichs mit Photoshop über Masken oder dergleichen machen könnte, wäre ich glücklich. Wär auch bereit, in Flash was zu machen und Director wär auch nicht das Problem, wobei (wie ich gemerkt hab) Shockwave nicht unbedingt jedem behagt.

 

Habs mir grad runtergeladen und werd mal "Imagemaps" nachschlagen.

 

Ich hab erst ein GIF gemacht (so wie oben beschrieben). Danach habe ich in GoLive eine aktive Fläche in diesem GIF definiert, fertig. Ich kann´s Dir nur leider nicht HTML-mäßig erklären (wenn Du kein GoLive hast) weil ich von HTML fast keine Ahnung hab.

Semmelberg

 

Werd mir mal die Probeversion runterladen, wenns die bei Adobe gibt. Danke!

 

Fireworks geht auch noch.

 

Schau mal auf
http://www.wedotherest.de/navi
Da ist in der oberen Grafik so ein Minilink
eingebaut. Schau Dir die Source an, dann siehst Du wie's geht.

Gruss

 

Wenn Du PhoSho hast, dann bist Du auch im Besitz von ImageReady?

Aus der IR-Hilfe:

So erstellen Sie einen Imagemap-Bereich aus einer Ebene

1 Wählen Sie auf der Ebenen-Palette eine Ebene, aus der ein Imagemap-Bereich erstellt werden soll. (Um mehrere Ebenen in einem Imagemap-Bereich zu verwenden, reduzieren Sie zuerst die Ebenen auf eine Ebene.)

2 Wählen Sie "Ebene" > "Neuer ebenenbasierter Imagemap-Bereich".

 

Das beste wäre wohl wenn du in ImageReady oder Fireworks oder was auch immer einfach mehrere Imagmaps(Slices) machst, welch ungefähr auf deine Form passen und dann einfach noch alle mit dem gleichen Link versehen und das wärs! Macht zwar viel Arbeit aber sieht nachher auch gut aus!

 

Beim director musst Du glaube ich die Grafik so sie einen weissen Hintergrund hat nur auf den Effekt auf "Hintergrund Transparent", und dann auf "Matte" setzten->In HTML kenne ich nur Imagemaps

 

Probier mal die Version die Semmelberg vorgeschlagen hat.

Meines Wissens nach ist das mit Abstand die beste und schnellste Lösung für Dein Problem. Und wird dazu auch noch problemlos von den Browsern unterstützt.

Greetings MC

 

So Kinders, da habt Ihr mir ja feine Hausaufgaben aufgegeben! ;-)
Ich danke Euch für die Anregungen, Tipps und Ratschläge. Werde, soweit es in meiner Macht steht, alles ausprobieren.

Einen schönen Abend wünscht
CChristian