Dear Professionals! I’m always trying to push the boundaries … . In previous Historic Towns sites I have had a dedicated Target Image box which displays various photos in response to text actions or icons outside the box. Now I want to make the Target Image the whole window. The Action Text ‘This building’ in the above window does the right sort of thing, showing the photo and removing the text boxes, except for some flickering. Can this be fixed? I want to do something similar with the Action Text ‘Vault’ and also with the Stickpin icon. To do this I need to be able to apply multiple actions to a single Target image, but I’m not sure how to approach this. Help please! I’d also appreciate any comments on the general idea. Thanks, Paul
http://paulscottinfo.ipage.com/historic/beechworth/1beechworthgold.html
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
One further question on this site … The text box is html and contains action text. I’d really like the box to be partly opaque, but it’s not going to let me do the png/millions trick. Am I asking the impossible? Cheers,
Paul
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
You can set the opacity on an html box in the Inspector.
Select the box then look in the Inspector under the Paintbrush icon for the Graphic Effects section. 1st button is for Background which then opens up further options including Colour and Opacity.
David
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
David, I selected the box and obtained the HTML Item box. Under the paintbrush is General with an Opacity slider which dims text + box and is therefore no use. Below is Background with subheadings Color and Image – no Opacity reading …
I’m making progress on the original problem by not using Target Image, but using separate layers for the photos.
When using Text Rollovers, does the command require that the cursor actually sit on a letter rather than on a space between letters?
Cheers, Paul
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Late edition … I have now uploaded a new version of the page in question, now using layers. I’m happy with this apart from two issues:
(1) I still can’t make the text box semi-opaque;
(2) The links are a bit touchy – both the text and the stick-pin icon. My guess is they don’t work so well through several layers!
Any helpful hints would be appreciated. Thanks, Paul
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Yea, the CSS Opacity function is half-baked in it’s implementation… it
applies to child elements within whatever item you style with it.
RGBA is a much better method for popular things like background
transparency.
–
Ernie Simpson
On Mon, Mar 4, 2013 at 9:37 PM, Paul Scott email@hidden wrote:
David, I selected the box and obtained the HTML Item box. Under the
paintbrush is General with an Opacity slider which dims text + box and is
therefore no use. Below is Background with subheadings Color and Image –
no Opacity reading …
I’m making progress on the original problem by not using Target Image, but
using separate layers for the photos.
When using Text Rollovers, does the command require that the cursor
actually sit on a letter rather than on a space between letters?
Cheers, Paul
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
Thank you Ernie, but is this advice with some practical application I can use?!
Cheers,
Paul
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thank you Ernie, but is this advice with some practical application I can
use?!
It certainly is Paul – not only have I identified the nature of your
problem for you, but have also given you an alternative solution to follow.
Now, I admit that I haven’t given you step-by-step instructions on what to
do – that’s a whole feed a fish, teach to fish thing there.
By the way, your site shows that you are not using the most recent version
of Freeway Pro – use the “check for updates” thing under the Freeway Pro
menu to get the latest.
There was a CSS3 RGBA action, but I don’t think that works with Pro 6.
Searching for it on the ActionsForge website gave this result:
http://actionsforge.com/actions/view/236-css3-rgba-backgrounds
Googling “what is RGBA” yielded this nice discussion of it:
Step by step:
-
Select your html item
-
Choose menu Item > Extended…
-
Choose the “div style” pane, then “add” a new rule
-
In the Name entry type – background-color
-
in the Value entry type – rgba(0,0,0,0.4)
-
Accept and close, save and preview.
Now some of your online reading will tell you this method only works in
browsers that support RGBA, so here is a fallback method - substitute for
Step 5:
- In the Value entry type – #000; background-color:rgba(0,0,0,0.4)
There you are - practical application for doing it, and practical
application for learning it. Personally, I think the latter is more
“practical” - but now you can make use of both.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thank you Ernie - it works like a charm! Although I have no idea how Mr Average is supposed to figure this out! Presumably the level of opacity is controlled by the 4? I haven’t checked this yet. Thanks too for the observation on my Freeway version. It would be nice to be notified of these changes. It’s updated now.
I have now resolved my other page problems too, by discarding the text actions and inserting transparent link/rollover boxes as a top layer over the photo layers.
Cheers, Paul
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Big Ern to the rescue again! The RGBA action worked a treat on the blue text box on
http://www.markkelsallphotography.co.uk/
Previously I went down the png/millions of colours route - but was told this was wrong, but I must have picked it up somewhere on this community!
Is your step by step a version 6 work round of this action?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Previously I went down the png/millions of colours route - but was told this was wrong.
Not wrong, but there are many ways to skin that particular cat. The example that I linked to used your original blue.png and works perfectly well.
http://www.deltadesign.co/fw_examples/expandingtextbox.html
Ernies suggestion was particularly aimed at the FW6 implementation of Opacity
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thank you Ernie - it works like a charm! Although I have no idea how Mr
Average is supposed to figure this out! Presumably the level of opacity is
controlled by the 4? I haven’t checked this yet.
That’s right, though you’d find the key to an rgba formula reading around.
It’s like a regular RGB formula, the A stands for “alpha” which basically
means “transparence” so rgba(0,0,0,0.4) is same as rgb(0,0,0) X 40% or 40%
Black.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options