Altering the Navigation Menu
Altering the Navigation Menu
I would like to change the default horizontal rollover menu to one that looks like the Microsoft Hortizontal menu. http://www.microsoft.com
I am sure I could hard code it once the articles are all entered, but I want phpwcms to auto generate this type of menu when I add new things.
How can this be done?
I am sure I could hard code it once the articles are all entered, but I want phpwcms to auto generate this type of menu when I add new things.
How can this be done?
pSouper
I must apologize I wrote "horizontal" menu when I meant "vertical"
Now, I have played with the conf.template_default.inc, the frontend.css, and There are two things I can't figure out.
1) How to get a border using css around the mouseover, and have that set to something like 90% of that table width, like the MS site.
2) Get the flyout menus to work.
Any help from the community would be much appreciated.
I must apologize I wrote "horizontal" menu when I meant "vertical"
Now, I have played with the conf.template_default.inc, the frontend.css, and There are two things I can't figure out.
1) How to get a border using css around the mouseover, and have that set to something like 90% of that table width, like the MS site.
2) Get the flyout menus to work.
Any help from the community would be much appreciated.
OK, I got the menu system almost to where I want it. Just one thing I can not figure out (and that is not from a lack of trying) and that is how to get a row border when you hover over the link. I have the background color which is fine, but I can get a border around that.
http://www.equivity.com/v4/
http://www.equivity.com/v4/
hello
it won't work if you include this in this class in the frontend.css!?
it won't work if you include this in this class in the frontend.css!?
Code: Select all
.nav_table a:hover {
text-decoration: underline;
}
Yes and No.
It does make a border around the words, but not the row. Take a look : http://www.equivity.com/v4/
I have tried everything I can think of and nothign will work. I was hoping one of the guru for phpwcms could help.
It does make a border around the words, but not the row. Take a look : http://www.equivity.com/v4/
I have tried everything I can think of and nothign will work. I was hoping one of the guru for phpwcms could help.
helloeglwolf wrote:Yes and No.
It does make a border around the words, but not the row. Take a look : http://www.equivity.com/v4/
I have tried everything I can think of and nothign will work. I was hoping one of the guru for phpwcms could help.
i was on the german ms site and looked to the source!
thats what i found!*ggg
Code: Select all
style="border-color: #F1F1F1; background: #F1F1F1; width: 176px; overflow-x: hidden"
ok, you're going to have to clarfify something for me: you're trying to get a border to appear on the left hand vertical menu (Hosting, Servers, Domain Registration, etc) or the "Quick Links" line at the top?
if you're trying to do something to the side menu, you'll need to change the php directly. You can't do it with just CSS. The way it's currently set up, it uses javascript to change the background color of the table cell. You can't use the :hover psuedoclass on table elements. (well, you CAN with certain browsers, but it's not really well supported). What you need to do is either make it so that the javascript changes the border as well as the background color, or make it change the class / ID of the cell onMouseOver and put a border on the mouseover class in your style sheet.
if you're trying to do something to the side menu, you'll need to change the php directly. You can't do it with just CSS. The way it's currently set up, it uses javascript to change the background color of the table cell. You can't use the :hover psuedoclass on table elements. (well, you CAN with certain browsers, but it's not really well supported). What you need to do is either make it so that the javascript changes the border as well as the background color, or make it change the class / ID of the cell onMouseOver and put a border on the mouseover class in your style sheet.