Navigation (headerguide?)

[Steven Barkess]

Hi

I am trying to customise the navigation menu (within theme/layout 14) such that it looks less like

[ Home ] [ Up ] [ Products ] [ Terms & Conds ] [ Search ] [ View Basket ] [ Checkout ] [ Contact Us ]

and more like the one that is used on the Macromedia site (http://www.macromedia.com/uk/).

I can deal without the rounded edges at either end as seen on Macromedia, is it straigtforward to customise.

I am an ok user of Dreamweaver and Fireworks.

I would apprecieate any advice or guidance.

Thanks

Steven

[pinbrook]

I would choose a clean layout than uses images for the navigation rather than text links.

Then all you will have to do is create your own replacement images and the coding is already done

[Steven Barkess]

Hi Pinbrook

Thanks for your suggestion. That will certainly make it easy. I've gone from template 14 to 13 which are identical apart from the nav bar (from text to image).

There is one thing though, is there a way or removing the gap on the nav bar between 'home morepages products' etc. I have looked at both NavigationItem and NavigationImage files but I cannot see where/how the gap is created.

Thanks again

Steven

[cdicken]

Tricky one this:

In the following templates:

Act_BrochureImage.html
Act_BrochureNavItem.html
Act_BrochureDisabledNavItem.html
Act_NavigationItem.html
Act_NavigationImage.html

...remove all hard returns, comments and spaces (that are outside the HTML tags) This will mean that the templates contain nothing but a single HTML tag, and they just take up a single line.

Then, ensure that 'Compact HTML/CGI' is selected in 'Design | Options | Miscellaneous'.

That should do it.

[Steven Barkess]

Hi Chris

Thanks for your post. Unfotunately this has not worked, but i feel it is probably me rather than your suggestion.

For example, on Act_BrochureImage, looks like:

<!-- BrochureImage HTML begin -->
<!-- This file is used to build the brochure logo image markup. -->

<IMG SRC="NETQUOTEVAR:IMAGEFILE"
ALT="NETQUOTEVAR:ALTERNATETEXT"
BORDER=0
NETQUOTEVAR:IMAGEHEIGHT
NETQUOTEVAR:IMAGEWIDTH>

<!-- This file is used to build the brochure logo image markup. -->
<!-- BrochureImage HTML end -->

I amended it to:

<!-- BrochureImage HTML begin -->
<!-- This file is used to build the brochure logo image markup. -->

<IMG SRC="NETQUOTEVAR:IMAGEFILE"ALT="NETQUOTEVAR:ALTERNATETEXT"BORDER=0NETQUOTEVAR:IMAGEHEIGHT
NETQUOTEVAR:IMAGEWIDTH>

<!-- This file is used to build the brochure logo image markup. -->
<!-- BrochureImage HTML end -->

Is this incorrect???

To be fair I only muddle through html (more of a sales person than a developer!!).

Thanks for your help

Steven

[cdicken]

You need to remove the comments. These are the phrases that begin with <!-- and and with -->. These can be removed safely without affecting the functioning of the template.

You also need to keep the spaces in the main HTML tag in the template.

For example, Act_BrochureImage should look like this:

<IMG SRC="NETQUOTEVAR:IMAGEFILE" ALT="NETQUOTEVAR:ALTERNATETEXT" BORDER=0 NETQUOTEVAR:IMAGEHEIGHT NETQUOTEVAR:IMAGEWIDTH>