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. |