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
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
(sorry to respond to your question in english, but that’s for the other listees, they might learn from it as well
Richard
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
You’re welcome Matt
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 (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
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
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.
This looks awesome David, nice and fresh
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
Thanks Richard, so it is doable in 5.6.5 which is the version I have.
Did you achieve everything you managed to achieve in the version 6?
I’d love to have a look at it in more detail.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
I Sure did. All was done via CSS, styles (see screenshot above).
I only updated some content in FW6, nothing more. But, as said, although it ain’t rocket science things I did (here) in CSS now can be done a lot easier in FW6.1 via the inspector pallet.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Indeed. Thanks for reminding me about it!
freewaytalk mailing list
email@hidden
Update your subscriptions at: