Free Menus

Account · December 15, 2008, 2:47pm

If you absolutely do not want to build your own menus then the kids at
Hive Logic started a gallery of styled menus the source code of which
can be downloaded (includes graphics).

Todd

http://danbenjamin.com/articles/2008/12/styled-css-menus
http://www.styledmenus.com/search/label/allmenus

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

John-Paul_Kernot · December 30, 2008, 4:38pm

Very nice. Exactly how doe one incorporate into a FWY document? Is it ‘html insert’?

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

eus2 · January 21, 2009, 1:28pm

I am curious to, did anybody tried this?

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

Account · January 21, 2009, 4:01pm

After I posted the link I did play around with it and it’s easy to set-
up but I didn’t use FW to do it though it’s certainly possible.

Todd

On Jan 21, 2009, at 7:28 AM, eus wrote:

I am curious to, did anybody tried this?

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

eus2 · January 21, 2009, 4:25pm

How??

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

Account · January 21, 2009, 6:05pm

I’ll try to put together a FW example unless someone beats me to it.

Todd

On Jan 21, 2009, at 10:25 AM, eus wrote:

How??

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

John-Paul_Kernot · January 21, 2009, 6:14pm

You could try http://www.screentoaster.com/ just for fun for your demo!

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

eus2 · January 21, 2009, 6:19pm

yeah… thanks in advance Todd! would be awfully kind!

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

chuckamuck · January 22, 2009, 1:38am

There are basically two ways to incoporate the css menu code from that site. There is a significant difference in the two ways because one way allows the css styling to be sent to an external style sheet, and the other way embeds the css in the page code. The following steps assume that you have already downloaded the css menu code and graphics.

Starting with the embeded method (because it’s the easiest):

Start your Freeway document as normal by creating a folder to keep the site folder and media folder in.
Draw out an html box. With the box selected create a list by clicking on the indent button in the inspector pallet and type out your menu text items.
Preview the page. (the reason for this is to get the resource folder generated)
Transfer the graphic files from the “images” folder that you downloaded into the Resource folder. (I know, I know, but the reason will become clear in a bit)
Open the stylel.css in a text editor. Select all the code and copy it.
Back in Freeway, go to the Page menu and select HTML Markup. From the drop down list select Before and in the dialog box paste your css code. Click above the code you just pasted and type and hit return. Then at the end of all that code type .
Within the body of the code are references to where the graphic files are that you will need to change. The code will look something like “background:url(images/menu_031_bg.jpg) no-repeat;”. Change the word “images” to Resources. Click ok out.
The last thing to do is name your html box the same as what the code shows. In this example it’s called “menu” so just name your text box “menu”.

When you preview you should see your menu.

The second method involves importing the external css into the Styles Editor and tweaking it a bit. Freeway doesn’t 100% accurately import the code so there are bits that need to be changed and added. If you want me to I can write out the steps for this as well, but it is much more involved and I don’t have the time at the moment.

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

chuckamuck · January 22, 2009, 1:58am

One thing I forgot to mention. Make sure to add links to your list items or the styling effects will not appear.

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

eus2 · January 22, 2009, 10:27am

Dear Chuckamuck… ( with blush i dare to ask) please tell me where these links go?
i have no idea
in the markup? in the document?

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

chuckamuck · January 22, 2009, 5:27pm

… please tell me where these links go?
i have no idea
in the markup? in the document?

Nope, much simpler than that. Just select the text of the list and add a link to it from the links menu at the bottom of the screen, or using command/k key combination.

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

chuckamuck · January 22, 2009, 5:37pm

I also thought of a third method after I posted the first way. You could keep the external css style sheet you download as is and use it directly by adding some html markup the page. The markup would look like:

You will have to change the stylesheet file name (which in the example above is “sheet1.css”) to whatever the external stylesheet name is. Also the path to style sheet must be correct which in the above example is “css/”. If you set up your Freeway document to output external stylesheet then the “css” directory is made for you so all you would have to do is put the new stylesheet in that folder.

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

eus2 · January 23, 2009, 3:34pm

i’m realy trying but can’t get it to work. i downloaded the menu 22 and bought the psd file ( seemed only nice to do that LOL) but i’m having a hard time at it.
So iff a FW example would be possible, i would be very greatfull. Don’t see where i’m doing it wrong.
( perhaps a hard week behind me?)
Have a nice weekend!
Eus

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

chuckamuck · January 24, 2009, 9:30pm

Ok eus, I put together a sample file with all three methods represented on threed separated pages. Enjoy!

http://chucksdesigns.com/downloads/css_menu_import.jpg

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

eus2 · January 24, 2009, 10:07pm

Your an darling…but your link say’s Page Not Found
i do realy think your lovely
Thank you!!

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

chuckamuck · January 24, 2009, 10:28pm

Change .jpg to .zip

http://chucksdesigns.com/downloads/css_menu_import.zip

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

eus2 · January 24, 2009, 10:43pm

NOPE! this file, just does not want to travel to my beautifull Dutch Mac

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

chuckamuck · January 24, 2009, 10:45pm

http://chucksdesigns.com/downloads/CSS_menu_import.zip

Darn capitalization…

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

eus2 · January 24, 2009, 10:49pm

seeing that i was ( with my other eye ) watching the movie “the longest day” i realy thought you wrote capitulation, but i have it… it’s here now.
i’m going to leave John Wayne! ( realy a big sacrifice on my behalve to my computer) and am thanking you so very much for your time and trouble ( again and again to help me!)

Eugenie

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