1.

Fire up the Flash Scroller Wizard and you should see what is in the screenshot here. You will notice that I have clicked on the Register button - unless you register, there will be a Script Ocean advert at the foot of your scroller (or watermark - can’t remember exactly) and it probably won’t be cross-browser compatible. In this first window, you should give your text scroller a name (box bottom right) and save the project as something meaningful to you (e.g. Newscroller) - don’t overwrite the default scroller in case you want to refer to the example texts later!

2.

Click on the Next button to take you to the next page. This is where you set your size and other parameters. At this point it is a good idea to insert a box for the HTML code to go into on your WebPlus page, as we need to know the dimensions of the space your scroller will take up - notice how I have set the width and height in the scroller wizard to match the dimensions of the HTML snippet (see the transform tab bottom right). Note that you won’t yet have any code in your snippet - this comes later. You can run this wizard as many times as you like to tweak the code - you will probably need to play a bit with colours and font sizes to get it looking exactly as you want, but that’s the fun bit!

3.

Click on the Next button to take you to the next page. Here you set the font - I chose not to embed the font because this means that you can apply the bold attribute to your text on the next page, but it does mean that you must choose a websafe font from the dropdown list. If you want your scroller to blend into the page like mine, set the border size to 0.

4.

Click on the Next button to take you to the next page. This is where you set up the text. Each line of text is an item in your scroller. You can add URLs if you want. In the screenshot you can see that I have given you the full text of one of my items (below the picture) - notice how I have applied different font sizes to parts of the text and added the bold attribute. You can add line breaks using the button in the edit text window - note the paragraph markers that have been generated for me - but the text will wrap itself if you don’t. Below is one line of text from the default scroller - it shows how you can override the default font colour and sizes from what you set earlier if you want to, and how to add URL links - these are between the <a> and </a> tags, and the bit between <u> and </u> is the hyperlink that you would see in the scroller (the actual URL would be hidden):

5.

Click on the Next button to take you to the next page. This is the last bit. Firstly, you can preview your scroller (but I don’t bother with this, as I prefer to preview from WP). Secondly, you need to copy the files (actually stage 3 on the page) - save them somewhere you can easily find. Only the .swf file will appear in the list (it will have the name you set up on the first page of the wizard, and you shouldn’t change this). Next you should click the Save Project button to save your settings to the project file you set up on the first page. Lastly, click on the Copy button (on the right - don’t worry that I have done this in a different order to the steps suggested - it works fine!), which will copy the code generated by the wizard onto the Windows clipboard. Next go to WP (see below the screenshot of the last page in the scroller wizard) and double click on your HTML code snippet and click the Paste to Body button top right - this will paste the code into the correct place for you. Just one more thing to do now! At the bottom of the HTML snippet window you need to use the Add button to add the two files generated for you by the scroller wizard (one with a .js extension and one with .swf - they will have the same name and will be wherever you saved them just now). You can choose to link or embed the files - it makes no difference to functionality.

6.	Now you are ready to preview your page with the scroller in place! If you preview the page, you will probably have to temporarily enable ActiveX - you won’t get this problem once the page is online if you have your browser set to allow this.

7.

If you want to tweak your scroller, you will need to run the wizard again. Make sure you open your saved project on the first page, but don’t change any of the file names. On the last page, make sure you save your project to save your altered settings and copy the files in stage 3 on that page. You do NOT need to re-paste the generated code into WP - in fact, you don’t need to do anything further to the HTML snippet, as it all happens automatically.