View Single Post
  #2  
Old 01-25-2008, 09:10 AM
  SpinyMan's Avatar 
SpinyMan SpinyMan is offline
 

Advanced Member
  
Join Date: Jan 2008
Posts: 30
 

Default Re: Change tab.tpl with css menu

Quote:
Originally Posted by buddy
Hi,
i would change the file tab.tpl with these code but i don't know what i have to do,someone can help me please? Thank you

1) put this code
Quote:
.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#fff; background:url(button3.gif);}
.menu1 li.current a b {background:url(button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(button2.gif);}
.menu1 li a:hover b {background:url(button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(button3.gif) no-repeat right top;}
on the bottom of the main css file ("skin1.css" as default)

2) modify "customer/tab.tpl",
just put (empty file before):
Quote:
<li {if $current}class="current"{/if}><b>{$tab_title}</b></li>

3) modify "customer/top_menu.tpl" (or other file, if u have some modifications, that including "customer/tab.tpl") with one I attached.
DO NOT FORGET to edit condition in atacched file (I marked it by comment)

4) to menage your tab links just go to admin section "Speed Bar" and edit it in your wish
Attached Files
File Type: tpl top_menu.tpl (525 Bytes, 128 views)
__________________
Regards,
SpinyMan

X-Cart Templates Store -
http://www.x-cart-customization.com/shop/

X-Cart Customization Services -
http://www.x-cart-customization.com/
Reply With Quote