CSS

Freeway
1

Hi

If you look at the menu. It is all css, how can I do the same thing in FW. If you look you will see that that the dotted line beneath it changes from color to. I’ve looked at the css menu action and couldn’t create the same menu. Also with the insert of the submenu.

http://test.colac.be

David

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

2

First:

a topic will not be more important if you double it (Spam).

Second:

This is what you can expect from a rebuilt using CSS menu

http://www.kimmich-dm.de/extras/cssmenus/index.html

Thomas

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

3

Hi,

Sorry for the double posting, I thought “a new question” only about CSS.

This is not entirely the same, is it possible to create exactly the same, with external CSS

David

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

4

If you Control-click on any element in Safari or Firefox, you will be
able to inspect the CSS that creates and styles that element at a very
low level. You could see precisely what the selector (the part outside
of the curly braces in a CSS rule) needs to be in order to reach into
your page with tweezers and make the change you desire. As you
probably know, the actual inner change will be adding border-
style:dashed to that element.

Walter

On Oct 13, 2010, at 7:14 AM, david Verbruggen wrote:

Hi,

Sorry for the double posting, I thought “a new question” only about
CSS.

This is not entirely the same, is it possible to create exactly the
same, with external CSS

David

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

5

Thnx Walter, but how do I apply this css exactly?

David

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

6

There’s lots of different ways, depending on what you’re comfortable
with. You could create a new style in the Styles palette (using the
Extended dialog to access the border settings, since Freeway doesn’t
expose them directly), you could open up Page / HTML Markup / Before
End Head and enter a hand-coded style block there, you could use the
External Stylesheets Action to link a sheet you coded in CSSEdit or
Coda or whatever into your page, the list goes on and on. The only
hard part is to figure out precisely what element you want to change,
and then to find the right selector to use to only affect that.

Walter

On Oct 13, 2010, at 2:39 PM, david Verbruggen wrote:

Thnx Walter, but how do I apply this css exactly?

David

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

7

thnx.

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

8

Hi walter,

Is this possible with CSS menu action:

I want the submenu to be in the main menu block.
Is there a way to do this with the CSS menu action. Or do I have to make it with something else?

Thx
David

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

9

The CSS Menus Action draws each submenu as a separate floating layer.

When you say you want the submenu to be “in” the main menu block, do
you mean that you want there to be a contiguous area that contains all
of the menu elements, and any child elements in the menu structure are
constrained within it?

You may end up building this menu structure using a different method
than the Action. The Action is convenient, but it only builds one
“type” of menu.

Walter

On Oct 14, 2010, at 9:13 AM, david Verbruggen wrote:

Hi walter,

Is this possible with CSS menu action:

I want the submenu to be in the main menu block.
Is there a way to do this with the CSS menu action. Or do I have to
make it with something else?

Thx
David

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

10

Witch method do I have to use to do it like you described.

Is it hard to do or could you make an action for it. (payed of course)?

David

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

11

I don’t have a clear idea of what you want this to look like. Could
you find an example somewhere and post a link, or draw a sketch of an
example showing closed and open states of one submenu so I can see
what you’re after?

It may be something you can build using the Transition FX Action and/
or another of the FX Actions. It may be something you can do with a
blotch of JavaScript and the Protaculous Action. Or it may as you
suggest require more elaborate Action-izing.

Walter

On Oct 14, 2010, at 9:47 AM, david Verbruggen wrote:

Witch method do I have to use to do it like you described.

Is it hard to do or could you make an action for it. (payed of
course)?

David

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

12

Hi walter,

I’m hoping to build the same menu like this:

http://test.colac.be/index.php?option=com_content&view=article&id=56&Itemid=202&lang=nl

under “ijs oplossingen” you get an indent with the submenu.
Is this possible in freeway?

Thx

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

13

You can probably do that in Freeway, you may not even need any extra
code. Have you tried the submenu settings in the CSS Menu Action? If
you can’t find a setting for it directly in the Action, then try the
following:

In Safari, make sure the Develop menu is enabled (Safari /
Preferences) and then Control-click on one of the submenu options in
your page. Choose Inspect Element from the contextual menu.

You will see the HTML source that describes the link, and along the
bottom of the inspector, you will see a sort of “breadcrumb trail”
showing every tag that affects this element, all the way back to the
HTML root of the page itself. Clicking on one of the parent elements
will show the properties for that parent.

In order to get the indent that you want here, you can either set
margin on the A (link) tag, or padding on the LI (list item) that
contains it. Each one of these options will have different outcomes
with respect to the style of the link when it is hovered over, but
they should both work in terms of placing the submenu link text at an
indent to the parent item.

What you will need to figure out is the “cascade” of parent elements,
because that will be how you name your style rule in order for it to
only affect the elements you are trying to reach. If you post a link
to an example page created in Freeway, I can help you figure out what
your style will need to be named.

Walter

On Oct 15, 2010, at 5:20 AM, david Verbruggen wrote:

Hi walter,

I’m hoping to build the same menu like this:

http://test.colac.be/index.php?option=com_content&view=article&id=56&Itemid=202&lang=nl

under “ijs oplossingen” you get an indent with the submenu.
Is this possible in freeway?

Thx

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

14

Thx Walter,

this is a good example of what I need.

http://eu.poppies.com/en/about_us

But how do I have to do this? If you click on an item it stays highlighted and the content next to it changes. Is it in frames or whit iframes?

The thing is, I need a website where the client can put in his own content, with webyep. and the pages has to be accessed with the menu. just like the example I put above.

One more thing, is it possible to make a table in webyep that can contain links to a lightbox.

I don’t expect you will help me, with my problem, for free, so maybe we can work out an agreement that I can pay you for your time. Because I’ve got already new websites to build.

David

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

15

If you can post a link to a page that you have made in Freeway, where
you show the menu expanded, but not indented, I can help you determine
the specific CSS rules needed to change the indent.

The page you linked does not appear to use frames at all. It’s using
image replacement or Web fonts to style a nested unordered list,
similar to the list structure created by the CSS Menu Action.

Walter

On Oct 15, 2010, at 9:30 AM, david Verbruggen wrote:

Thx Walter,

this is a good example of what I need.

http://eu.poppies.com/en/about_us

But how do I have to do this? If you click on an item it stays
highlighted and the content next to it changes. Is it in frames or
whit iframes?

The thing is, I need a website where the client can put in his own
content, with webyep. and the pages has to be accessed with the
menu. just like the example I put above.

One more thing, is it possible to make a table in webyep that can
contain links to a lightbox.

I don’t expect you will help me, with my problem, for free, so maybe
we can work out an agreement that I can pay you for your time.
Because I’ve got already new websites to build.

David

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

16

Walter,

This is what i’ve got right now.

http://www.freelance-options.be/colac/

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

17

It’s lovely. Where is the menu you are trying to indent?

Walter

On Oct 15, 2010, at 10:07 AM, david Verbruggen wrote:

Walter,

This is what i’ve got right now.

http://www.freelance-options.be/colac/

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

18

Thats the problem I don’t have a menu yet. The part under product range has to become a menu that drops down the submenu or something like that. And also if you click on an item in the menu the content next to it has to change without going to another page.

Is this achievable for someone like me?

David

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

19

What I am trying to get you to do here is to mock up what you want it
to look like, and we can start from there. This is completely
accessible by a Freeway user of any level – the Action just works to
create a nested menu. That’s its whole reason for being. You merely
have to create the sub-options as nested lists under the main list.
When you have the menu open for editing, it should look like this:

Main Option 1
	Sub Option 1
	Sub Option 2
	Sub Option 3
Main Option 2
	Sub Option 1
	Sub Option 2
	etc...

Then the styling of that menu is completely within the Actions
palette, and you will have a wealth of different options to make the
fine strokes. Beyond that, it is relatively simple to add some hand-
coded CSS to further refine the look and feel of the menu elements.

As far as updating an element on the page without forcing a refresh,
there are a couple of ways to do that within Freeway. But it would be
critical for you to get the look you want first, in fact to make the
page work with full reloads first, since anything you do to make
those refreshes happen in JavaScript will cause the page to be
inaccessible to Google and other non-scripted clients (like my friend
Beverly with her advanced Macular Degeneration and read-aloud browser).

Walter

On Oct 15, 2010, at 10:24 AM, david Verbruggen wrote:

Thats the problem I don’t have a menu yet. The part under product
range has to become a menu that drops down the submenu or something
like that. And also if you click on an item in the menu the content
next to it has to change without going to another page.

Is this achievable for someone like me?

David

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

20

ok http://www.freelance-options.be/colac/nl/home.html

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