Popup Menü transparent erstellen?

MarkHoppus · 09.05.2007, 01:31

Hey,
mein aller erster Beitrag hier.
Ist zwar sehr ungewohnt, dass die neusten Beiträge oben sind, aber man gewöhnt sich dran

Also ein "Hallo" an die Community natürlich vorab.

So, ich habe mich die Tage mal ein bisschen mit fireworks beschäftig und heute gerade eben ein Popup Menü erstellt.
Jetzt wollte ich fragen, ob man das Popup Menü auch transparent gestalten kann?

So wie ich das gesehen habe, ist es nicht möglich...wollte aber mal eine Meinung der Profis hören

Lg

SteffenR · 09.05.2007, 10:26

Es ist schon möglich dies transparent darzustellen - das könntest du bspw. mit CSS Filter erreichen..

Ich habe dies exemplarisch auch mal bei einer Seite eingebaut:
http://www.port11.de/projekte/fireandromance/

Schau dir einfach mal die Navi an (CSS / JS (für IE ) )..
Die Transparenz wird hier mit Hilfe von CSS (opacity / alpha-Filter) erzeugt..

Bei Fragen kannst du dich ja hier im Thread noch mal melden ..

Du kannst die Transparenz - je nachdem wie diese gewünscht ist - natürlich auch über GIFs mit transparenten Bereichen lösen.. ( transparente Bereiche lassen sich in Fireworks einstellen - Exporteinstellungen)

MfG
SteffenR

MarkHoppus · 09.05.2007, 15:20

hey,
danke für deine Antwort.
Ich bin ja schonmal froh, dass man die Transparenz einstellen kann.
Würde gerne wie du, so ein Popupmenü haben, d.h. mit Transparenz und ohne diese lästigen Zwischenräume zwischen den Spalten.

Kann man sich eventuell weitere designs runterladen?

Bzw. wie hast du den CSS Filter eingefügt...kann man das in fireworks machen?

Lg

Rea · 09.05.2007, 16:30

Hi

hier ein 'hauseigener' Thread zu dem Thema.

Mittels Suche finden sich auch noch weitere Threads zu dem
Thema.
Hab's auch schon mal gemacht. Geht eigentlich recht zügig, sofern
man nicht rumhudelt.

Gruß
Rea

MarkHoppus · 09.05.2007, 18:52

yo,
ich hab mir den link mal angeschaut, allerdings funktionieren die meisten links aus dem thread nicht mehr.

Ich hab versucht meinen eigenen stil zu erstllen,allerdings hat das nicht ganz geklappt.

Gibt es vielleicht eine andere Möglichkeit?

lg

Rea · 10.05.2007, 19:17

Wieso hat's denn nicht geklappt?

MarkHoppus · 10.05.2007, 19:44

Also ich hatte den stil erstellt...allerdings hatte ich da schon das Problem

Da war nichts transparent bzw. es war transparent, allerdings nicht mehr, nachdem ich das als grafik in mein popup menü eingestellt hatte, war es nicht mehr transparent.

Ist irgendwie schwer zu erklären, aber ich meine auch später im Netz eine Aussage dazu gefunden zu haben, dass diese Möglichkeit so nicht funktionieren kann!

lg

Rea · 10.05.2007, 19:50

Versuch's wirklich mal mit dem Tipp von SteffenR über die CSS-Schiene, Mark.

MarkHoppus · 10.05.2007, 23:08

ist echt ein bisschen schwierig sich in zwei threads zu unterhalten.
Ich würde vorschlagen, wir einigen uns auf einen

Gut, ich würde gerne die Methode von SteffenR ausprobieren, allerdings komme ich nicht weiter..wo ich was einstellen muss

Kannst du mir da eventuell weiterhelfen?

lg

SteffenR · 11.05.2007, 18:52

Zitat:

Zitat von MarkHoppus

ist echt ein bisschen schwierig sich in zwei threads zu unterhalten.
Ich würde vorschlagen, wir einigen uns auf einen

Gut, ich würde gerne die Methode von SteffenR ausprobieren, allerdings komme ich nicht weiter..wo ich was einstellen muss

Kannst du mir da eventuell weiterhelfen?

lg

Ich versteh nicht so recht, was du da wie und vor allen Dingen wo einstellen möchtest.. Bei der von mir genutzten Methode kannst du ganz normal in Fireworks das Menu grafisch aufbauen - die Transparenz-"geschichte" würdest du dann einfach über CSS-Filter lösen..

Code:

filter:alpha(opacity=60); /* IE */
-moz-opacity:0.6; /* Firefox */
opacity:0.6; /* Opera */

Diesen Filter wendet man dann auf die Hintergrundgrafik bzw. auf die Menugrafik an - je nachdem wie du da dein Menu aufbauen möchtest..

Schau dir einfach mal den Quellcode (CSS und HTML ) der Seiten an - ist eigentlich selbst erklärend ..

MfG
Steffen

MarkHoppus · 12.05.2007, 02:35

ich habs geschafft!!!!
Dankeschön, ihr habt mir sehr weitergeholfen...leider hat sich das nächste Problem herausgestellt:

Mein mit Flash gemachter Banner setzt sich vor das popupmenü

d.h. dieses verschwindet hinter dem flash

leider kann man dies nicht umgehen.
Tja, meine ganze Idee verschwindet leider hinterm flash

jetzt mal eine frage zu fw:
kann ich diesen banner (mit den immer randomly eingeblendeten bildern) auch in fireworks erstellen?

ansonsten muss ich wirklich das komplette nav mit flash machen

lg

Rea · 12.05.2007, 16:33

Hi,

wenn der sich so böse vor dein Popup-Menü setzt, wird das ja
vielleicht seine Gründe haben. Kann man so ins Blaue hinein allerdings
nicht sagen ... müsstest du vielleicht nen Link geben, okay?

Und ob sich dein Banner andernfalls in FW erstellen ließe, kann man
ja auch nur sagen, wenn man ihn sich mal ansehen durfte.

Erst mal aber: Schönes WE!

Gruß
Rea

SteffenR · 12.05.2007, 18:37

Das Problem hatte ich aber auch mal - hier müsstest du ein bissel mit dem z-index und der dem CSS-Attribut "position" rumspielen - der z-index der Navigation müsste auf jeden Fall höher sein als der des Flash"layers" ..

MfG
SteffenR

MarkHoppus · 12.05.2007, 20:18

hey,
also danke wiedermal für die antworten

@steffen: ist es denn möglich das popup vor's flash zu setzen, also hast du es geschafft?

@Rea: Ja, ich werde das gute stück heute mal hochladen und dann dürft ihr mal schauen

vorab aber noch kurz etwas:
ist es normal, dass der z-index meines popupmenüs laut der css datei 300 beträgt?
hatte bei selfthtml nur 1,2 (je nachdem wieviel ebenen gebraucht wurden) gesehen...

und dann noch etwas:
wo müsste ich denn im folgenden code <div style...z-index...> eingeben?

<object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="800" height="150">
<param name="movie" value="nav.swf" />

<param name="quality" value="high" />
<embed src="nav.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="150"></embed>
</object>

SteffenR · 13.05.2007, 15:06

Es ist definitiv möglich das PopUp Menu vor das Flash zu setzen - wie ich schon sagte müsstest da die z-indexes der Elemente entsprechend anpassen.. ..
Ich habe es damals im CSS auf die folgende Weise gelöst:

Code:

div#header .zindex1{
z-index:1;
position:absolute;
padding-top:45px;
padding-left: 4px
}

div#header .zindex2{
z-index:2;
position:absolute;
width:970px
}

Das zugehörige HTML

HTML-Code:

<div id="header">
<div class="zindex1">
<object	type="application/x-shockwave-flash" data="./pics/intro.swf"
		width="966" height="155">
		<param name="movie" value="./pics/intro.swf" />
		<param name="wmode" value="transparent" />
	</object>
</div>
<div class="zindex2">
<!-- Hier müsste dein Menu "rein" -->
</div>
</div>

MfG
SteffenR