[Pro] simple Q: transparency...

Hi all,

simple question. I am exploring with supersizer background, and I have a text box that has a red background and white text.

I would like to change the transparency of the red box to 50% so I can see the picture behind it, BUT I want the white text to be bright (not transparent).

It seems when I apply the transparency to the text box it makes the red bg and the white text both 50% transparent. I just want the red bg.

Thanks for any help.

Barry

http://www.hoffkids.com/hwhoffmancopy.html


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

You can do this by overriding the background color of that box with an extended attribute. Click once on the HTML box (the red one) so its corner handles are showing, and choose Item / Extended from the main menu. Make sure the

tab is selected, then click Add. In the Name field, enter background-color and in the Value field enter rgba(255,0,0,0.5)

Do it just like that, spelling and punctuation are critical.

This should override the background-color set by Freeway, there’s no need to remove the color you’ve already set. Important note – you won’t see any change in the Freeway design interface – this will only appear in the browser or the Preview mode.

Walter

On Jun 30, 2014, at 12:16 PM, Hoffkids wrote:

Hi all,

simple question. I am exploring with supersizer background, and I have a text box that has a red background and white text.

I would like to change the transparency of the red box to 50% so I can see the picture behind it, BUT I want the white text to be bright (not transparent).

It seems when I apply the transparency to the text box it makes the red bg and the white text both 50% transparent. I just want the red bg.

Thanks for any help.

Barry

http://www.hoffkids.com/hwhoffmancopy.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

Walt,

i did that and it did not seem to change. Maybe I messed up.

Also before I go too far, I notice that when the page loads, the black background comes in first, then the supersizer image appears.

Does it always have to be like that or can it get better where when the person gets to the page, the bg image appears right away?

Thanks.

Barry


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

Perhaps. I just tried it here, and it worked perfectly. Can you post a link? Speed of background loading is inversely proportional to its file size and pixel dimensions. Use the very smallest, most heavily compressed image you can possibly stand to look at once it’s been stretched out to fill the screen. It’s a background – it does not need to be sharp at all, because people are not looking at it, they are looking at the foreground content. Too much detail in your background will just make the foreground text harder to read – the eye doesn’t know where to look.

Walter

On Jun 30, 2014, at 12:28 PM, Hoffkids wrote:

Walt,

i did that and it did not seem to change. Maybe I messed up.

Also before I go too far, I notice that when the page loads, the black background comes in first, then the supersizer image appears.

Does it always have to be like that or can it get better where when the person gets to the page, the bg image appears right away?

Thanks.

Barry


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

just the red box…

http://www.hoffkids.com/hwhoffmancopy.html

still seems dulled out text


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

You left it set to opacity .56, you need to set that back to opacity 1.

Walter

On Jun 30, 2014, at 12:42 PM, Hoffkids wrote:

just the red box…

http://www.hoffkids.com/hwhoffmancopy.html

still seems dulled out text


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

now I understand… was the .5 in the color me setting the opacity to 50%??

works now


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

There are two independent ways to create a semi-transparent HTML box. One is with opacity, which affects the box, but critically also affects its contents and child elements. This was causing the pale type you saw. The other way is with a transparent background color, which Freeway does not support directly. When you use RGBa colors, you get a color, followed by an alpha value – 255, 0, 0 is full-brightness red. The 0.5 as the last number causes it to be full red at 50% strength, so whatever is beneath it will shine through at half strength. I love these for subtle layered effects. You can stack them and get different amounts of translucency, or mix dark panels and light panels to get really subtle effects. And if you change the underlying color or image, the whole thing changes hue without you needing to click through every element on the page to adjust it separately.

Walter

On Jun 30, 2014, at 12:45 PM, Hoffkids wrote:

now I understand… was the .5 in the color me setting the opacity to 50%??

works now


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

fascinating. thanks for teaching me this.

Enjoy summer.

Barry


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

Walter said:

Use the very smallest, most heavily compressed image you can possibly stand to look at once it’s been stretched out to fill the screen. It’s a background — it does not need to be sharp at all

Barry - please take note of suggestions like this. Your 2 images are respectively:

2.jpg Dimensions 1400 × 900 File size 966.27KB

t_wimbledonrain_2806_fe.jpg Dimensions 1400 × 933 File size 585.05KB

That is over 1.5Mb of bg images - totally unnecessary!

D


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

first just gathering my images, then going to work on size.

:-))

thanks for looking out.


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

first just gathering my images, then going to work on size.

No problem - WIP?

D


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

what is WIP?


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

Work in Progress


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

Hi Hoffkids

Work in Progress, I think you find.

Regards

Lee


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

yea- WIP

:slight_smile:


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

page is here…

http://www.hoffkids.com/hwhoffman.html


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

If you have decided on these images then you can now optimise them as you have over 3Mb of image load.

D


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

I’ll second that. Taking about 7 or 8 seconds for anything to appear, even with fibre optic broadband!

On 30 Jun 2014, 10:38 pm, DeltaDave wrote:

If you have decided on these images then you can now optimise them as you have over 3Mb of image load.

D


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

Mark,

are you checking this page out- I have reduced every graphic to about 80-150kb.

this should be fast!!!

http://www.hoffkids.com/hwhoffman.html

Thanks!

Barry


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