Sunday, September 19, 2010

Fireworks 8 dream trip (9): production of pop-up menu


6, CSS format pop-up menu to export production
Method of making the pop-up menu is not taught in this section we focus on the control of the CSS format, where is the need for our attention. Therefore, this section on a simple production of pop-up menu to explain to everyone for Fireworks 8 CSS to format the new menu which has an initial impression of understanding and to better further to use it.

1, open Fireworks 8, create a new file, the file size can be set directly to the size of the menu. Need to draw in the editor menu displayed on the page.



2, using the toolbox "rectangular hot spots" tool to the menu bar directly into the hot zone, do not do into the operation of the button component.



3, select the "New Books" column where the hot zone, select menu "Edit | Pop-up Menu | Add popup menu" command. In the "content" within the Settings dialog box will pop-up menu text content, links and goals are all set complete, click "Continue" button, go to the "appearance" settings dialog box.



4, in the "Appearance" settings dialog box, select Format Cells as "HTML", the font, text size, bounce status, state of the text slides, the cell colors to make a set. Is set up, click "Continue" button, switch to "advanced" settings dialog box.



5, in the Department, the relevant properties of cells some settings, the specific contents of the setting here is not explained in detail, we can refer to the Fireworks to the previous version of the tutorial for in-depth understanding of their master. After all the settings, click "Continue" button to switch to "position" Settings dialog box.




6, the menu here we choose to "set the menu position to slice the bottom of the" this format, if not satisfied, then the Y values, where you can adjust, can also be adjusted later, which we need to use to highlight The CSS format, the knowledge of the menu. Is set up a complete can.



7, the light of the above methods to add the other menu completed. Then click on the toolbar the "Export" button to export the html menu file format. In the ensuing pop-up "Export" dialog box, click the right side of the "Options" button, unearthed "HTML Settings dialog box," attention must be selected "on the pop-up menu apply CSS, the CSS external file to write" check box in front of these two before they can feel the charm of CSS format menu.



8, the menu file to the folder you are ready, open the folder, you will find inside there is a CSS cascading style sheet document, as shown below. This is what we need to highlight the protagonist of a child.



9, using the html editor or Notepad (using Notepad in fact sufficient, because the file is not complicated) to open the CSS file. We can find some html code in it, if we know nothing about html and do not be afraid, you can depend on just inside the settings menu in Fireworks impression to find some pop-up menu to set the content, such as we describe in the css section of excerpts objects which can be found for some of the menu description of the first program where the red line indicated "general apperance" is what we in the "Menu Editor" to look in some of the elements of that set, a closer look you can see a "font -family ", the font settings; also" font-size ", the font size settings are specific to the font color, background color, font style and much more settings, as long as you understand a little bit some of the language, the following These should have no problem of you. The figure in the first two places where the red line plan is to set the state when the mouse rolls over, mainly the text color and background color of cells in these two aspects of the setting.



Of course, there are other appearance of the menu, and cell borders, background color, placement menu settings, etc, are included in the css file inside the.

10, in the absence of modifications to the css file, the style of pop-up menu as shown below.



11 Next, we document the contents of the css to make a simple adjustment. As shown in the yellow area shows, we will pop-up menu text color, background color, as well as the mouse obsolete text color, and their corresponding background colors made a simple change.



12, after setting, re-preview in a browser pop-up menu, and found that has changed, and as shown below.



[Summary]: CSS formatting menu for the production, to adjust the method to explain here, and presumably you have already discovered the secret of the, by the way, in that the generated CSS Cascading Style Sheets file a. The CSS file to do as long as a simple adjustment, the whole face of pop-up menu will change with a!






Recommended links:



REALPLAYER iphone



Brief Audio CD Players



Note: Some People In The Ping You?



Dell shipped the wrong price is not the defendant of fraud: frozen funds



Poisoning emergency treatment measures



Mts to mpg



Star mass to "accreditation" may be interesting graffiti beef spoof



Policy of spring



EMC Q3 earnings results announced revenue fell 5.3% over the same period



Introduction Graphic Editors



convert FLAC mp3



Ps3 video formats



Days of thinking and ultrafiltration: a pure SPACE also people



No comments:

Post a Comment