Jump to content
Sign in to follow this  
fear4me

CSS Menu

Recommended Posts

Hey I have a problem. The menu is not showing up :<

All i did is renaming the the categories_css.php to categories.php so I won't need to change something in the code (ofcource backed up). But this is not helping at all, because the menu is not showing...

I've got the tree menu style, changed it in the dm_categories.php

but even when I change it back to flyout menus it won't work. I don't really know if it has to do something with anything but I thought maybe that's the prob...

Share this post


Link to post
Share on other sites

I just coded the addition of products to categories_css.php, is it worth uploading to the contributions ?

 

I am not a good coder, but it works :)

Share this post


Link to post
Share on other sites
I just coded the addition of products to categories_css.php, is it worth uploading to the contributions ?

 

I am not a good coder, but it works :)

 

You could add it to the contribution, because I think other people would love your addition. I'm probably not going to add this feature in a future release, but IF, I'll add this one with a setting to switch it on or off. Thanks for your additional work! If you are able to add a parameter for enable of disable this feature, this piece of code can be used by all other (future) users of CSSMenu.

 

Roger

Share this post


Link to post
Share on other sites

Hi,

 

First thanks to Roger for CSS_MENU contribution. I did install it to my website. However, I couldn't find cache.php in /catalog/includes/cache.php

 

I am using MS2, 2.2 .

 

I am not familiar with CSS code, I would like to change the category list's background color can anyone tell me which one to change?


Wanwan -- %_%_

Share this post


Link to post
Share on other sites

please goto www.blissfulfamily.net/catalog/index.php

I have got the localhost/catalog/index.php background change to my preferences color,

 

This are the codes that I made changes to background color

 

 

/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */

 

.suckerdiv ul{

margin: 0;

padding: 0;

list-style-type: none;

width: 200px; /* Width of Menu Items */

border-bottom: 1px solid #ccc;

font-family: arial;

font-size: 11px;

}

 

.suckerdiv ul li{

position: relative;

background-color: #FFCC00;

}

 

/*1st level sub menu style */

.suckerdiv ul li ul{

left: 199px; /* Parent menu width - 1*/

position: absolute;

width: 200px; /*sub menu width*/

top: 0;

display: none;

}

 

/*All subsequent sub menu levels offset */

.suckerdiv ul li ul li ul{

left: 199px; /* Parent menu width - 1*/

}

 

/*All subsequent sub menu levels offset */

.suckerdiv ul li ul li a{

left: 199px; /* Parent menu width - 1*/

background-color: #FFCC00;

}

 

/*All subsequent sub menu levels offset */

.suckerdiv ul li ul li ul li a{

background-color: #FFCC00;

}

 

/*All subsequent sub menu levels offset */

.suckerdiv ul li ul li ul li ul li a{

background-color: #FFCC00;

}

 

/* menu links style */

.suckerdiv ul li a{

display: block;

color: blue;

text-decoration: none;

background-color: #eee;

padding: 1px 5px;

border: 1px solid #ccc;

border-bottom: 0;

line-height: 2em;

}

 

.suckerdiv ul li a:visited{

color: black;

}

 

.suckerdiv ul li a:hover{

background-color: yellow;

color: black;

text-decoration: none;

}

 

.suckerdiv ul li ul li a:hover{

background-color: yellow;

color: black;

text-decoration: none;

}

 

.suckerdiv ul li ul li ul li a:hover{

background-color: yellow;

color: black;

text-decoration: none;

}

 

/* The main categories with sub-categories */

.suckerdiv .subfolderstyle{

background: url(images/arrow-list.gif) no-repeat center right;

}

 

/* This one colors the sub-folder with other sub-folders */

.suckerdiv ul li ul .subfolderstyle {

background-color: #FFCC00;

}

 

/* This one colors the sub-folder with other sub-folders */

.suckerdiv ul li ul li ul .subfolderstyle {

background-color: #FFCC00;

}

 

/* This one colors the sub-folder with other sub-folders */

.suckerdiv ul li ul li ul li ul .subfolderstyle {

background-color: #FFCC00;

}

 

/* Holly Hack for IE \*/

* html .suckerdiv ul li { float: left; height: 1%; }

* html .suckerdiv ul li a { height: 1%; }

/* End */

 

</style>

 

END OF CODE

 

localhost/catalog/index.php does see the changes of background color. but in www.blissfulfamily.net/catalog/index.php doesn't changed ?


Wanwan -- %_%_

Share this post


Link to post
Share on other sites

Hi I am trying to port this contribution over to Creloaded. Any idea on how to do this/has anyone done it yet?

 

Thanks in advance,

Marc

Share this post


Link to post
Share on other sites
localhost/catalog/index.php does see the changes of background color. but in www.blissfulfamily.net/catalog/index.php doesn't changed ?

 

Your backgroundcolor looks like changed... maybe your browser caches your site?

Share this post


Link to post
Share on other sites
You could add it to the contribution, because I think other people would love your addition. I'm probably not going to add this feature in a future release, but IF, I'll add this one with a setting to switch it on or off. Thanks for your additional work! If you are able to add a parameter for enable of disable this feature, this piece of code can be used by all other (future) users of CSSMenu.

 

Roger

 

Yeah I have added a switch, I am just going to code it so you can set a maximum products shown as if theres 50 products in a category then the menu is too big.

 

Will sort it soon

Share this post


Link to post
Share on other sites
Your backgroundcolor looks like changed... maybe your browser caches your site?

 

 

 

fear4me,

 

Yes, I found out the reason why wasn't shows in the 1st attempt. Because of the triple hex #eee, and #ddd etc. I found this website RGB and Hex Color Conversion Tool Web Safe

 

I converted the html 6 hex color code to triple, now it works fine. Thank you.


Wanwan -- %_%_

Share this post


Link to post
Share on other sites

Hy... First I want to thank You for this amazing contribution!!!

I have installed late version for empty categories, but I have a problem... When I select the category on menu, and when it slides to the right it is behind the flash file that's on my Index on web-page... Here is the picture ;

 

picturebu8.th.jpg

 

please help!!! tnx

Share this post


Link to post
Share on other sites
Hy... First I want to thank You for this amazing contribution!!!

I have installed late version for empty categories, but I have a problem... When I select the category on menu, and when it slides to the right it is behind the flash file that's on my Index on web-page... Here is the picture ;

 

picturebu8.th.jpg

 

please help!!! tnx

 

You could fix this, by adding the following between the <style>-tag in categories_css.php :

 

.suckerdiv {

position: relative;

z-index: 999;

}

Share this post


Link to post
Share on other sites
fear4me it didn't help :'( some other solution maybe???

 

There is nothing you can do about this. Flash and Quicktime movies sit on top of everything. Adding z-index will not work.

 

This is THE ONLY solution I have found:

 

http://blog.deconcept.com/swfobject/

 

It also tackles the IE issue for flash.

 

Good luck,

Sheri

Edited by muskokee

Share this post


Link to post
Share on other sites
CSS_MENU v0.2

I installed today the recent V2 and noted that it don?t work properly in Firefax 1.5.0.7 . V1 works great.

Andrew

 

I installed it tonight. It don't work properly in FireFox 2.0 either.

 

And I have a question now. How can I add products_model after products_name? thanks.

Edited by tallwang

Share this post


Link to post
Share on other sites
I installed it tonight. It don't work properly in FireFox 2.0 either.

 

And I have a question now. How can I add products_model after products_name? thanks.

 

Working here with 1.5 and 2.0 and everything looks just perfect. Please send me a screenshot so I can analyze your problem. What do you want with products_model and products_name? These aren't used in CSS menu.

Share this post


Link to post
Share on other sites

I love this conribution, but I have one question.

 

How do I change the border color of the menu? I don't seem to be able to find it anywhere.

 

Thanks.

Share this post


Link to post
Share on other sites
I love this conribution, but I have one question.

 

How do I change the border color of the menu? I don't seem to be able to find it anywhere.

 

Thanks.

 

Look in categories_css and look for:

 

/* menu links style */

.suckerdiv ul li a{

display: block;

color: black;

text-decoration: none;

background-color: #eee;

padding: 1px 5px;

border: 1px solid #ccc;

border-bottom: 0;

line-height: 2em;

}

 

You can change the bordercolor of the items by changing the color at the border-part.

Share this post


Link to post
Share on other sites

looks like a great contribution !

i am using JCSSMENU at the moment which was so much more work to install.

i am also using article manager 1.4 and would like to adda section of 'articles' to the menu and then have the menu display the topics and sub topics of articles in the same way it shows the categoried and sub categories. this way i will have one menu that will do every thing and not have to deal with another menu exclusivly for the articles. is there a way to add that to the menu ?

 

thanks in advance for any insight

ps.

here is my site in case you'd like to take a look


currently using OSC2.2MS2 051113 with the following contributions:

 

AJAX Attributemanager 2.1 - All_products 4.4 - Banner manager 1.5b - banner hack picture in manager * description in product listing hack ms2 v2.4 * drop shadow boxes v.1.1 * Easy populater 2.76d-ms2 by surfalot * FCKEditor * header tag controller v2.5.9 * jcssmenu * LoginBox 5.6 * option type feature v1.71 * OSC-Cach-v1.1 * popup_imagecleaned_stilized_2 * Remove from cart button hack * scrolling bestsellers * Article manager1.4 * Links Manager v1.14. * proffessional invoice&packingslip 6.1 * Ultimate SEO URLs

Personaly i think all these features NEED to be in the main core as they are quite basic features that are missing. but then again what do i know?

Share this post


Link to post
Share on other sites

Hello I noticed a problem i have installed into my test site and my live site but in the live site my menu disappears when you rollover a subcat and it goes below the about 3 or 4 menu items? whereas this does not happen in the test site. There is no fundamental difference in the sites so should work the same!

 

 

I also noticed in the live site that if the mouse cursor is extremely close to the left edge of the subcat menu it seems to work fine!

 

Im using IE6 - is it something to do with cache?


The sooner you fall behind, the more time you'll have to catch up.

Share this post


Link to post
Share on other sites

Hi. How can I put quantity of products to this menu? Like in the original menu - quantity in the brackets.

Share this post


Link to post
Share on other sites

fear4me, excellent contribution.

 

I've test it on Firefox 1.5.0.8 Mac/Windows, and IE6 and they work fine.

But on Safari Mac the :hover doesn't seem to be working right. It would only show the hover on the first parent link.

 

Pls advise.

Share this post


Link to post
Share on other sites
Look in categories_css and look for:

 

/* menu links style */

.suckerdiv ul li a{

display: block;

color: black;

text-decoration: none;

background-color: #eee;

padding: 1px 5px;

border: 1px solid #ccc;

border-bottom: 0;

line-height: 2em;

}

 

You can change the bordercolor of the items by changing the color at the border-part.

 

Thank you so very much!!

Share this post


Link to post
Share on other sites
Hi. How can I put quantity of products to this menu? Like in the original menu - quantity in the brackets.

 

Yep... I'm trying to manage that....

Can someone explain me How to?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×