Viewing opacity on shape not working

opacity on shape not working



User: jdm4given 10 years ago
I have boxes over items that I have made the opacity so it is invisible. I am doing this to make hyperlinks of the invisible boxes but the opacity is not working upon publish. Upon publish the boxes are solid color and not invisible.
User: jdm4given 10 years ago
screenshot

Untitled.png
User: Paul-RAGESW 10 years ago
Should work in beta 10 now, just posted under Announcements.

-------------------------------
Paul
EverWeb Developer
User: pumpkin 10 years ago
Not working for me with Beta 10. Btw, shouldn't the opacity slider work the other way around? At least that's what I'm used to from other programs (set to 0% = invisible / background shining through, set to 100% = fully visible, no background shining through). Anyhow, it's not working. The background of the image turns into a solid white for me.

The page background is set to a gradient fill though. Might that cause issues? The picture is a jpg file and dragged from the assets window onto the page.


With opacity set to 0%


When set to 100%

-------------------------------
Darian
new to web design
______________________
My websites: Vocal Affairs // Singkehlchen

opacity0.png

opacity100.png
User: jdm4given 10 years ago
Beta 10 fixed my problem! No more boxes. http://thebridgeal.org/index.html
User: Roddy 10 years ago
The normal way to do what you are trying to do is to use "background: none" for the shape rather then start with a color and reduce the opacity.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: jdm4given 10 years ago
oh ok. Thanks roddy. Im learning everyday. Thanks again.
User: Roddy 10 years ago
I would agree about the slider being backwards. 100% opacity means you can't see through it.

Actually it would be more appropriate for the slider to go from 0 to 1 since that's how you specify opacity in CSS.

Maybe the 100% nonsense comes from Microsoft who required us to use this for versions up to and including 9 - filter: alpha(opacity=50); - which can be 0 to 100.

Confusingly, when we talk about transparent overlays, we actually mean (partially) opaque ones since transparency is not use in CSS.

Anyway, using an image (shape) for a transparent overlay is not a good idea. If you must use this technique, use it sparingly.

Creating overlays with HTML and CSS is a much better way and isn't too difficult to master...

http://roddymckay.com/EasyWeb/transparency-fix.html

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Paul-RAGESW 10 years ago
In beta 10 if you get the white boxes change the shape to rectangle from under the Shape Properties tab in the Inspector (same tab as the opacity settings, you'll see it at the top).

The next beta fixes this issue.

And yes the opacity number should be reversed and should be interpreted as a percentage.

-------------------------------
Paul
EverWeb Developer
User: pumpkin 10 years ago
Cheers, using a rectangle shape works.

@Roddy: while I appreciate your html/css workarounds, they are not of much use for me and probably the majority of EasyWeb users. I personally just started into learning a bit of html and css and I believe that basic settings like these should not need a workaround using html/css code by the user. Let's save that for more "complicated" stuff and more experienced users ;) I hope to be a more experienced user eventually so I can make good use of the html widget and other goodies :)

-------------------------------
Darian
new to web design
______________________
My websites: Vocal Affairs // Singkehlchen
User: Roddy 10 years ago
I'm not suggesting this as a workaround for anything. It justs a far better alternative than using an image.

Perhaps it's a bit beyond beginner level but beginners should be aware that all those "extras" they add to their page like overlays, drop shadows etc using images are contributing to the slow download times that drag and drop designed web pages are notorious for. If they are not absolutely essential, you should consider omitting them.

The developers of EasyWeb are pulling out all the stops to ensure that the app will create fast downloading sites and they are doing it well. Users just need to be aware that creating all these unnecessary whistles and bells will negate the edge that the developers have given us.

Nobody likes a slow downloading web page and Google punishes you for them.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.