I can’t find the CSS Menu action interface, let alone the checkbox!
I made a sample site and made up the same folder structure as in the Freeway 7 extended instructions, to try and replicate the menu in that, but can’t find the menu, LOL.
Hope you can help on this? I expect it’s really obvious and right under my nose!
I’m still looking for the CSS menu action. I’ve made a graphic box, and html box on my master but with no luck, the CSS menu action is nowhere to be seen. Is this something I have to load from an external site?
There is a box on the Freeway 7 video, but no info on how to apply the CSS action in the first place.
Hope someone can help? How do I get the action to appear?
I’m working my way through their previous videos in the hope of finding it.
Best
Heather
Great news, managed the CSS menu and also found a tututorial video under resources for Freeway5 which was useful.
But… a couple of things are tricky:
How to change the text of the menu items to Trebuchet Caps instead of Proportional. When I try to change the font for the HTML box in the Inspector it defaults back to Proportional. Can I avoid this?
I totally get the autocreation using folders and pages, but I actually need one of the folders/pages not to publish, and instead for the text (Image sales) to go to an external link.
Is this going to be a problem, would I need to go back to using a list for the menu and I can link the menu item out?
On Aug 23, 2014, at 10:45 AM, Heather Hughes wrote:
Great news, managed the CSS menu and also found a tututorial video under resources for Freeway5 which was useful.
But… a couple of things are tricky:
How to change the text of the menu items to Trebuchet Caps instead of Proportional. When I try to change the font for the HTML box in the Inspector it defaults back to Proportional. Can I avoid this?
You may use any font in the menu that you like, but it must be an HTML font, not a graphic font. I doubt that there are many of your users who have installed Trebuchet Caps. That said, you can make regular old Trebuchet look pretty close to a caps-and-small-caps “true caps” font by using CSS styling. Control-click on your menu in Safari, and choose Inspect Element from the contextual menu that appears. (If you don’t see that option, enable the Develop menu setting in Safari Preferences, Advanced tab.) Take note of the ID of your menu. Then, in the Page / HTML Markup / Before dialog, paste the following, altering the ID to match your actual ID. (An ID selector in CSS is made up of an # (octothorpe) followed immediately by the ID of the HTML element it applies to. You can also find the ID in Freeway by clicking once on the HTML element that contains the menu and looking in the Name/ID field of the Inspector.
I totally get the autocreation using folders and pages, but I actually need one of the folders/pages not to publish, and instead for the text (Image sales) to go to an external link.
There is an Action you can apply to a single page to cause it to hide from the automatic menu “crawler”. I have not experimented yet with creating a mixed (automatic and manual) list, but I imagine it is possible.
Is this going to be a problem, would I need to go back to using a list for the menu and I can link the menu item out?
I think I may have confused the issue with mentioning small caps. I just wanted to pick Trebuchet MS which as far as I know most users have installed, and I thought it was an HTML font, I’ve never come across anyone without it. Or Verdana possibly. Am I wrong here?
When I control>click on the CSS Menu item in my master page, I only get the option for Exended, or bring layer to front or back. I don’t get the options you refer to, I’m afraid - regardless of whether I click on the box or the text within the box.
I don’t use Safari normally, but I changed the setting you mentioned, and I still can’t see the options. Do I have to set Safari as my default?
On Aug 23, 2014, at 11:18 AM, Heather Hughes wrote:
Hi
I think I may have confused the issue with mentioning small caps. I just wanted to pick Trebuchet MS which as far as I know most users have installed, and I thought it was an HTML font, I’ve never come across anyone without it. Or Verdana possibly. Am I wrong here?
You should be able to make this change. The thing to remember when editing a CSS menu – you need to set your changes one level above the text. Click once on your HTML box that contains the menu. Look in the Inspector, the style tab, mid-way down, for the Link segment. Expand it if it is not. Use those controls to set the font style for your links. Leave the text in your CSS menu element entirely alone – generic Times Roman blue underlined text – and trust the system to work for you.
When I control>click on the CSS Menu item in my master page, I only get the option for Exended, or bring layer to front or back. I don’t get the options you refer to, I’m afraid - regardless of whether I click on the box or the text within the box.
I don’t use Safari normally, but I changed the setting you mentioned, and I still can’t see the options. Do I have to set Safari as my default?
Without looking at your screen, I can’t be sure what you’re trying to do. Are you looking for that option within Freeway or its Preview pane, or are you looking in a browser after using Preview in Browser? I meant for you to do the latter. Now that you’ve explained the issue further, I don’t think you need to worry about this aspect of the issue. Freeway uses WebKit internally for its previews, but WebKit is not Safari (or Chrome), even though both of those browsers use it as well.
Thanks
I found I needed to change my h1, h2, h3 etc in the style sheets and now the text is correctly showing as Trebuchet MS, but unfortuntely not in any caps.
I’m now using the Preview page as you suggested, not the browser first.
Even if I make one of the pages invisible, not sure how I get to add a manual dropdown list to point to several external sites…
Make sure nothing on the page is selected (click on a blank spot in the pasteboard) and then look in the Page / Actions menu. Second item from the top (on my Mac) is Remove from CSS Menus.
Walter
On Aug 23, 2014, at 3:18 PM, Heather Hughes wrote:
Hi Walter,
I searched for the action that you said you thought existed to hide the page, but I can’t find anything.
Where should I look?
Best
Heather
Aha, I just tried this, and I see that it’s an either/or proposition. So back to the “old” way to build your menu. Simply un-check that option in the Action, and double-click inside the HTML box so you get a flashing text cursor. Type the name of each page (or the link text you want to see for each page) and a return after each one. Select all the text, and use the Inspector’s List tool right arrow to indent the entire thing one click. Now apply a normal Freeway link to each word, one per page, linked to the appropriate page. (You only have to do this once if you’re working on your Master Page.) Now if you preview, you should see that the menu looks exactly the same as the auto-generated version.
Walter
On Aug 23, 2014, at 3:38 PM, Walter Lee Davis wrote:
Yes, it will remove it from the automatically gathered links, but can’t you also add your own links to the list?
Walter
On Aug 23, 2014, at 3:37 PM, Heather Hughes wrote:
Hi Walter,
Won’t that remove the word for the page from the menu as well?
I’ll try it now.
I still wanted people to see the word, but instead of clicking on to get to the page, it will take them to an external link?
I was just thinking the only way to do it might be to make my own menu graphic in Photoshop wth rollovers - going back to ancient times!
If your menu is nested, then you create the sub-options by further indenting the list:
* Home
* Products
* Salsa
* Oven Mitts
* Service
* On-site
* Carry in
* Support
* By mail
* Bored telephone operator
You can indent to any level of depth that you need.
Walter
On Aug 23, 2014, at 3:43 PM, Walter Lee Davis wrote:
Aha, I just tried this, and I see that it’s an either/or proposition. So back to the “old” way to build your menu. Simply un-check that option in the Action, and double-click inside the HTML box so you get a flashing text cursor. Type the name of each page (or the link text you want to see for each page) and a return after each one. Select all the text, and use the Inspector’s List tool right arrow to indent the entire thing one click. Now apply a normal Freeway link to each word, one per page, linked to the appropriate page. (You only have to do this once if you’re working on your Master Page.) Now if you preview, you should see that the menu looks exactly the same as the auto-generated version.
Walter
On Aug 23, 2014, at 3:38 PM, Walter Lee Davis wrote:
Yes, it will remove it from the automatically gathered links, but can’t you also add your own links to the list?
Walter
On Aug 23, 2014, at 3:37 PM, Heather Hughes wrote:
Hi Walter,
Won’t that remove the word for the page from the menu as well?
I’ll try it now.
I still wanted people to see the word, but instead of clicking on to get to the page, it will take them to an external link?
I was just thinking the only way to do it might be to make my own menu graphic in Photoshop wth rollovers - going back to ancient times!
Thanks, just tried again, the menu is showing, but all wrong.
I selected horizontal for the main menu, and they’ve gone vertical.
It seems to be the opposite of what I’m expecting, the action is applying the subfolder atributes to my main heading and vice versa.
Weird. What could I be doing wrong. I think I might have to see what happens if I put the opposie of what I want!