[Pro] help needed

Hi guys, need some help

At the moment I rebuild one of my sites, from basic layout to inline box model in Freeway 6

I used 3 sections:
header section (with header content), bodysection (with body content) and footersection (with footer content).

I placed a background image in the border section and give the page (background section) a color and 75% opacity.

Now when I place content in the body content the stuff also gets the 75% opacity, something I don’t want

Is there something I can do about this?

Thx

Erik


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

Hi Erik -

It is always helpful to publish a link to your site, the code tells us much.

I get it, header section (plus content) body section (plus content) footer
section (plus content)

But where do “border section” and “background section” come in??

If you use the Opacity setting in the Inspector, it sets the opacity of
everything in your item, not just it’s background (Note to Softpress - this
is a poorly implemented interface design problem, but you knew that already
and have your best minds working on it as we speak - right?)

A better background opacity solution is RGBA, but before we get that far
Erik, can you upload your site to a test location where we can look at the
code and evaluate the problem?


Ernie Simpson

On Tue, Mar 5, 2013 at 5:47 AM, Erik email@hidden wrote:

Hi guys, need some help

At the moment I rebuild one of my sites, from basic layout to inline box
model in Freeway 6

I used 3 sections:
header section (with header content), bodysection (with body content) and
footersection (with footer content).

I placed a background image in the border section and give the page
(background section) a color and 75% opacity.

Now when I place content in the body content the stuff also gets the 75%
opacity, something I don’t want

Is there something I can do about this?

Thx

Erik


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

If you use the Opacity setting in the Inspector, it sets the opacity of everything in your item

To clarify, not text as I did here. http://www.autocare625.co.uk/ 90% and 30% opacity set for the background color.

s


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

Hi Ernie

Here is the link:

www.JOB.graphicid.nl


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

On Tue, Mar 5, 2013 at 6:34 AM, seoras email@hidden wrote:

If you use the Opacity setting in the Inspector, it sets the opacity of
everything in your item

To clarify, not text as I did here. http://www.autocare625.co.uk/ 90% and
30% opacity set for the background color.

Seoras, you are using the old version of Freeway Pro – Pro 6 has an
Opacity setting in the Inspector that applies CSS opacity… which is
inherited by the child elements. Different from your semitransparent png
background image.

Trivia – pngs use rgba color to achieve transparency!


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

I’m dumb concerning V6 but I’m pretty sure, that this comes from a class f-ms (Master Page?) which injects the opacity property on all objects that have the same class applied.

Cheers

Thomas


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

… and there is the style.css missing for whatever reason. This could carry some important infos, too. How did you upload your artwork?

Cheers

Thomas


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

Hi Thomas,

Do you mean a Version 6 bug? or my own fold?


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

Thank you Erik, it is very helpful to see your code.

In this case, the answer is much easier than you think. If I understand
your intention, you wanted to lighten the background image - not make the
contents semi-transparent. So,

  1. Set the Opacity in Freeway Pro 6 back to 100%

  2. Open your background image in an image editor like Photoshop

  3. If Photoshop, create a new layer above the background

  4. Set your foreground color to the same as your Freeway Pro background
    color (#f1f1f1) and fill the top layer

  5. Set the opacity of the top layer to 30% (70% Opacity of the underlying
    image, or 100%-70%)

  6. Save the Photoshop file for future use

  7. Save for Web and Devices. If you want .png (as before) select the
    options you need and preview. Then save.

  8. if PNG, be sure to compress it at http://tinypng.org

  9. Go back to Freeway Pro and either relink to the new image (menu Edit >
    Resources…) or reapply it through the item Background Image pane of the
    Inspector/

https://dl.dropbox.com/u/27331610/background-70.png


Ernie Simpson

On Tue, Mar 5, 2013 at 6:38 AM, Erik email@hidden wrote:

Hi Ernie

Here is the link:

www.JOB.graphicid.nl


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

Seoras, you are using the old version of Freeway Pro — Pro 6 has an Opacity setting in the Inspector that applies CSS opacity… which is inherited by the child elements. Different from your semitransparent png background image.

Aah; Cheers Ernie. Guess I’ll stick with 5.6 for the time being then, I certainly couldn’t update this particular site to 6 without lots of hassle. It would be a waste of my time.

s


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

I’m dumb concerning V6 but I’m pretty sure, that this comes from a class
f-ms (Master Page?) which injects the opacity property on all objects that
have the same class applied.

Sorry, not .f-ms – but more about THAT later, I promise :slight_smile:

No, this one is due to CSS Inheritance - applied to a div, all the children
of the div inherit it. It is a mistake for the UI Designers to have
implemented it this way, perhaps they need a better CSS strategy.


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

seoras wrote:

Aah; Cheers Ernie. Guess I’ll stick with 5.6 for the time being then, I
certainly couldn’t update this particular site to 6 without lots of hassle.
It would be a waste of my time.

I’ve mentioned elsewhere that I support upgrading to 6 – but that you also
keep 5 active to work with stuff WHILE you are learning 6.

Not upgrading only postpones the learning curve – it will be more painful
later.

Best,

Ernie Simpson
aka, The Big Erns


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

WOW Ernie great help,

Followed your steps and worked out fine,

Many thanks!

But still not clear, is this a kind of Bug in Freeway that it affect all stuff in the content section or something else?


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

Not upgrading only postpones the learning curve — it will be more painful later.

Just downloaded 6 :slight_smile: I’ve just been reticent while a couple of sites where in progress.
I’ll still be running 5.5 for older sites, it looks as if this ‘upgrade’ is too much of a leap to contemplate switching also for older sites.

s


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

… can’t judge things that I never tried myself - so at that time:

No bug.

But looking forward to “… THAT, later”

Cheers

Thomas


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

But still not clear, is this a kind of Bug in Freeway that it affect all
stuff in the content section or something else?

It’s not really a “bug” – that is exactly the way the opacity attribute
of CSS is supposed to work. It was probably one of those last-minute
additions to the app that was either not clearly understood or thought
through. I expect they are working on a future revision.


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

Just downloaded 6 :slight_smile: I’ve just been reticent while a couple of sites
where in progress.

Great! Welcome to the learning curve :slight_smile:

Search FreewayTalk a bit and you will find practical discussions on using
both versions together. They can be a bit confusing - you have to learn
where they each keep their actions, which actions are compatible with 6 -
where to download new actions (or, maybe take an action vacation for a
while?)

Also, you will learn more if you make new sites to play with to start, then
deal with converting old sites after you feel more comfortable.

Also also, search FreewayTalk first to find if your question has already
been asked – but then don’t be afraid to ask either. Everyone is learning
new things now.


Ernie Simpson
aka, The Big Erns


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

Not quite. Opacity cascades to all child elements.

<div style="opacity: 0.4">
	This div, and all of its contents, are now 40% strength.
	<div style="opacity: 1.0">
		This div is still 40% strength, because of the parent's opacity setting.
	</div>
</div>

If you want a semi-transparent background, you want a background-color set in rgba() notation, or a semi-transparent PNG background image, not the opacity setting.

Walter

On Mar 5, 2013, at 7:35 AM, Thomas Kimmich wrote:

I’m dumb concerning V6 but I’m pretty sure, that this comes from a class f-ms (Master Page?) which injects the opacity property on all objects that have the same class applied.

Cheers

Thomas


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’ve just had a very quick look at 6 and my 5.6 version method (background color>opacity) seems to still hold true. I see now however there has been a new opacity slider added which does indeed change opacity to all inc. text in that div, not sure why I’d wish that. A convenient shortcut perhaps.

Oh well, learning curve right enough.

s


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

On 5 Mar 2013, 10:39 am, Erik wrote:

Hi Ernie

Here is the link:

www.JOB.graphicid.nl

Erik…how did you add the Google Translate bar to your site? Can that be taken off at anytime if it’s not wanted anymore?

Bob


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