[Pro] Rollover Actions

Somehow I can not get this rollover to work in freeway.
How can I make this rollover, with the low opacity and a box in the middle, in freeway?

Note: the rollover on the boxes that say preview. I do not need the action on click only the rollover action.


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

Hi Nate,
I don’t know if this is going to help you but I put together a sample Freeway 5.5 Pro file that shows how you can put that rollover together with Freeway (attached).

It uses the structuring, images and CSS styles from the original and should look identical when published. There are certain things in Freeway that will look incorrect as the application isn’t aware of some of the CSS styles we need to be added via extended dialog boxes. For example to hide the rollover text (in the black panel) we apply a CSS style that sets the opacity to zero. As Freeway is unaware of this (there are no opacity options in Freeway) the item remains visible in the design view. Likewise the preview text will look different when previewed because of the styles and the way they have been added to the link text.

What did you have in mind for this rollover exactly? If I knew what you are attempting to do then I may be able to think of a better way to achieve it using available Actions etc.
Regards,
Tim.

On 25 Jan 2012, at 14:05, Nate wrote:

Somehow I can not get this rollover to work in freeway.
How can I make this rollover, with the low opacity and a box in the middle, in freeway?

http://subtlepatterns.com/

Note: the rollover on the boxes that say preview. I do not need the action on click only the rollover action.


FreewayActions.com - Freeware and commercial Actions for Freeway Express & Pro - http://www.freewayactions.com
FreewayStyle.com - Free Freeway templates and parts to download, use and explore - http://www.freewaystyle.com


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

Where is the attached file?

I might not need to do that. What I need is a way to have a view all products page with 5 to 6 products on each page.
I can not find a good way to present these products on the page.

http://elysium.aswebsitedesign.com/elysiumcomputers.html

If you have other suggestions then I would greatly appreciate it.


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

After looking into it. I think that if I did almost exactly what you did for this site then that would work for me.

http://www.freewaystyle.com/?order=asc?order=desc

Love your site by the way


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

Hi Nate,
Apologies for the missing attachment. I had intended to cc you on the post.

Here’s the Freeway file;
http://www.freewayactions.com/test/subtle-patterns-rollovers/

The rollovers on the FreewayStyle site simply use opacity to give the mouse over effect. You can do pretty much the same thing with this Action;
http://www.freewayactions.com/test/css-transparency-rollover/

Regards,
Tim.

On 26 Jan 2012, at 13:52, Nate wrote:

After looking into it. I think that if I did almost exactly what you did for this site then that would work for me.

http://www.freewaystyle.com/?order=asc?order=desc


FreewayActions.com - Freeware and commercial Actions for Freeway Express & Pro - http://www.freewayactions.com
FreewayStyle.com - Free Freeway templates and parts to download, use and explore - http://www.freewaystyle.com


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

Thank you that is great.

If you have any other suggestions for me I would appreciate it. I can not find a good way to display the products on this page.

http://elysium.aswebsitedesign.com/elysiumcomputers.html


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

Are you talking about making them sortable? That usually means a database and content management system, although you can do some clever stuff with JavaScript to re-sort the page after it’s loaded in the browser. These sorts of solutions (no matter how you build them) definitely depend on an inline layout, because you have to have a modular approach to your layout if you want to shuffle its contents around.

If you’re talking about the ability to “page” the results as Tim has done, that definitely requires a content management system, otherwise there’s little point. (If you loaded all of the products in the initial page load, but only showed a third of them and had people page through them, you wouldn’t be saving them any time.)

Walter

On Jan 26, 2012, at 9:27 AM, Nate wrote:

Thank you that is great.

If you have any other suggestions for me I would appreciate it. I can not find a good way to display the products on this page.

http://elysium.aswebsitedesign.com/elysiumcomputers.html


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

Well I am making 5 pages total. 3 of the 5 have 6 products and the other two have 5 products. I do not need a complex system for such few products on one page.

Do you have any suggestions on how I could display 5-6 products within that area of space that is there?

re-arranging this page http://elysium.aswebsitedesign.com/elysiumcomputers.html


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

Hi Nate,
Have you considered using a simple carousel slider to display each ‘page’ of products? Something like this but using nested layer items each containing the products you want shown rather than a single image;
http://www.freewaystyle.com/wood-slider

The downside to using a carousel is (as Walter mentions) that all of the product ‘pages’ would load regardless of how many were actually seen by the user making the page quite large and possibly slow.
Regards,
Tim.

On 26 Jan 2012, at 19:05, Nate wrote:

Do you have any suggestions on how I could display 5-6 products within that area of space that is there?


FreewayActions.com - Freeware and commercial Actions for Freeway Express & Pro - http://www.freewayactions.com
FreewayStyle.com - Free Freeway templates and parts to download, use and explore - http://www.freewaystyle.com


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

I was going to do a carousel as you showed but I want to be able to see all 5 (or 6) products on the page at the same time.


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

Each carousel pane is just a layered item (a div) and can contain multiple child objects. These would be the thumbnails and descriptions of your products. The caption panel in this carousel example is a child of the main image pane;
http://www.freewaystyle.com/carousel-captions-1
Regards,
Tim.

On 26 Jan 2012, at 19:28, Nate wrote:

I was going to do a carousel as you showed but I want to be able to see all 5 (or 6) products on the page at the same time.


FreewayActions.com - Freeware and commercial Actions for Freeway Express & Pro - http://www.freewayactions.com
FreewayStyle.com - Free Freeway templates and parts to download, use and explore - http://www.freewaystyle.com


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

Yes, but I would like to be able to see all of the products at the same time. Then have the picture and/or name link to the individual product pages that I have already set up.

all http://elysium.aswebsitedesign.com/elysiumcomputers.html

Single http://elysium.aswebsitedesign.com/Single%20Product%20Pages/Computers/elysiumemac.html


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