website like this

is it possible to build a website like this in freeway

http://smartinteractive-demo.gozawi.com


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

There have been a few examples of that sort of thing posted here. It’s not impossible, certainly a lot easier in Freeway 6 than 5.6 or lower, because of the new measurements settings possible in the expanded Inspector.

Walter

On Aug 30, 2013, at 3:18 PM, david Verbruggen wrote:

is it possible to build a website like this in freeway

http://smartinteractive-demo.gozawi.com


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

I did something like it on http://www.elreal.nl … it’s a breeze, really.

Richard


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

Hi Richard, Great web site interested to know how it was achieved in Freeway.

Matt.


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

Well, I suppose I can supply you with the Freeway document for your disposal …
http://fwdemo.rvanheukelum.com/elreal/elreal.zip

2 Actions I used are included. I’ll probably do things differently now, but that’s just in the (CSS) details.

Have a look!

Richard


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

Hey Richard

Ik snap niet hoe je linkt naar de images?

Grtz.
David


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

Hi Richard, Thank-you very much I will have a look.

Matt.


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

Hey David, the images in fact are applied as background-images to DIV’s, I’ve applied them via CSS. Just take a look at the styles in the CSS panel and you’ll see them pop-up. I’ve applied some extra CSS via the ‘Advanced’ button within the CSS editor as well in order to make them stick while scrolling.

You can do all this directly from the inspector as well, and so making them visible in edit-view. That’s one of those things I’d do differently as I mentioned earlier :wink:

(sorry to respond to your question in english, but that’s for the other listees, they might learn from it as well :wink:

Richard


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

You’re welcome Matt :slight_smile:


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

We have made it so that Freeway Pro 6.1 offers a pretty simple way to achieve “multiple non-scrolling backgrounds” entirely within Freeway without the use of any Actions or coding. Note, that this cannot be done in any version earlier than 6.1 (Pro).

Using an in-flow layout (often referred to as “Box-Model”), insert an HTML Item, give it 100% width and embed an image in the background (using the “Item appearance settings” tab of the Inspector - second tab). Make sure you uncheck the “Background scrolls” checkbox in same tab of the Inspector. Give this Item a “Fixed Height” of however much you’d like to show.

The next in-flow HTML Item you insert could be for you to insert some content, and then the following Item after that could be another image set up in the same way as mentioned above.

As you can see in my sample page at http://users.softpress.com/arthurrigley/multiplebackgrounds (which also has a link to download the Freeway Archive) I’ve set it up as I’ve explained above. Do feel free to download the file and take a look at how things have been placed and set up.

It’s worth mentioning that this functionality, as of yet, is unsupported on iOS Devices (and possibly other mobile devices).

For those who haven’t tried designing in an in-flow layout (Box Model), do have a look at this link which offers a very basic tutorial and sample file http://users.softpress.com/keith/box_model_tutorial.

Arthur Rigley | Support Technician | Softpress Systems


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

Probably one thing to add:

To make a bg-image “stretch all across the browser-window” it requires a lil xtra css-property called

background-size: cover;

You find it in Arthurs’ example if you select the div (with the bg-image) → item → extended → DIV-Style Tab.

Cheers

Thomas


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

arggn - forgot to note that this would be a nice feature in future inspectors’ dialogue :slight_smile: (probably)

Cheers

Thomas


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

Yep, forgot to mention that - Thanks Thomas!

It’s worth noting that you don’t need to apply that extended code for it all to work though. In case anyone was wondering, the only reason I used the “background-size: cover” code was so that the background image grows/shrinks as the browser window grows/shrinks - The entire functionality of the non-scrolling background images will work regardless of this extended code added.

Yep it would be a nice feature to include! I’ll pass on the message to the developers :slight_smile:

Arthur Rigley | Support Technician


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

…this would be a nice feature in future inspectors’ dialogue :slight_smile:

Absolutely! Support for all the background-size properties would be nice.
More interface support for CSS and HTML would be better.


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

Tis a pity that users of version 5.5 pro are mere spectators to such nice work.
Is there any way any of this is achievable in the earlier versions at least back to 5.5? I’m stuck on this version due to my Powerpc antiquity.

It looks great.


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

Tis a pity that users of version 5.5 pro are mere spectators to such nice work.

Why should they be spectators?

The only difference is, that it is EASIER in 6 which shouldn’t be read as “Impossible for 5.5”. In 5 you only have to add two extra CSS properties, one for background-attachment:fixed and the other one for background-image:cover.

Cheers

Thomas


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

Hi

I’m testing it and it’s great to work with. I’m building my new site.

http://www.graphic-options.be/projects/test

Thanks


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

On 5 Sep 2013, 12:04 pm, Thomas Kimmich wrote:

Why should they be spectators?

The only difference is, that it is EASIER in 6 which shouldn’t be read as “Impossible for 5.5”. In 5 you only have to add two extra CSS properties, one for background-attachment:fixed and the other one for background-image:cover.

Cheers

Thomas

Thanks Thomas,

That sounds promising. I shall have to try to build a site to test this. Don’t suppose anyone has a template openable in 5.5 for such a site?

Its looking good David.

Cheers


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

On 5 Sep 2013, 12:06 pm, david Verbruggen wrote:

Hi

I’m testing it and it’s great to work with. I’m building my new site.

http://www.graphic-options.be/projects/test

This looks awesome David, nice and fresh :slight_smile:


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

On 5 Sep 2013, 12:16 pm, tonzodehoo wrote:

That sounds promising. I shall have to try to build a site to test this. Don’t suppose anyone has a template openable in 5.5 for such a site?

Its looking good David.

Cheers

It’s a matter of fact that www.elreal.nl initially was build in FW5.6.5


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