Rollover Grafik?

[Amelyy]

Hallo

ich lese hier schon eine Weile lang mit und habe auch schon ein wenig dazugelernt.

Allerdings habe ich eine Frage, die ich noch nicht beantwortet fand. Jedenfalls nicht, für eine absolute Anfängerin in diesem Bereich, verständlich.

Ich bin gerade dabei, mit PS, FW und Dreamweaver eine einfache Website gestalten zu wollen. Mit fast nicht vorhandenen html und css Kenntnissen.

Auf meiner Website hätte ich gern eine horizonzale Navigations"leiste" bestehend aus 5 verschiedenfarbigen Flaschen. Darauf sollen die jeweiligen Link-Bezeichnungen stehen. Durch den Mousover Effekt soll sich aber nur die Textfarbe ändern.

Und eben auch nur bei der Flasche, die gerade berührt wird. Auf der Grafik der Flaschen liegen sie aber schwer trennbar nebeneinander.

Muß ich die irgendwie slicen und dann jeweils in 2 Versionen speichern? Und wie setze ich sie dann wieder passend zusammen? Oder gibt es eine einfachere Möglichkeit? Richtige Buttons möchte ich eigentlich nicht. Und ist das einfacher in Fireworks zu bewerkstelligen, oder in Dreamweaver? Vielleicht mit hover?

Könntet ihr meine Verwirrung bitte etwas klären?

Amelyy

[jayjay]

es gibt mehrere möglichkeiten, du kannst die buttons in fw fertig machen und das als fertiges html inkl aller bilder exportieren.
oder du versuchst das ganze im dw, die verhalten auf die geslicten bilder definieren.

[Amelyy]

Danke für deine Antwort. Aber aufteilen muß ich die Grafik auf jeden Fall, oder? Und mit welchem Tool am besten?

LG,

Amelyy

[jayjay]

am besten direkt in fw slicen

[Amelyy]

Ich habe gerade versucht, diese "Leiste" in FW zu slicen, aber das Messerwerkzeug ist ausgegraut. In jedem Modus. Ich habe es mit dem Lasso versucht, also markiert und in ein neues Fenster eingefügt. Aber dann ist der Text weg.

Was nun?

LG,

Amelyy

[His.Master's.Voice]

Aber aufteilen muß ich die Grafik auf jeden Fall, oder?

Amely, es kommt immer darauf an, wie deine Grafik aufgebaut ist. D.h wie die Links zum Hintergrund angeordnet sind.

Sind die Links des Menüs absolut horizontal ausgerichtet genügen einfach Textlinks. Die Grafik kann man einfach als Hintergrund eine Ebene dahinter legen.

Sobald Du eine spezielle Schrift benutzt oder die Linktexte schräg stellst (z.B. um 25° gedreht), musst du mit einzelnen Grafiken arbeiten. Für jeden Link brauchst du eine normale Grafik und eine wo der Linktext farblich anders ist, um den sog. Hover-Effekt zuerreichen (wenn man mit der Maus drüber fährt).

Slicen kannst du natürlich auch mit allen möglichen Grafikprogrammen, PS, Gimp usw. Wie du das am Besten in FW machst, da muss ich leider passen.

[jayjay]

im fw: du nimmst das segmentierwerkzeug (k) und ziehst deine segmente über deine grafik. du musst keine bilder zerschneiden!!! die segmente (slices) funzen wie ein transparentes eckiges puzzel über deinem bild...

[Amelyy]

Danke sehr für eure Antworten! Ich werde es nun nochmal versuchen und um Hilfe rufen, falls ich es nicht richtig umgesetzt bekomme.

LG,

Amelyy

[Rea]

Hi,

eigentlich ginge das ganz ohne lästiges Slicen, indem du einen Prototypen baust
(mittels Einfügen/Schaltfläche), den dann einfach
beit gedrückter Alt-Taste durch 'Runterschieben' mit dem Auswahlwerkzeug kopierst und
dann nur jeweils den Text unten bei den Eigenschaften im Feld 'Text'
änderst.
Die Textfarbe änderst du, indem du nach Erstellung des Up-Zustandes
und nach Öffnen des Reiters 'Over' auf 'Up-Grafik kopieren' klickst und
dann halt eine neue Farbe wählst.
Das Ganze ist dann nach Fertigstellung mit allem Pipapo segmentiert.

Gruß
Rea