| Author |
 Topic  |
|
|
go4gold
VP-CART New User
151 Posts |
 Posted - January 29 2007 : 04:32:32
|
Hi,
I would like the active button of the top menu to be a different colour to the other button so that people can see which page they are on. I tried changing the background colour under "navbarbg a:active" in shop.css but this only changes colour while the page is being loaded and then it reverts back to the same colour as the other tabs. I checked http://www.vpasp.com/helpnotes/shopexd.asp?id=835 but that is not specific on this question.
I'm sure lots of people must have done this so hopefully someone can help me please.
Many thanks.
Go4Gold |
|
|
Kidd
VP-CART Super User
Australia
373 Posts |
|
|
go4gold
VP-CART New User
151 Posts |
Posted - February 04 2007 : 17:40:59
|
Thanks Kidd. I've been struggling to get this to work so could you clarify for me please:
1. Where do I find the "LI element" that I need to change?
2. Does this "#active a" code replace the ".navbarbg a:active" section of the code?
Thanks for your help Kidd.
Go4Gold |
 |
|
|
Kidd
VP-CART Super User
Australia
373 Posts |
Posted - February 04 2007 : 23:04:29
|
in your case it wont be LI, the page you need to look at is honovbar.htm you can see that page is the one producing the link, make sure those line are #active class
the code doesnt replace the a:active class its just an addition |
|
|
|
go4gold
VP-CART New User
151 Posts |
Posted - February 04 2007 : 23:52:23
|
Thanks for coming straight back to me. I ran a search on honovbar.htm but have no file with that name. I'm using version 6.09, might it be called something else?
Thanks again for your help.
Go4Gold |
|
|
|
Kidd
VP-CART Super User
Australia
373 Posts |
Posted - February 05 2007 : 06:18:24
|
| hey go4gold, the file is inside your editor folder |
|
|
|
go4gold
VP-CART New User
151 Posts |
Posted - February 05 2007 : 12:57:21
|
Sorry to be dense Kidd... I have no honovbar.htm in my editor folder but I do have a horonavbar.html - would that be it? I find it hard to relate the code to what I am looking for (pasted below) so I have not a clue. Is it there please? Thanks for your patience!
<table width="100%" border='0' cellspacing='0' cellpadding='1' class='xtopcell'>
<tr>
<td>
<table border='0' width="100%" cellspacing='1' cellpadding='0' class='xcellborder' align='left'>
<tr>
<td >
<table class='navbarbg' border='0' width="100%" cellspacing='0' cellpadding='0' >
<tr>
<td class='navbarbg' align='center' width='1%' height='6' nowrap>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1" align="center" nowrap>
<img src="images/misc/shim.gif" width="1" height="1" border="0" name="image0image" align="absmiddle"> </td>
<td class="navbarbg" width="100%" align="center" nowrap><a href="default.asp" target="_self" onmouseover="p7_snap('image0image','dropdown0',0,12);mm_displaystatusmsg('<%= getlang("langcommonhome")%>');p7_autolayers(0,'closertop','dropdown0','closer'); return document.mm_returnvalue" onmouseout="mm_displaystatusmsg('');return document.mm_returnvalue"><%= getlang("langcommonhome")%></a></td>
</tr>
</table>
</td>
<td class='navbarbg' align='center' width='1%' height='6' nowrap>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1" align="center" nowrap>
<img src="images/misc/shim.gif" width="1" height="1" border="0" name="image1image" align="absmiddle"> </td>
<td class="navbarbg" width="100%" align="center" nowrap><a href="shopcontent.asp?type=Aboutus" target="_self" onmouseover="p7_snap('image1image','dropdown1',0,12);mm_displaystatusmsg('<%= getlang("langcommonabout")%>');p7_autolayers(0,'closertop','dropdown1','closer'); return document.mm_returnvalue" onmouseout="mm_displaystatusmsg('');return document.mm_returnvalue"><%= getlang("langcommonabout")%></a></td>
</tr>
</table>
</td>
<td class='navbarbg' align='center' width='1%' height='6' nowrap>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1" align="center" nowrap>
<img src="images/misc/shim.gif" width="1" height="1" border="0" name="image2image" align="absmiddle"> </td>
<td class="navbarbg" width="100%" align="center" nowrap><a href="shopdisplaycategories.asp" target="_self" onmouseover="p7_snap('image2image','dropdown2',0,12);mm_displaystatusmsg('<%= getlang("langproductproduct")%>');p7_autolayers(0,'closertop','dropdown2','closer'); return document.mm_returnvalue" onmouseout="mm_displaystatusmsg('');return document.mm_returnvalue"><%= getlang("langproductproduct")%></a></td>
</tr>
</table>
</td>
<td class='navbarbg' align='center' width='1%' height='6' nowrap>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1" align="center" nowrap>
<img src="images/misc/shim.gif" width="1" height="1" border="0" name="image3image" align="absmiddle"> </td>
<td class="navbarbg" width="100%" align="center" nowrap><a href="shopcontent.asp?type=features" target="_self" onmouseover="p7_snap('image3image','dropdown3',0,12);mm_displaystatusmsg('<%= getlang("langproductfeatures")%>');p7_autolayers(0,'closertop','dropdown3','closer'); return document.mm_returnvalue" onmouseout="mm_displaystatusmsg('');return document.mm_returnvalue"><%= getlang("langproductfeatures")%></a></td>
</tr>
</table>
</td>
<td class='navbarbg' align='center' width='1%' height='6' nowrap>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1" align="center" nowrap>
<img src="images/misc/shim.gif" width="1" height="1" border="0" name="image4image" align="absmiddle"> </td>
<td class="navbarbg" width="100%" align="center" nowrap><a href="shopcustcontact.asp" target="_self" onmouseover="p7_snap('image4image','dropdown4',0,12);mm_displaystatusmsg('<%= getlang("langcontactus")%>');p7_autolayers(0,'closertop','dropdown4','closer'); return document.mm_returnvalue" onmouseout="mm_displaystatusmsg('');return document.mm_returnvalue"><%= getlang("langcontactus")%></a></td>
</tr>
</table>
</td>
<td class='navbarbg' align='center' width='1%' height='6' nowrap>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1" align="center" nowrap>
<img src="images/misc/shim.gif" width="1" height="1" border="0" name="image5image" align="absmiddle"> </td>
<td class="navbarbg" width="100%" align="center" nowrap><a href="shopsearch.asp" target="_self" onmouseover="p7_snap('image5image','dropdown5',0,12);mm_displaystatusmsg('<%= getlang("langcommonsearch")%>');p7_autolayers(0,'closertop','dropdown5','closer'); return document.mm_returnvalue" onmouseout="mm_displaystatusmsg('');return document.mm_returnvalue"><%= getlang("langcommonsearch")%></a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td style="width: 1px; background-color:#CCCCCC"></td> </tr>
</table>
</td>
</tr>
</table>
Go4Gold |
|
|
|
elammers
VP-CART Super User
USA
256 Posts |
Posted - February 05 2007 : 19:42:21
|
Sorry to add to your confusion but best you know now.
That horonavbar.html gets rewritten by the shopa_navigation_create.asp file whenever you are in the Admin Console and edit the site menu and click "reload menu".
So if you are using that tool, I would think your ultimate edits should be in the shopa_navigation_create.asp file.
But while you are experimenting, follow Kidd's lead and edit the horonavbar.html file first so you can at least get your request working, then you can follow it back to the other file for a perm fix.
Regards,
Eric in Maine |
|
|
|
Kidd
VP-CART Super User
Australia
373 Posts |
Posted - February 05 2007 : 20:55:37
|
| go4gold, yep thats what i mean |
|
|
| |
Topic |
|
All Forums
Top menu bar - appearance of "Active" button
New Topic
Printer Friendly
TrustGuard - PCI Security Scanner
