[Pro] CSS3 Menus

Freeway
1

The menus I create in this program do not appear when the HTML is pasted into Freeway. Do I need to apply an action to get it to work?

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

2

You will need to insert it into a markup item Insert>Markup Item

David

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

3

Just to clarify

CSS3Menu.app on Publish will produce an HTML page (mymenu.html) and a folder (mymenu_files)

Open the HTML page with a text editor and you will see something like this

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="mymenu_files/css3menu1/style.css" type="text/css" />
</head>
<body style="background-color:#EBEBEB">
<ul id="css3menu1" class="topmenu">
	<li class="topfirst"><a href="#" title="Item 0" style="height:18px;line-height:18px;">Item 0</a></li>
	<li class="topmenu"><a href="#" title="Item 1" style="height:18px;line-height:18px;"><span>Item 1</span></a>
	<ul>
		<li><a href="#" title="Item 1 0">Item 1 0</a></li>
		<li><a href="#" title="Item 1 1">Item 1 1</a></li>
		<li><a href="#" title="Item 1 2">Item 1 2</a></li>
	</ul>
	</li>
	<li class="toplast"><a href="#" title="Item 2" style="height:18px;line-height:18px;">Item 2</a></li>
</ul>
<p style="display:none"><a href="http://css3menu.com/">Vertical Menu in CSS Css3Menu.com</a></p>
</body>
</html>

This line refers to the location of the CSS file for the menu

<link rel="stylesheet" href="mymenu_files/css3menu1/style.css" type="text/css" />

This should be copied and pasted into Page>HTML Markup in the before End Head section and the path altered to the correct location on your server where you will put (upload) the mymenu_files folder.

The section that looks like this

<ul id="css3menu1" class="topmenu">
	<li class="topfirst"><a href="#" title="Item 0" style="height:18px;line-height:18px;">Item 0</a></li>
	<li class="topmenu"><a href="#" title="Item 1" style="height:18px;line-height:18px;"><span>Item 1</span></a>
	<ul>
		<li><a href="#" title="Item 1 0">Item 1 0</a></li>
		<li><a href="#" title="Item 1 1">Item 1 1</a></li>
		<li><a href="#" title="Item 1 2">Item 1 2</a></li>
	</ul>
	</li>
	<li class="toplast"><a href="#" title="Item 2" style="height:18px;line-height:18px;">Item 2</a></li>
</ul>

Should be copied and pasted into a Markup Item - Insert>Markup Item

This should then be positioned on your page where you want the menu to appear. Bear in mind that if you do all this on your Master page every page will be the same.

There other methods of getting all of this from the CSS3menu.app but this will probably be the easiest.

David

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

4

Thanks Dave,

I was just pasting the whole thing as a markup item.

Glenn

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