completely modify menu

[melaniebund]

i would like to modify the menu, am using the classic template.
Below is 1st  - the css code and 2ND -  the php code where i would have to implement. I presume i will have to add the <div id="tabs"></div>

"
    #tabs {
      float:left;
      width:100%;
      background:#F4F4F4;
      font-size:93%;
      line-height:normal;
     border-bottom:1px solid #1C5C68;
     border-top:1px solid #1C5C68;
      }
    #tabs ul {
   margin:0;
   padding:10px 10px 0 50px;
   list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("menuimages/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("menuimages/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#1C5C68;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFF;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }


index.template.php

<a href="', $scripturl, '?action=help">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/' . $context['user']['language'] . '/help.gif" alt="' . $txt[119] . '" border="0" />' : $txt[119]), '</a>', $context['menu_separator'];

can anyone advise?
thanks
Melanie

[melaniebund]

Hi sorry the above seems a difficult question but  i dont know how to add the span image to this code PLUS where to add the <div id="tabs"></div> round the menu

<a href="', $scripturl, '?action=help">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/' . $context['user']['language'] . '/tableft.gif" alt="' . $txt[119] . '" border="0" />' : $txt[119]), '</a>', ;

thanks
melanie

[melaniebund]

OK have worked out all (echo the div) now except for how to add the <span></span> in code below

<a href="', $scripturl, '?action=help">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/' . $context['user']['language'] . '/tableft.gif" alt="' . $txt[119] . '" border="0" />' : $txt[119]), '</a>', ;
any ideas
thanks
melanie

[mashby]

Maybe like this?

Koodi [Valitse] Laajenna

<a href="', $scripturl, '?action=help">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/' . $context['user']['language'] . '/tableft.gif" alt="' . $txt[119] . '" border="0" /><span>' : $txt[119]), '</span></a>', ;