How to create this

Freeway
1

hi

Very new to freeway but I want to create a site with the same look and
scrolling function as this site: www.iamrobgarner.co.uk

This site was done in Freeway 4 I believe.

Any ideas?

Thanks

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

This site is done with frames.

Nathan Garner
Creative Director

Austin Wells Design Limited
One Elmgate Drive - Littledown - Bournemouth BH7 7EF
t 01202 301271 e email@hidden w http://www.austinwellsdesign.co.uk

Member of NAPP

On 5 Oct 2009, at 17:54, paul wrote:

hi

Very new to freeway but I want to create a site with the same look and
scrolling function as this site: www.iamrobgarner.co.uk

This site was done in Freeway 4 I believe.

Any ideas?

Thanks

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Yes nice simple effective use of frames and rollovers.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Hi Paul,
Welcome to Freeway!
Although this site uses frames to achieve the effect of scrolling the
main content while keeping the navigation area static you can do much
the same sort of thing using layers. Create your navigational content
as a layer and in the inspector palette set the positioning to ‘Fixed
in window’ rather than ‘Absolute’.
When scrolled the main page content will scroll but the navigational
layer will remain static in the browser window.
Regards,
Tim.

On 5 Oct 2009, at 17:54, paul wrote:

Very new to freeway but I want to create a site with the same look and
scrolling function as this site: www.iamrobgarner.co.uk

This site was done in Freeway 4 I believe.

FreewayActions.com - Freeware and shareware actions for Freeway
Express & Pro.
…
Protect your mailto links from being harvested by spambots with Anti
Spam.
Only available at FreewayActions.com
…
http://www.freewayactions.com

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Thanks Tim. What about how when you click on a link in the nav area, it scrolls automatically to that point

So what’s best - frames or a layer?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

Personally I would go with layers. Frames have their uses but not here.
You can have the links in the navigation scroll down to the correct
area of the page by using anchor tags.
Have a look at page 91 of the Using Freeway 5 User Guide;
http://www.softpress.com/images/uploads/UsingFreeway5Guide_screenve.pdf
Regards,
Tim.

On 6 Oct 2009, at 14:03, hellogriff wrote:

Thanks Tim. What about how when you click on a link in the nav area,
it scrolls automatically to that point

So what’s best - frames or a layer?

FreewayActions.com - Freeware and shareware actions for Freeway
Express & Pro.
…
Protect your mailto links from being harvested by spambots with Anti
Spam.
Only available at FreewayActions.com
…
http://www.freewayactions.com

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

7

Tim The layers trick works amzing. The bit I’m struggling with now is doing the image swap as a rollover. I 've looked in the manual how to do rollovers but i can’t get it to work when the images are stacked. Does anyone know how I can do the rollover like shown at www.iamrobgarner.co.uk

On 6 Oct 2009, 1:16 pm, Tim Plumb wrote:

Personally I would go with layers. Frames have their uses but not here.
You can have the links in the navigation scroll down to the correct
area of the page by using anchor tags.
Have a look at page 91 of the Using Freeway 5 User Guide;
http://www.softpress.com/images/uploads/UsingFreeway5Guide_screenve.pdf
Regards,
Tim.

On 6 Oct 2009, at 14:03, hellogriff wrote:

Thanks Tim. What about how when you click on a link in the nav area,
it scrolls automatically to that point

So what’s best - frames or a layer?

FreewayActions.com - Freeware and shareware actions for Freeway
Express & Pro.
…
Protect your mailto links from being harvested by spambots with Anti
Spam.
Only available at FreewayActions.com
…
http://www.freewayactions.com

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

8

As the main navigation area is now a static layer you won’t be able to
use the ‘layer technique’ to create your rollovers. Normally you can
do this by duplicating the item and stacking above or below the
current object and selecting this in the Rollover action. I would
suggest doing this in either one of two ways;

  1. Ideally make your navigation text HTML rather than graphics. The
    search engines will love you, those with accessibility issues will
    love you, and I will too! :slight_smile:
  2. If the text has to be graphics then create your rollover text and
    use the File, Export option to export the current item as a graphic
    (ideally a GIF). In the Rollover action select this rollover image by
    choosing it from the Mouseover, select… option (rather than the
    Items option). The downside of this is that if the text or style
    changes then you’ll need to export and import the graphics again.
    I hope this helps.
    Regards,
    Tim.

On 8 Oct 2009, at 12:05, hellogriff wrote:

Tim The layers trick works amzing. The bit I’m struggling with now
is doing the image swap as a rollover. I 've looked in the manual
how to do rollovers but i can’t get it to work when the images are
stacked. Does anyone know how I can do the rollover like shown at www.iamrobgarner.co.uk

FreewayActions.com - Freeware and shareware actions for Freeway
Express & Pro.
…
Protect your mailto links from being harvested by spambots with Anti
Spam.
Only available at FreewayActions.com
…
http://www.freewayactions.com

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

9

Hi

I am keeping all thetext as HTML. I’m not sure if I’m getting what you mean by the nav area. My main concern was getting the smaller images to appear in the main image area.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

10

Apologies. I thought you were talking about the text in the
navigational bar. I assume you mean the large images with the five
thumbnails down the right hand edge?
If so try this;

  1. Create your large image and apply the Target Image action to it
  2. In the action palette select your five images and load them into
    slots 1-5 in the action
  3. Create your five thumbnail images and apply the Rollover action to
    each
  4. Again in the actions palette choose the Mouseover # that
    corresponds to the image in the thumbnail.
    For example if I loaded myImage.jpg into the Image 1 position in the
    Target Image action (step 2) then my Mouseover # for the same image
    thumbnail will be 1.

If this is still as clear as mud let me know and I’ll try and create a
sample Freeway file for you.
Regards,
Tim.

On 8 Oct 2009, at 14:31, hellogriff wrote:

Hi

I am keeping all thetext as HTML. I’m not sure if I’m getting what
you mean by the nav area. My main concern was getting the smaller
images to appear in the main image area.

FreewayActions.com - Freeware and shareware actions for Freeway
Express & Pro.
…
Protect your mailto links from being harvested by spambots with Anti
Spam.
Only available at FreewayActions.com
…
http://www.freewayactions.com

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

11

Hi Tim

I thought I had cracked it but would it be too much trouble t get a quick sample file. One immediate question: do I have to name any further images down the page in sequential order ie: 1-5, 6-8, 9-11 etc?

Thanks
paul

On 8 Oct 2009, 1:46 pm, Tim Plumb wrote:

Apologies. I thought you were talking about the text in the
navigational bar. I assume you mean the large images with the five
thumbnails down the right hand edge?
If so try this;

  1. Create your large image and apply the Target Image action to it
  2. In the action palette select your five images and load them into
    slots 1-5 in the action
  3. Create your five thumbnail images and apply the Rollover action to
    each
  4. Again in the actions palette choose the Mouseover # that
    corresponds to the image in the thumbnail.
    For example if I loaded myImage.jpg into the Image 1 position in the
    Target Image action (step 2) then my Mouseover # for the same image
    thumbnail will be 1.

If this is still as clear as mud let me know and I’ll try and create a
sample Freeway file for you.
Regards,
Tim.

On 8 Oct 2009, at 14:31, hellogriff wrote:

Hi

I am keeping all thetext as HTML. I’m not sure if I’m getting what
you mean by the nav area. My main concern was getting the smaller
images to appear in the main image area.

FreewayActions.com - Freeware and shareware actions for Freeway
Express & Pro.
…
Protect your mailto links from being harvested by spambots with Anti
Spam.
Only available at FreewayActions.com
…
http://www.freewayactions.com

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

12

Hi Paul,
Have a look at this example Freeway 5 Pro file;
http://www.freewayactions.com/test/rollover/

The image naming shouldn’t make any difference.
Let me know if you any questions answering.
Regards,
Tim.

On 9 Oct 2009, at 15:34, hellogriff wrote:

I thought I had cracked it but would it be too much trouble t get a
quick sample file. One immediate question: do I have to name any
further images down the page in sequential order ie: 1-5, 6-8, 9-11
etc?

FreewayActions.com - Freeware and shareware actions for Freeway
Express & Pro.
…
Protect your mailto links from being harvested by spambots with Anti
Spam.
Only available at FreewayActions.com
…
http://www.freewayactions.com

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options