Born February 4th, 1954, in Wolfpoint Montana, Master Don Mills has spent most all of his life in the state of Montana, save his military time in Germany and various other parts of the United States. In March of 1988 Don first walked into Master Dennis Kirby's kung fu studio and immediately fell in love with the art. Spending three plus hours per day, four nights per week for his first three years at the studio, his advancement went quickly. The workouts, usually with upper belt students, were brutal and at times Don wondered why he was paying someone to beat him up. We he obtained the rank of Brown Belt, Don began teaching and has for the past 9 years without fail. His dedication and love of the art has brought Don to the level of Master, a rank rarely achieved in any art.

Master Don Mills personifies Montana. He is an avid sportsman and hunter with an Elk that is in the "Pope and Young" record books. Don is also a horseman and lives in the remote Northfork region of the Flathead Valley surrounded by wilderness on the outskirts of Glacier National Park. When Don is not riding horses, mending fences, hunting, fishing or teaching Kung Fu, he can often be found riding his Harley Davidson along the scenic highways of the Northwest. Currently he is employed with the Flathead County Parks and Recreation Department where he can be found keeping the local parks a place where people go to enjoy Montana's great outdoors.

golivebasics.com home page

A tutorial for Michael Ahgren's wonderful scroll area action - get it here!

What does it do?
The Scroll Area Action lets you put an image or some text on a page with 'triggers', usually arrows, which scroll the text or images in one of eight directions when you mouse over the triggers.

Try it out
Hover your mouse over the arrows and watch the text on the right. Some people find it more natural for the down arrow to move the text up (so you are reading downwards) and vice versa - it's easy to set it up that way if you prefer.

In this tutorial, I have concentrated on placing text and just scrolling up and down. Read more on Michael's site to use images and to scroll horizontally and diagonally.

He also has an excellent variation, where the text or images scroll automatically without triggers - much better than the dreaded 'marquee'. Tutorial here.

Very important, please read this or you will be one of the people who send me unhappy emails when it's too late!!!!!!

It's a bit irritating, but as we will be using floating boxes, it's almost required to use absolute positioning for your page - that means, don't try to centre the main content or the scrolling area, don't try to put the scroll area in a table and have it move with the table - just set everything so many pixels from the top and left of the screen and leave it there. Relative positioning isn't impossible, just very complicated with floating boxes (and I don't understand it!)

Before you ask, you can't use anchors in a floating box.

What to do first
Download Michael's action from here and read the instructions, then install it and launch Golive.

Instructions

1 Put two images on your page, like the arrows above, to scroll the scroll area up and down (or you can use text links). These images should be placed in a table, not floating boxes. If you are using the grid, just place them appropriately - I don't use the grid so you're a bit on your own there.

2 Put a floating box on your page and to make it look like mine, make it 300 px wide by 250 px high. Name it "container" without the quotes. Drag the golden box to the top left corner of your page, put the FB itself wherever you like. In Golive 6 you'll find the floating box here:
And you name it here:
3 Select the FB (floating box), hit the staircase icon, and select "container" in the css editor that appears.
4 Enter values in the position tab of the Inspector (the diamond-ish tab) like this:

The arrows show the important parts - width and height the correct way round, 'Rect' selected, overflow set to hidden. The z-index doesn't seem to make any difference but if you have trouble you might try setting it to 1.

5 Put another floating box inside the first. Name it 'scroll' without quotes. (Put the 2nd golden box inside the first FB). To make it like mine, set the width to 250 px, height to auto:

(Of course you can use whatever name you like as long as it you use one word, no spaces or special characters, and lower case is recommended. Just substitute the name you used in these instructions).

6 Put text or an image into the inner FB. If it's text, here's where you'll find out you really must leave the height of the inner FB as auto, otherwise the text will over flow. It will anyway in layout view, which can make life difficult - it's often easier to design the rest of your page first so you aren't trying to work 'through' the text. If you're using an image instead, set the height of this inner FB to be the height of your image and make the width match too.
7 Now it's time to make the scrolling happen. Select the up arrow you placed for a trigger (or your trigger text). Make it a link with the chain icon, in the inspector set the link to be #. Although the link doesn't go anywhere, you have to have one before you can use any actions on this image/text.
8 Go to the actions palette (tab) and add an action to mouse enter. Please study this screen shot carefully, everything is important.

As long as you installed the action correctly, it will be available from the drop down. You must select both your FBs by name, and check 'up' if you want the text to scroll up - you might want to check 'down' if that looks more natural to you.

You'll see I have set the pixels/step setting to 2 and the speed to 20. The instructions and pdf you got with the action explain more - the speed will vary in different browsers, and you can't do anything about that. If you view this page in different browsers, you'll get the idea and you can experiment with your own settings.

9 Now we make sure the scrolling stops when someone mouses out - add an action for mouse exit and set it like the screenshot on the right:

Note that 'stop' is checked - this is very important.

10 Add actions to the down arrow in the same way (remember to check the opposite direction, and don't forget the stop action for mouse exit).

You'll have realised you can use left and right instead for horizontal scrolling.

11 Done - test in browser.

If you want, you can download this page and open it in Golive to see how it works (you'll need to link to your up and down triggers, and the image in the scrolling box if you used one).

Good luck - if it doesn't work and you have studied the instructions at least three times very carefully, email me. If you have more general questions, the Golive Forums on the Adobe site are the place to go.

golivebasics.com home page