how-to-create-scrolling-links

A web developer on the forum had a client who asked if he could make the links list scrollable on the website he was developing. The links were navigation links on the left side of the site, and the client wanted the links more compact. In the end the developer ended up using a completely different solution that used expanding links but I still had a basic solution for creating scrollable links in SiteSpinner, and the method is so basic that the same option for scrolling text is probably available in several other website building programs. So here's a few examples below and a little explanation of how to create them.

Example 1: Basic scrolling links, showing 4 of the 8 links it has.

To get this effect in SiteSpinner you need to create a text object as per normal by clicking on the 'text' button in the left tool bar (example button shown right), the 'text editor' will appear, so now type each word then press enter so the words are stacked into a list.
After this create your links by highlighting each word, then right clicking on the highlighted word, after this choose 'create link', create your links and press 'ok', Then in the top right area of the 'text editor' click the 'Auto-Scroll text box' button (example button shown right), Now go to the bottom of the 'text editor' and press save and close.
Now your text object is saved in the site spinner work window, you can now left click and drag the text where you like. While the text object is highlighted left click and hold down on the bottom part of the objects boarder so you can drag the bottom edge of the text object up and down, drag the boarder up to cover

up as many links as you want then release the left mouse button. Your done! Now preview and see what you think.

Of coarse this is only the basic version because you will probably need to colour the back ground of your text box, plus change the font type colour, so everything mix's in with your sites theme, but that's a story for another time.

Example 2: Basic scrolling links, showing only one link.

This is the same as above, but when you drag the bottom boarder of your text object up, just leave only one link showing.

Example 3: Hidden scrolling links, using 'mouse over fx'.

This is almost the same as the first option but with 'mouse effects' added to it and a heading that when rolled over trigers the links to unhide or popup.
You need 3 objects for this to happen and you will also need to group 2 of these objects to create a 4th, these are the objects you'll need, 1 normal text link object created as in example 1, 1 heading text object, 1 blank transparent rectangle and 1 group made by joining the transparent text box and the text link object together.
First create a heading, for this example, my heading is titled pagelinks and the object name is 'pagelinks4'. Now create your link object with a scroll box as explaind in step 1, my object name for this is called 'links4', after this create a small trasparent rectangle, object name 'rectangle4'. Finaly join object 'rectangle4' to the top of object 'links4', then group these objects together to create object 'linksgroup4'. Now sit your heading object 'pagelinks4' over the top of the newley formed group near the top (example bottom right).

After this apply the 2 mouse effects as shown in the screen shots below.
Ok you should be done, this last one was a hard one to explain
but play around with it and you'll get it. Good luck!

Create scrolling links in SiteSpinner

How to create scrolling links!