Background Supersizer Action minus a bit!

Freeway
21

Hi

The Cloud9Weddings website is very attractive. Thanks for showing it me.

Mark

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

22

I’m no expert but isn’t the cloud 9 site just a supersize action with a white graphic panel (with a nice scalloped edge) on top of it. You lose the top 15mm or so of your image - but you could make up for it by adding a strip to the top of the images used in the slideshow in photoshop.
None of this mucking about with javascript and coding!

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

23

Oh my goodness, not sure why I didn’t think of that. You could just put your header/whatever in a layer, position it at the top of your page, and give it a solid background. It would overlay the body background (because that’s what anything else does) and you’re done. Then it’s just a matter of making sure that your images don’t have any critical detail near the top, so wide-aspect screens don’t cause that to slip up behind the header bar.

Walter

On Mar 13, 2013, at 6:59 AM, Noel Sergeant wrote:

I’m no expert but isn’t the cloud 9 site just a supersize action with a white graphic panel (with a nice scalloped edge) on top of it. You lose the top 15mm or so of your image - but you could make up for it by adding a strip to the top of the images used in the slideshow in photoshop.
None of this mucking about with javascript and coding!

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

24

I’ve tried this, but unfortunately on portrait photographs peoples heads are being cropped by the header layer. Hence the idea to “move” the slideshow down below the header.

The good folk at Softpress support have suggested using the iFrame Action. So I’ll take a look at it…

Thanks Mark

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

25

'Tis a bit tricky cutting off top of pic if its a portrait, but can’t you just add another 1cm or so to the top of the image so that it drops a bit.

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

26

No. The action scales the image to fit the viewport. So the 45px strip at the top will never be 45px because the image will always be being enlarged or shrunk to fit the browser window.

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

27

Maybe not 45px, just need to work out when enlarged it still falls within your white graphic panel.
Or perhaps a combination of big erns coding which drops the image a bit and having the graphics panel at the top.
Maybe.
The cloud nine site was definately done with a top panel and cropping image slightly - but obviously the cropping wasn’t so critical.

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

28

I found a simple solution, in the folder of the action, there is a file supersized.css on line 24 change only the value to the desired width top: ?;

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

29

This is essentially doing what Ernie suggested but to the CSS file directly. Personally I’d rather overwrite the default style and leave the CSS file alone so I can use it again on another project without having to edit it each time.
Here’s a quick example; http://d.pr/E9c7
Regards,
Tim.

On 14 Mar 2013, at 17:47, jgalicia wrote:

I found a simple solution, in the folder of the action, there is a file supersized.css on line 24 change only the value to the desired width top: ?;

Experienced Freeway designer for hire - http://www.freewayactions.com

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

30

On 14 Mar 2013, 6:46 pm, Tim Plumb wrote:

This is essentially doing what Ernie suggested but to the CSS file directly. Personally I’d rather overwrite the default style and leave the CSS file alone so I can use it again on another project without having to edit it each time.
Here’s a quick example; http://d.pr/E9c7
Regards,
Tim.

Sweet. Nice job Tim!

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

31

Hi Tim

Brilliant. Thanks so much

Mark

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

32

How do I get the Super Sizer to do what Walter example does?
“100%”, Not “Cover”

Here: untitled

Thanks

Billy

Site I’m working on: http://smartytest.com/eyecare/home2.html

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

33

I doubt you’ll get that Action to do this. The page in question was hand-coded, and you could easily duplicate the effect without any Actions, simply by applying a background image to the page, and then using the Page / Extended dialog to add the following attribute to the dialog:

name value
style background-size: 100%

Give that a try and see how it works for you.

Walter

On Feb 12, 2015, at 11:15 AM, billy kimmel email@hidden wrote:

How do I get the Super Sizer to do what Walter example does?
“100%”, Not “Cover”

Here: untitled

Thanks

Billy

Site I’m working on: http://smartytest.com/eyecare/home2.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

34

That will work for one image but I want the slideshow of several images. It works in you example? Maybe it is a Freeway 7 issue.

Billy

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