Another useful effect PhotoImpact makes easy is the Pop Up menu.
You've seen this on many web sites. When you put your mouse cursor
over a button, another menu pops up with more choices. This is javascript
and is easy to do with PhotoImpact.
Slicing the Page
1. Turn on the Slice tool
2. Select the text box, right click and choose "Slice
around object"
3. Repeat step 2 with the remaining objects on your page and be
sure to select the folders, not the text on the folders when you get
to them.
4. Click the "objects" cell marker and
name this cell objects in the Slice panel
> Options tab.
5. Repeat step 4 with the "textures" cell.
Configuring The Menu
1. Select the "objects" cell and choose
the Script Effects tab in the Slice panel.
2. Highlight "Triggered by cell", click
the add icon and choose "Pop Up Menu" from
the context menu.
This is the Pop Up box and contains three major sections.
The menu item window (1), the Item attributes
(2), and the menu attributes (3). You will
see how these work as we configure our menu.
3. In the Text box type Link 1
4. In the URL box type # (normally
we would put a url here, but since this page won't have any active
links, the # symbol will fool the script to think it is a link).
5. Click the + icon to add the first menu item.
6. Repeat steps 1 through 3 and add three more items (Link
2, Link 3, Link 4)
Set the following attributes for our menu.
Font: Arial, size: 2 (10 point),
style: bold
Position: all needed here is to click on the "align
bottom" icon
Normal: Background: #11CFFF, Text Color:
#000000
Mouseover: Background: #0000FE, Text Color: #00FF01
Separator Color: #66B3FF
Check "Fixed to cell width" |
7. Click OK.
8. Repeat steps 1 through 7 with the "textures"
folder
Before we close this page, let's add a link to our first page so
visitors can get back to the start of our site if they need to.
1. Select the top banner cell on this page.
2. In the Properties tab on the Slice panel, click the File icon (yellow
folder) and browse to the index.html file in your
My Site folder.
3. In the ALT Text box, type Back To My Home Page
Preview you page now to see the effects. When you are done, save
your page as HTML in the My Site/downloads folder
and name it download.html
Finishing Up
