If you’ve made your navigation bar using the CSS Menu Action, simply
insert that navigation bar into a same-height HTML box. Apply the same
background color to the HTML box as you do the navigation bar. (Or, to
truly duplicate the 3D shaded look of the Verizon site, use a
background image set to tile horizontally in both the HTML box and the
menu bar.)
Make that HTML box 100% width, don’t set your page alignment to any
value, and the box will grow to fit the width of your browser window.
Use the Margin: Auto setting on the menu bar to center it within the
HTML box, or some other positioning to make your page appear to align
a different way.
I’m also new using FW but I went through this before and I hope I can help you.
First, you have to create a background with the same size in pixels width as your page. Suppose your page is 960 px , then you have to create a gif or jpg file with the same size. After that, on “page’s appearance settings” go to “image” and import the image. Remember to set “horizontal” as tile and “vertical” as top. The menu buttons you do it using the CSS menu applying the same menu bar you created and with the CSS menu settings you can play till you match it. That’s the best thing I can think of.
If you carefully follow Walter’s description, there is no need to create an image same size similar to your page. Enough app. 10px wide (tiling is tiling).
First, you have to create a background with the same size in pixels width as your page. Suppose your page is 960 px , then you have to create a gif or jpg file with the same size. After that, on “page’s appearance settings” go to “image” and import the image. Remember to set “horizontal” as tile and “vertical” as top.
The “buttons” can be done in a graphical way or be faked just playing around with the element divider in the css menu action (the 2nd last). Choose 2 colors, a darker for the left - a lighter for the right and choose a style you like. The advantage of this method is that you can coose “width of content” as it is in this example. Set the hover stat in background to white (choose a different link hover color than white ) and you’re almost there.
The menu buttons you do it using the CSS menu applying the same menu bar you created and with the CSS menu settings you can play till you match it. That’s the best thing I can think of.
The much more interesting part of this menu is its submenu division, showing multiple entries (blocks) horizontal and I wonder, how to manage this? Is it possible with the css-menu-action or what way is to be gone that way?
Still does not work
On Dec 8, 2010 5:54 AM, “Thomas Kimmich” email@hidden wrote:
Almost.
If you carefully follow Walter’s description, there is no need to create
an image same size similar to your page. Enough app. 10px wide (tiling is
tiling).
First, you have to create a background with the same size in pixels width
as your page. Suppose your page is 960 px , then you have to create a gif or
jpg file with the same size. After that, on “page’s appearance settings” go
to “image” and import the image. Remember to set “horizontal” as tile and
“vertical” as top.
The “buttons” can be done in a graphical way or be faked just playing
around with the element divider in the css menu action (the 2nd last).
Choose 2 colors, a darker for the left - a lighter for the right and choose
a style you like. The advantage of this method is that you can coose “width
of content” as it is in this example. Set the hover stat in background to
white (choose a different link hover color than white ) and you’re
almost there.
The menu buttons you do it using the CSS menu applying the same menu bar
you created and with the CSS menu settings you can play till you match it.
That’s the best thing I can think of.
The much more interesting part of this menu is its submenu division,
showing multiple entries (blocks) horizontal and I wonder, how to manage
this? Is it possible with the css-menu-action or what way is to be gone that
way?
Sounds good I will try it later when I have time. But if I do not set the
page alignment, how can I get the page to center?
On Dec 8, 2010 6:41 PM, “DeltaDave” email@hidden wrote:
Ok that works, but now the part that actually expands, has the same image as
the css menu but its off set from image on the css menu.
On Dec 8, 2010 7:04 PM, “Nathan Ander” email@hidden wrote:
If you set it as a bg in an html item as Horizontal:Tile and Vertical:Top then you need to use the same setting in your CSS menu which equates to Repeat: x , Top left.
Ok. If I understand right this makes sense. so I have vertical tile and
horizontal center. Do what would that be.
On Dec 9, 2010 11:11 AM, “DeltaDave” email@hidden wrote:
If you set it as a bg in an html item as Horizontal:Tile and Vertical:Top
then you need to use the same setting in your CSS menu which equates to
Repeat: x , Top left.
The problem is that you have to have the same starting point for your image. If you used horizontal:center on your container then you would have to ensure that the CSS menu was centered vertically in that container which can be tricky.
O ok I understand I will try to play around with it to get it to work.
On Dec 9, 2010 11:31 AM, “DeltaDave” email@hidden wrote:
The problem is that you have to have the same starting point for your
image. If you used horizontal:center on your container then you would have
to ensure that the CSS menu was centered vertically in that container which
can be tricky.
Hi Dave
I hope you’re well. I have a quick question:
I downloaded the “gradmenu.html” you have done but can’t find the way to reproduce the CSS the same way you did> I realized that on the CSS menu you did the “Item General Setting” is marked as (CSS). Mine is marked as (layer) and I don’t know why. What’s the difference? How can I do it correctly as you did?