Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Using images instead of text in menu tabs?



  • Options
    edited November 2005
    here you go guys, this will work for you: #MenuForum { float: left; width:100%; margin: 0; padding: 0; list-style: none; font-size: 82%; border-top: 1px solid #A6A6A6; border-bottom: 3px solid #dc8e00; background: #6a6a6a url(nav-bg-green.gif) repeat-x top left; } #MenuForum li { float: left; margin: 0; padding: 0 1px 0 0; list-style: none; background: url(nav-li-bg.gif) no-repeat top right; } #MenuForum a { float: left; padding: 7px 13px; text-decoration: none; border-bottom: none; color: #935f00; } #MenuForum a:hover, #MenuForum { color: #935f00; background: #FFA500; } #MenuForum { font-weight: bold; background: #538620 url(nav-on-bg.gif) repeat-x bottom left; } li#t-home a { margin-left: 25px; background: url(nav-li-bg.gif) no-repeat top left; } .TabOn { font-weight:bold; } It's an adapation of the method Dan Chisholm uses on, that i've been using on a few sites. Check or if you want a preview. Mail me if you need the images but you can get them from either of the two sites i mention. I've tested this on one of my installations of vanilla and they work just fine. Just paste them in replacing the existing classes and kill off all of the tabon / tab off stuff.
  • Options
    may i ask how it would be done in Vanilla1??
  • Options
    ok, nevermind.... you need to edit the coding in init_vanilla.php to include an id in the attributes for this to work
This discussion has been closed.