Create a sitemap icon using reusable rich symbols
Table of Contents
Create the script
Now we’ll create the script:
- Choose Commands > Create Symbol Script.
- In the Create Symbol Script dialog box, click the "..." button in the top-right corner, locate the symbol you saved to the Common Library/mysitemap folder, and then click OK.
Note: In Windows XP, the Common Library is located in the Documents and Settings/<user account>/Application Data/Adobe/Fireworks CS3 folder. In Windows Vista, the Common Library is located in the Users/<user account>/AppData/Roaming/Adobe/Fireworks folder. In Mac OS, it’s in the Users/<user account>/Library/Application Support/Adobe/Fireworks CS3 folder.
- Click the [+] button three times to add three new properties (see Figure 3).
(+) view larger
Figure 3: Click the [+] button three times to add three properties. - Select the first property and give it the following attributes:
- For Element Name, choose docType.
- For Attribute, choose textChars.
- For Property Name, enter Doc Type Label.
- For Value, enter {}, which is a generic identifier for code.
Note: For the Value field, we need to add a default value so something shows up when you drag-and-drop the symbol onto the canvas.
- Select the second property and give it the following attributes:
- For Element Name, choose docTitle.
- For Attribute Name, choose textChars
- For the Property Name, enter Doc Title Label.
- For Value, enter doc-title.
- Select the third property and give it the following attributes:
- For Element Name, choose docBg.
- For Attribute, choose fillColor.
- For Property Name, enter Color.
- For Value, enter #999999, which is a medium gray.
When you’re finished, the Create Symbol Script dialog box should look like this (see Figure 4):
(+) view larger
Figure 4: The Create Symbol Script dialog box showing the values for each of the three properties. - Click Save, and then click OK. Fireworks generates the JavaScript for you automatically.
