Is this possible ??

[mythandmagic]

Hi,

i think on my site people are getting confused on the various sections in the yahoo style section on the left nav.

Is it possible to just have the homepage to have the 3 main top sections like this..

Flood & Flourescent lighting
Aquarium lighting
Horticultural lighting

then when they enter say the aquarium lighting section, the left nav only shows all the sub sections aquarium lighting only like this..

Arcadia lighting
T5 lighting
T8 Lighting
Halide Kits
Nano Halide Kits
etc
etc

an so on for the other top sections

Can this be done ?? If so how

[jont]

In v8 & v9 this is relatively simple to achieve. In v7 you will need to either hand code the Act_Primary.html templates or use some funky javascript.

[simonwar]

Jont is right but it isn't as difficult as it may seem.
I use bespoke navigation menus on my site.

It depends what level of HTML'er you are, (if you know what I mean)?

Basically copy your Act_Primary and create four new Act_Primary's, i.e. one for your top level and one for every sub menu. This will allow you to tailor each sub-level, e.g.

Act_Primary_Top_Level, which has your 3 main menu options,
Act_Primary_Level_1_1, which has your Flood & Flourescent lighting sub options,
Act_Primary_Level_1_2, which has your Aquarium lighting sub options
Act_Primary_Level_1_2, which has your Horticultural lighting sub options.

To create the navigation menu, get rid of the NQV which automatically creates your existing menu from your actinic content tree and replace with your own coded menu.

Not sure what template your using and so on, but mine is a CSS created table, code as follows, simply COPY and PASTE it into your body at the right place, (i.e. inside a table down the left hand side), and change the relevant text and links.

OBVIOUSLY YOU WILL HAVE TO DELETE THE LINES YOU DON'T WANT

<table cellspacing=0 cellpadding=0 width="100" align="center" border="0">
        <tr> 
          <td class="NavRowHdr"><div align="center">Navigation</div></td>
        </tr>
        <tr> 
          <td class="NavRow01"><a class="NavRowLink01" href="http://www.yoursite.co.uk/yourpage.html">Flood & Flourescent</a></td>
        </tr>
        <tr> 
          <td class="NavRow01"><a class="NavRowLink01" href="http://www.yoursite.co.uk/acatalog/yourpage.html">Aquarium </a></td>
        </tr>
		<tr> 
          <td class="NavRow01"><a class="NavRowLink01" href="http://www.yoursite.co.uk/acatalog/yourpage.html">Horticulture 
            Basket</a></td>
        </tr>
        <tr> 
          <td class="NavRow01"><a class="NavRowLink01" href="NETQUOTEVAR:NAVBCHECKOUTLINK">Checkout</a></td>
        </tr>
		<tr> 
          <td class="NavRow01"><a class="NavRowLink01" href="http://www.esafetysigns.co.uk/acatalog/search.html">Search</a></td>
        </tr>
        <tr>
          <td class="NavRow01"><a class="NavRowLink01" href="http://www.esafetysigns.co.uk/acatalog/sitemap.html">Site 
            Map </a></td>
        </tr>
        <tr> 
          <td class="NavRow01"><a class="NavRowLink01" href="http://www.esafetysigns.co.uk/acatalog/info.html">About 
            Us </a></td>
        </tr>
		        <tr> 
          <td class="NavRow01"><a class="NavRowLink01" href="http://www.esafetysigns.co.uk/cgi-bin/mf000001.pl?ACTION=SHOWFORM">Contact 
            Us </a></td>
        </tr>
        <tr> 
          <td><img src="bot_red_pink.gif"></td>
        </tr>
        <tr> 
          <td class="NavRowSpacer">----</td>
        </tr>
        <tbody>
          <tr> 
            <td class="NavRowHdr"><div align="center">Safety Signs</div></td>
          </tr>
          <tr> 
            <td class="NavRow01"><a class="NavRowLink01" href="http://www.esafetysigns.co.uk/acatalog/mandatory-safety-signs-to-download.html">Mandatory</a></td>
          </tr>
          <tr> 
            <td class="NavRow01"><a class="NavRowLink01" href="http://www.esafetysigns.co.uk/acatalog/fire-safety-safety-signs-to-download.html">Fire 
              Safety</a></td>
          </tr>
          <tr> 
            <td class="NavRow01"><a class="NavRowLink01" href="http://www.esafetysigns.co.uk/acatalog/safe-condition-safety-signs-to-download.html">Safe 
              Condition</a></td>
          </tr>
          <tr> 
            <td class="NavRow01"><a class="NavRowLink01" href="http://www.esafetysigns.co.uk/acatalog/hazard-warning-safety-signs-to-download.html">Hazard 
              Warning</a></td>
          </tr>
          <tr> 
            <td class="NavRow01"><a class="NavRowLink01" href="http://www.esafetysigns.co.uk/acatalog/prohibition-safety-signs-to-download.html">Prohibition</a></td>
          </tr>
		  <tr> 
            <td class="NavRow01"><a class="NavRowLink01" href="http://www.esafetysigns.co.uk/acatalog/multi-message-safety-signs-to-download.html">Combinations</a></td>
          </tr>
          <tr> 
            <td class="NavRow01"><a class="NavRowLink01" href="http://www.esafetysigns.co.uk/acatalog/occupation-safety-signs-to-download.html">Occupations</a></td>
          </tr>
		  <tr> 
            <td class="NavRow01"><a class="NavRowLink01" href="http://www.esafetysigns.co.uk/acatalog/made-to-order-safety-signs-to-download.html">Made 2 Order</a></td>
          </tr>
          <tr> 
            <td class="NavRow01"><a class="NavRowLink01" href="http://www.esafetysigns.co.uk/acatalog/general-signs-to-download.html">General</a></td>
          </tr>
          <tr> 
            <td class="NavRow01"><a class="NavRowLink01" href="http://www.esafetysigns.co.uk/acatalog/best-selling-safety-signs-to-download.html">Best 
              Sellers</a></td>
          </tr>
          <tr> 
            <td><img src="bot_red_pink.gif"></td>
          </tr>
          <tr> 
            <td class="NavRowSpacer">----</td>
          </tr>
          <tr> 
            <td class="NavRowHdr"><div align="center">Posters</div></td>
          </tr>
          <tr> 
            <td class="NavRow01"><a class="NavRowLink01" href="http://www.esafetysigns.co.uk/acatalog/safety-information-posters-to-download.html">Information</a></td>
          </tr>
          <tr> 
            <td class="NavRow01"><a class="NavRowLink01" href="http://www.esafetysigns.co.uk/acatalog/first-aid-safety-posters-to-download.html">First 
              Aid</a></td>
          </tr>
          <tr> 
            <td class="NavRow01"><a class="NavRowLink01" href="http://www.esafetysigns.co.uk/acatalog/fire-prevention-safety-posters-to-download.html">Fire 
              Prevention</a></td>
          </tr>
          <tr> 
            <td class="NavRow01"><a class="NavRowLink01" href="http://www.esafetysigns.co.uk/acatalog/ppe-safety-posters-to-download.html">Protective 
              Equip</a></td>
          </tr>
		   <tr> 
            <td class="NavRow01"><a class="NavRowLink01" href="http://www.esafetysigns.co.uk/acatalog/coshh-safety-posters-to-download.html">COSHH</a></td>
          </tr>
          <tr> 
            <td class="NavRow01"><a class="NavRowLink01" href="http://www.esafetysigns.co.uk/acatalog/manual-handling-safety-posters-to-download.html">Manual 
              Handling</a></td>
          </tr>
          <tr> 
            <td class="NavRow01"><a class="NavRowLink01" href="http://www.esafetysigns.co.uk/acatalog/housekeeping-posters-to-download.html">Housekeeping</a></td>
          </tr>
          <tr> 
            <td class="NavRow01"><a class="NavRowLink01" href="http://www.esafetysigns.co.uk/acatalog/general-safety-posters-to-download.html">General</a></td>
          </tr>
          <tr> 
            <td class="NavRow01"><a class="NavRowLink01" href="best-selling-safety-posters-to-download.html">Best 
              Sellers</a></td>
          </tr>
          <tr> 
            <td><img src="bot_red_pink.gif"></td>
          </tr>
        </tbody>
      </table>

You will also have to add some CSS to actinic.css

I have classes

NavRowHdr

.NavRowHdr{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;font-style: normal;font-weight: bold;padding: 6px;background-image: url(top_red_pink.gif);border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #FFCCCC;}

NavRow01

.NavRow01{padding-right:3px;padding-left:3px;padding-bottom:4px;padding-top:3px;border-bottom:1px none #FFCCCC;border-right-width: 2px;border-left-width: 2px;border-right-style: solid;border-left-style: solid;border-right-color: #FFCCCC;border-left-color: #FFCCCC;background-color: #FFFFFF;}

and

NavRowLink01

.NavRowLink01{font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #666666;text-decoration: none;}

this is what gives my navigation the tabular structure

Also I have a gif, attached, called bot_red_pink.gif save it to your site 1 folder.

Eventually you modify the templates in your actinic content tree accordingly, but if you get this far, then I know where your head is at, if this is too much I'll try and dumb it down a bit.

Also, you'll need something like Dreamweaver to make sure you get the syntax right.

It may be a lot to digress, but if you grasp this you will be able to get much more out of V7, which can be a bit clunky menu wise to say the least.

Remember if it all goes pear you still have your original Act_Primary to fall back on so you've nothing to lose.

Let me know, Simon.

[RuralWeb]

easier and cheaper to upgrade IMO. Norm has some v7 menu systems that may be worth considering.