Drop down/flyout categories... where do I start?

funkydunk · #21 12-05-2003, 08:55 PM

sorry forgot the css:

Code:

.menuskin{
	position:absolute;
	width:165px;
	background-color:#EEEEEE;
	border:1px solid #003366;
	line-height:18px;
	z-index:100;
	visibility:hidden;
	font-size: 11px;
	left: 150px;
}

.menuskin a{
text-decoration:none;
color:black;
padding-left:10px;
padding-right:10px;
}

#mouseoverstyle{
	background-color:#003366;
}

#mouseoverstyle a{
	color:#FFCC00;
	text-decoration: none;
}

Cameron · #22 12-05-2003, 10:24 PM

Thanks for sharing this with us all Duncan!!

One question: Do I only have to tweak the .css file to make the menu drop down from horozontially listed categories across the top of my screen?

Much appreciated.

Cameron

BoomBoomBap · #23 12-06-2003, 03:06 PM

This is awesome!

Can you tell me how "If ticked, the categories list always shows root categories" affects this mod?

I notice the categories menu always shows the root category with this mod regardless of how many levels deep I am but if I uncheck the above (in admin/general settings/general options) the menus no longer fly out.

funkydunk · #24 12-10-2003, 10:18 AM

absolutely

If show root is ticked then the fly out works if not it will show the normal subcategories.

finestshops · #25 12-10-2003, 10:34 AM

Hi Funkydunk,

Any easy way to make category cell to change color on mouseover same way as subcategory does? I think most people would like to see this.

laureon · #26 12-10-2003, 01:21 PM

I have implemented a 'highlight' cell colour on mouse over.

Use the following in your 'skin1.css' file:

.CategoriesList {
FONT-SIZE: 12px;
text-decoration:none;
}
.CategoriesList a:hover{
width:100%;
text-decoration:none;
background-color: #ffffff;}

Hope this helps you out

.

finestshops · #27 12-10-2003, 01:34 PM

Quote:

Originally Posted by laureon

I have implemented a 'highlight' cell colour on mouse over.

Use the following in your 'skin1.css' file:

This's way too easy

I added a half page javascript to do almost the same.

Thanks, will play with this settings.

funkydunk · #28 12-10-2003, 02:39 PM

css is lurverly....

finestshops · #29 12-10-2003, 05:07 PM

Hi guys,

For some reason on one of computers this dropdown menu is going up instead of down. same IE 6. Any ideas how to fix it? Our javascript guy is puzzled as well.

Thanks,

censat · #30 12-10-2003, 06:00 PM

In you skin.css lower the value on the line that says "line-height:18px;"

to a lower number like 14 or 15 you may have to try to see what work's best by changing it a couple of times

.menuskin{
position:absolute;
width:165px;
background-color:#EEEEEE;
border:1px solid #003366;
line-height:18px; (HERE)
z-index:100;
visibility:hidden;
font-size: 11px;
left: 150px;