Slide menu with fireworks on dreamweaver
hi,
i've done a slide menu with fireworks. HOW exactly do you put that on the webpage now (i use dw 8).
thanks a lot
Hi
By slide menu you mean something like a menu bar? I don't really get it. Post an image if you want.
I recommend to create your menu inside dreamweaver using html and css and not in fireworks, because your site is going to be really heavy and not compatible with the web standards.
But, to answear to your question: Since you've got a complete menu with slices, or symbols such as buttons,export it as html and images (be sure to export the slices too).
Inside dreamweaver use the Insert > Image objects > Fireworks HTML. Browse to your exported file and press ok.
Similar Messages
-
Help With Fireworks and Dreamweaver
Hi,
I am a graphic designer wanting to expend mt skillset. Mainly because I am currently at a job day to day that requires minimal amount of web stuff. It would benefit me greatly to have the web skills too. Anyway, I am having trouble in fireworks and dreamweaver. Sometimes something gets handed to me and I can open it DW and edit th text, send it back and it is fine. ready to go. More recently, I have been asked to change some marginal issues, plus create some things from scratch. I naturally went to Fireworks to do my layouts. I need to understand the best way to create something in FW and export it so that the code is as complete as possible fro DW. I know it is not that simple, but the web work that I am doing fro right now is VERY simple stuff. i just dont know the basics to get it done. Please help.
ThanksFireworks is not a coding environment. Use Fireworks to design your layout and export your graphics. Use Dreamweaver to write the code to implement the design. The code that Fireworks can export is for creating prototypes with; it isn't intended for live sites.
If you want to expand your skill sets in the Web area, then that means learning HTML and CSS. You cannot get by on the exported code of a graphics program. Here are a couple of beginner tutorials:
http://articles.sitepoint.com/article/html-css-beginners-guide (Good)
http://net.tutsplus.com/tutorials/html-css-techniques/design-and-code-your-first-website-i n-easy-to-understand-steps/ (Excellent; the author uses Photoshop in this tutorial, but it can be done with Fireworks just as well.) -
Problem with fireworks popup menu in dreamweaver, has a huge box.
hi, i made a popup menu in fireworks, and when i open that
html page in dreamweaver, there is a huge white box around the
popup menu area, so that i cant type anything under the menu or
anywhere near it. i was wondering how i get rid of this white box.
any help greatly appreciated. thanks. derek
here is the codeYou have Dreamweaver, which is a wonderful and powerful
program for building HTML. So
why are you trying to build a navigation menu in Fireworks,
which is a graphics program? Please. I beg you! Save yourself hours
of headaches: create your graphics in Fireworks and your HTML in
Dreamweaver.
For example, this code would be impossible to maintain.
Here's one of your navigation items:
img src="untitled-4_r2_c2.gif" alt="" name="untitled4_r2_c2"
width="98" height="48" border="0" id="untitled4_r2_c2"
Do you even know which image this is or which link it's
intended to take? Create your images with decent names like
"contact.gif" or "products.gif" so you can write clear code.
The first row and the first and last columns of your table
have 1-pixel spacer gifs. Fireworks always puts in spacer gifs. If
you're not aware of them, and take them out, you might get to later
stages of your development process and wonder why you couldn't get
your navigation menu to line up with everything else.
As for that "big white box," it's a combination of the div
the table is in and the 100% width on the table:
div id="FWTableContainer1329034333
table border="0" cellpadding="0" cellspacing="0" width="100"
I have no idea what the div CSS is doing, but if I comment it
out and take out the 100% width attribute on the table, then I get
something that behaves more reasonably. FWTableContainer1329034333
isn't in your code, but it still does something in my system, so
either the long strings of numbers don't matter or it's coming from
some place else and who knows what it is.
My point is, that by letting Fireworks write bad code for
you, you've set yourself up with something that doesn't work and is
extremely difficult, if not impossible, to debug and maintain. Why
would you do this to yourself? -
Can I make a non-flash slide show using Fireworks, with JPEGs not GIFs?
Can I make a non-flash slide show using Fireworks, with JPEGs not GIFs?
Look to using jQuery instead of Flash. There are a variety of redy-made solutions available, just search Google or visit the Dreamweaver forum and ask there.
-
Help with Fireworks pop-up menu
Hi All,
I created a vertical pop-up menu from Fireworks MX 2004. I
inserted it into my Dreamweaver file and it works great. However, I
want the white background of the pop-up menu to be have a 40%
opacity. I know I have to add a bit of coding to the mm_menu.js
file and I've tried every conceivable bit of coding I can think of
but still no luck. Does anyone know what to write and where to
write in the code? Thanks in advance for any help!
Below is the section of code that I've been working with. I
assumed the opacity coding would go here some where.
* mm_menu 20MAR2002 Version 6.0
* Andy Finnell, March 2002
* Copyright (c) 2000-2002 Macromedia, Inc.
* based on menu.js
* by gary smith, July 1997
* Copyright (c) 1997-1999 Netscape Communications Corp.
* Netscape grants you a royalty free license to use or
modify this
* software provided that this copyright notice appears on
all copies.
* This software is provided "AS IS," without a warranty of
any kind.
function Menu(label, mw, mh, fnt, fs, fclr, fhclr, bg, bgh,
halgn, valgn, pad, space, to, sx, sy, srel, opq, vert, idt, aw, ah)
this.version = "020320 [Menu; mm_menu.js]";
this.type = "Menu";
this.menuWidth = mw;
this.menuItemHeight = mh;
this.fontSize = fs;
this.fontWeight = "plain";
this.fontFamily = fnt;
this.fontColor = fclr;
this.fontColorHilite = fhclr;
this.bgColor = "#555555";
this.menuBorder = 1;
this.menuBgOpaque=opq;
this.menuItemBorder = 1;
this.menuItemIndent = idt;
this.menuItemBgColor = bg;
this.menuItemVAlign = valgn;
this.menuItemHAlign = halgn;
this.menuItemPadding = pad;
this.menuItemSpacing = space;
this.menuLiteBgColor = "#ffffff";
this.menuBorderBgColor = "#777777";
this.menuHiliteBgColor = bgh;
this.menuContainerBgColor = "#cccccc";
this.childMenuIcon = "arrows.gif";
this.submenuXOffset = sx;
this.submenuYOffset = sy;
this.submenuRelativeToItem = srel;
this.vertical = vert;
this.items = new Array();
this.actions = new Array();
this.childMenus = new Array();
this.hideOnMouseOut = true;
this.hideTimeout = to;
this.addMenuItem = addMenuItem;
this.writeMenus = writeMenus;
this.MM_showMenu = MM_showMenu;
this.onMenuItemOver = onMenuItemOver;
this.onMenuItemAction = onMenuItemAction;
this.hideMenu = hideMenu;
this.hideChildMenu = hideChildMenu;
if (!window.menus) window.menus = new Array();
this.label = " " + label;
window.menus[this.label] = this;
window.menus[window.menus.length] = this;
if (!window.activeMenus) window.activeMenus = new Array();> Dreamweaver file and it works great
You think? Read this -
http://www.losingfight.com/blog/2006/08/11/the-sordid-tale-of-mm_menufw_menujs/
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"creativemoon" <[email protected]> wrote in
message
news:[email protected]...
> Hi All,
> I created a vertical pop-up menu from Fireworks MX 2004.
I inserted it
> into my
> Dreamweaver file and it works great. However, I want the
white background
> of
> the pop-up menu to be have a 40% opacity. I know I have
to add a bit of
> coding
> to the mm_menu.js file and I've tried every conceivable
bit of coding I
> can
> think of but still no luck. Does anyone know what to
write and where to
> write
> in the code? Thanks in advance for any help!
>
> Below is the section of code that I've been working
with. I assumed the
> opacity coding would go here some where.
>
> /**
> * mm_menu 20MAR2002 Version 6.0
> * Andy Finnell, March 2002
> * Copyright (c) 2000-2002 Macromedia, Inc.
> *
> * based on menu.js
> * by gary smith, July 1997
> * Copyright (c) 1997-1999 Netscape Communications Corp.
> *
> * Netscape grants you a royalty free license to use or
modify this
> * software provided that this copyright notice appears
on all copies.
> * This software is provided "AS IS," without a warranty
of any kind.
> */
> function Menu(label, mw, mh, fnt, fs, fclr, fhclr, bg,
bgh, halgn, valgn,
> pad,
> space, to, sx, sy, srel, opq, vert, idt, aw, ah)
> {
> this.version = "020320 [Menu; mm_menu.js]";
> this.type = "Menu";
> this.menuWidth = mw;
> this.menuItemHeight = mh;
> this.fontSize = fs;
> this.fontWeight = "plain";
> this.fontFamily = fnt;
> this.fontColor = fclr;
> this.fontColorHilite = fhclr;
> this.bgColor = "#555555";
> this.menuBorder = 1;
> this.menuBgOpaque=opq;
> this.menuItemBorder = 1;
> this.menuItemIndent = idt;
> this.menuItemBgColor = bg;
> this.menuItemVAlign = valgn;
> this.menuItemHAlign = halgn;
> this.menuItemPadding = pad;
> this.menuItemSpacing = space;
> this.menuLiteBgColor = "#ffffff";
> this.menuBorderBgColor = "#777777";
> this.menuHiliteBgColor = bgh;
> this.menuContainerBgColor = "#cccccc";
> this.childMenuIcon = "arrows.gif";
> this.submenuXOffset = sx;
> this.submenuYOffset = sy;
> this.submenuRelativeToItem = srel;
> this.vertical = vert;
> this.items = new Array();
> this.actions = new Array();
> this.childMenus = new Array();
> this.hideOnMouseOut = true;
> this.hideTimeout = to;
> this.addMenuItem = addMenuItem;
> this.writeMenus = writeMenus;
> this.MM_showMenu = MM_showMenu;
> this.onMenuItemOver = onMenuItemOver;
> this.onMenuItemAction = onMenuItemAction;
> this.hideMenu = hideMenu;
> this.hideChildMenu = hideChildMenu;
> if (!window.menus) window.menus = new Array();
> this.label = " " + label;
> window.menus[this.label] = this;
> window.menus[window.menus.length] = this;
> if (!window.activeMenus) window.activeMenus = new
Array();
> }
>
>
> -
How to make slide images with Dreamweaver CS6?
How to make slide images with Dreamweaver CS6? Please teach me.
Hello
in addition to Jon's hint, I'll send you some links to nice sliders (have fun with the different representations ):
http://sandbox.scriptiny.com/javascript-slideshow/
http://jquery.malsup.com/cycle/
http://wowslider.com/best-jquery-slider-crystal-linear-demo.html
http://www.jcoverflip.com/demo
http://www.jacksasylum.eu/ContentFlow/
http://addyosmani.com/blog/jqueryuicoverflow/
You only need to use the source code to implant these shows there where you want. In my eyes it would be the best that you use first a very new and blank DW file to perform (maybe in LiveView) the one or the other.
Hans-Günter -
Hi. I've made a flash menu, with a slider. It works with
vertical movement (mine is a drop down menu). In my case, it's a
rectangle that goes over the buttons. Well, everything was going
well, the slider was going up and down and stopping where it was
supposed, with easing, along de Y axis.
The thing is that I would like it to, if we went through de x
axis with de mouse, and also when we click the button, the slider
would go back to the initial position, through the Y axis. Meaning,
if we stopped interacting with the menu, the slider would go back
to its origin.
In the actions layer I've used this script:
easeSpeed = 2;
slider_mc.onEnterFrame = function() {
this._y += (yMove1-this._y)/easeSpeed;
marca_btn.onPress = function() {
yMove = marca_btn._y;
colecções_btn.onPress = function() {
yMove = colecções_btn._y;
contactos_btn.onPress = function() {
yMove = contactos_btn._y;
newsletter_btn.onPress = function() {
yMove = newsletter_btn._y;
In each button I've used:
on (rollOver) {
slider.yMove = colecções_btn._y;
In the slider I've used:
onClipEvent (load) {
yMove = _y;
easeSpeed = 2;
onClipEvent (enterFrame) {
_y += (yMove-_y)/easeSpeed;
Well, that's it.
And thank you!Natively, no. You might be able to find a third party app to do it, though.
-
Using Windows XP and working with Fireworks CS6 and Dreamweaver CS6.
I'm a student and only have Windows XP. I'm working with Fireworks CS6 and Dreamweaver CS6. Can I just get the two of them or do I need to subscribe to the Creative Cloud? Also, can I get Dreamweaver CS6 on the Cloud? I know I can't use Dreamweaver CC with XP.
Moving this discussion to the Creative Cloud Download & Install forum.
Afec1707 I am sorry but you must have Windows 7 or later for your operating system. You can find the system requirements to utilize Creative Cloud applications at System requirements | Creative Cloud. -
Trouble with fireworks integration
I installed Dreamweaver CS3 a while ago and was using it with
Fireworks 8. I just upgraded to fireworks cs3. I changed the
preferences so Dreamweaver looks for cs3 instead of 8. But when I
go to edit a png from the link in dreamweaver, I don't have full
access to the png. My graphic is there, but I can't access the
popup menu. If I just open the same file in fireworks, it works
just fine. Does anyone have any ideas how to fix that?Try selecting the fireworks file in question ( from folder it
is contained in),right click ,select get info ,Then select open
with, select fireworks cs3 and select (Use this application to open
all documents like this. This should change it over to a cs3 file
and then it should be recognized by dream . I am not positive about
this but I went through the same thing about a year ago and I think
this is how I got around the problem. -
How do I export a dropdown menu from fireworks
I am trying to use fireworks to export a drop down menu and
import it into another page I created in Dreamweaver. how do I do
this?
2. Is there a way to use my own customized graphic buttons
for the dropdown menu in fireworks?
3. How do I export a rollover in fireworks?michael_b_s wrote:
> I am trying to use fireworks to export a drop down menu
and import it into
> another page I created in Dreamweaver. how do I do this?
>
> 2. Is there a way to use my own customized graphic
buttons for the dropdown
> menu in fireworks?
Yes. Create the style you want to use and save it to the
Styles panel.
With the new style selected, open the Styles panel menu and
choose
Export styles. Export to the Fireworks Nav Menu folder. On my
machine
that's located at
C:\Documents and Settings\Linda Rathgeber\Application
Data\Macromedia\Fireworks 8\Nav Menu
Once you have saved the new style there, it will appear in
the Image >
Styles selections for the pop-up menus.
>
> 3. How do I export a rollover in fireworks?
From the Help files:
Exporting a sliced document-
By default, when you export a sliced Fireworks document, an
HTML file
and associated images are exported. The exported HTML file
can be viewed
in a web browser or imported into other applications for
further editing.
Before export, be sure you have the appropriate HTML style
selected in
the HTML Setup dialog box. For more information, see Setting
HTML export
options.
Select File > Export.
Navigate to the desired folder on your hard drive.
Select HTML and Images from the Export pop-up menu.
Type a filename in the File Name (Windows) or Save As
(Macintosh) box.
Select Export HTML File from the HTML pop-up menu.
Select Export Slices from the Slices pop-up menu.
(Optional) Select Put Images in Subfolder.
Click Export.
The files Fireworks exported appear on your hard disk. Images
and an
HTML file are generated in the location you specified in the
Export
dialog box.
For more information about the options available in the
Export dialog
box when HTML and Images is selected as the file type, see
Exporting
Fireworks HTML.
Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/ -
How do I download a slide show with captions and music to my IPad? It is not happening when I sync.
The way that you would transfer photos from iPhoto to the iPad would be to sync with iTunes. Connect the iPad to your Mac with the cable and launch iTunes. Select your iPad under the devices heading on the left. Then click on the Photos tab in the iTunes window on the right. You can select the folder from which you want to sync your photos in the drop down menu bar - so select iPhoto there. Then select the album or events that you want to sync from the windows below. After you have made your selections, click on Apply in the lower right corner of iTunes.
I am not sure how the iPad will handle a slide show in the photos app that was created on your Mac. You can create basic slide shows on the iPad using the different albums, events or faces that you have in the Photo app, but as for the captioning that you have already set up, I don't know how that will work in the app when you sync the slide show. -
How do you retain the mouseover state in a pop-up menu using Fireworks CS3?
I am working on a site right now using some javascript
pop-ups from FW. I would really prefer to use CSS but had many
headaches trying to get them working in IE6. Now the problem I have
with the FW pop-ups is that the original menu item does not retain
its mouse over state when moving to submenus and this is really the
effect I want. You can see the site I am working on here:
http://www.mackenziecauley.com/linda/profile.php
I noticed some articles in the adobe db related to this issue
with Fireworks MX but unfortunately it doesn't work in CS3. I am
also a complete newbie in javascript so any help would be great.
thanks!Drat...I can only see three pages (and a bit) of posts
(why?!?!?!!!), so I can't go back and find an example. Murray
(*ACE*) has the answer, so I'm just trying to copy him from memory.
He once linked to this blog post, from the guy who worked on the
menus:
The
sordid tale of mm_menufw_menu.js
Also, check out his post in this thread:
Good
advice from Murray
Thanks, Google!
Fireworks is a graphics program. Don't let it write your code
for you. -
Many years ago, I had a copy of fireworks and dreamweaver. It seemed like I only worked with fireworks and created websites, links etc. Do you have to have both and somehow they work in tandem?
My suggestion would be to forget about Fireworks, because the application's development was stopped in May 2013, and no updates are coming its way either. It is dead software, unfortunately. It is already experiencing compatibility problems on the latest Mac OS, for example, and it is only going to get worse.
To create a simple website, you have two choices: you either learn basic html and css code (as Mylenium suggested), or you use a visual editor.
I have a feeling you veer towards the visual editor solution, so here are some options:
- http://www.softpress.com/freeway-express/
- http://www.kompozer.net/
- Web Design Software by Xara: Xara Web Designer
- Adobe Muse
... or install WordPress through your host (most web hosts offer a one-click install option), choose a nice template from the tens of thousands available online, and start adding content. -
.png files will not open Fireworks from Dreamweaver.
Hi there,
I wonder if anyone can help - I am a new to this forum, so
please be gentle!
I am running the new Adobe Creative Suite 3 Web Standard on a
new 17" MacBook Pro with 2Gb memory.
I have hit an odd snag when I am in Dreamweaver working on my
and other web-sites.
Fireworks will not open when I click on .png files which were
created in Fireworks ..
I get the following message:
"Unable to launch
Macintosh HD:Applications:Macromedia Fireworks
MX 2004:Fireworks MX 2004.
Please be sure that this application exists and that
there is enough memory to run it".
I can open .gif files created in Fireworks - with no problems
at all.
There is plenty of memory - even with Fireworks open I get
the same warning ..!!
I have never had this problem before when using Studio MX
2004 on my previous 15" MacBook. I have transferrred all my sites
to the new MacBook Pro - the paths are exactly the same within each
site - nothing has changed. My work flow is the same. All the sites
function normally but for this annoying problem - has anyone else
experienced it? The Adobe help center seemed rather baffled - or
the techie I spoke to did ..!!
Have I missed something here?
Or am I in the wrong forum .. I hope not!
Thanks in advance,
voiceboxquote:
Originally posted by:
n h c
actually, i've had that same problem and haven't been able to
fix it. maybe you can since you have the new version, though. go
into your preferences, select file types/editors, and make sure
it's pointed to the right place.
i did that on mine but it still won't work for me. but i get
around it by just right clicking and choosing "open with" and the
selecting Fireworks. it's kind of a pain in the butt, so i'm
interested to see if anyone else has any ideas.
Hi n h c,
Thanks for your prompt reply!
I did as you suggested and went into preferences and checked
file types/editors. Low and behold .png files were selected to open
with Fireworks MX 2004 by default - Fireworks MX 2004 is NOT on my
MacBook ... no wonder the .png files would not open! Meanwhile .gif
files were selected to open with Adobe Fireworks CS3 (Primary)
I played around with the + and - buttons, selected the
correct application and everything now seems to be OK.
How interesting the techie at Adobe didn't think to tell me
of this simple fix ...mmnn! On the other hand, how stupid of me not
to check preferences! Thanks again n h c - you are a gem!
voicebox -
I'm experiencing an annoying issue with Fireworks CS3.
Immediate use of the application is not available after its opened.
Meaning, clicking on the application menu more than once returns a
message in the title bar, "Adobe Fireworks CS3 (Not
Responding)", and it hangs there at least 30 seconds or so
until it's ready to be used. And this is even having Windows Aero
disabled.
I recently formatted my computer and have minimal programs
installed. Here's an overview:
Windows Vista Business x64
Intel Core2 Quad CPU @2.40 GHz, 2400 MHz, 4 Cores
8 GB Memory - DDR2
500G 8M 7200 SATA II Hard Drives (x2)
GeForce 8600GT 256M video card
Office 2007 Ultimate (complete install)
CS3 Web Standard (less Contribute and Version Cue)
Acrobat Pro 8.1.1
iTunes 7.6
QuickTime 7
If anyone has an idea why this may be happening, please let
me know.
Thanks,
Mike~Michael wrote:
> I disabled Windows Firewall and nothing changed. Prior
to formatting I did have
> Norton AV 2008 installed, and still experienced the same
issue with Fireworks.
> And yes, I'm the administrator on the computer and UAC
is off. I forgot to
> mention, I'm only experiencing this issue with
Fireworks. Everything else opens
> blazingly fast. Michael
Clutching at straws here but my last bit of advice would be
to make sure
you have the latest NVidia drivers for your graphics card.
Other than
that I don't know what else to tell you except that Fireworks
works
great for me which of course doesn't help. Maybe a call to
support would
get you some more pointed advice are you certainly don't seem
to be
alone with this issue although it doesn't affect every Vista
user.
FWIW, before I got this machine last July (2007) I ran CS3 on
an aging
2001 AMD Athlon 1 GHz machine with 1 GB or Ram (running XP
Pro). While
no CS3 (or any other) application was blazingly fast,
Fireworks was no
worse than any other. The worst offender for me was
Illustrator.
There has to be a combination of hardware, drivers or memory
resident
apps that makes it worse for Fireworks somehow but these
kinds of issues
are the hadest to troubleshoot. That's why I think getting a
hold of
Adobe's official support may help as I hope they are
gathering data on
this to hopefully pinpoint a cause for the problem and may
have some
more meaningful advice than I or other users here may be able
to give.
Stéphane Bergeron
reach : connect : communicate
http://www.webfocusdesign.com
blog : tutorials : articles : gallery
http://www.pixelyzed.com
Maybe you are looking for
-
I have iCloud on but my contacts are not showing up on my mac, only iphone
All I want to do is sync my contacts on my iphone to my mac and I can't do it. It appears to be the Maverick thing that jazzed this up but I don't understand why I can't see the contacts now with icloud?
-
Stock report with the field... last stock changed at certain date?
Is there any standard report with the date of the last change of the stock value and quantity? Points granted BR Saso
-
Posting with trans.type 300 not possible (No acquisition posted)
Dear Gurus, When I execute the T-code ABUMN, i've got the following message: Posting with trans.type 300 not possible (No acquisition posted) Message no. AA324 Diagnosis Transaction type 300 belongs to a transaction type group, which can only be used
-
The issue is as follows: The Imac is connected to the windows 2003 server via SMB type connection. There are four sub folders in the main directory. We go to one of the sub folders in this case Server. We go to search window and type the file name t
-
How to request iOS5 Feature? (ActiveSync Policy)
I would like to request a feature for iOS5 but do not know how. What is the process to request a feature? We don't have any Mac's in our organization at this point but do have personally owned iPhone/iPod/iPad users requesting access to our Exchange