Menu

cachousam

2011-12-19 13:19

Hi
Is it complicated to create a menu in the left column like this?
I have a QC3.5

http://img189.imageshack.us/img189/1015/20111219130949.png
Thanks

» Quick.Cart v3.x

Makaron

2011-12-19 15:55

Yes it is possible. You can try to read this topic and modify it a little: http://opensolution.org/Quick.Cms/forum/?p=readTopic&nr=756

I helped? Like it: www.facebook.com/makwebpl

Guido

2011-12-20 00:17

Somebody created a menu like that for me:


/* LEFT MENU */
#menu3 {float:left;padding-left:2px ; list-style:none; z-index:500; font-size:13px; font-family: arial, sans-serif;text-align:left;}
#menu3 li {float:left; display:block;}
#menu3 li a {display:block; float:left; height:30px; line-height:30px;margin: 5px;border:0px solid #d0caca;background:#cccccc;color:#cc0000;font-size:1.083em 'Arial';text-decoration:none; cursor:pointer;width:225px; padding:0 0 0 10px;}
#menu3 li a:hover {color:#fff; background:#FF6600;}
#menu3 li.selected {color:#fff; cursor:default;}
#menu3 ul {position:absolute; left:-9999px; top:-9999px; padding:0; margin:6px; list-style:none; background:#cccccc; padding:0px 0; white-space:nowrap; height:auto; width:auto; z-index:300; text-align:left;}
#menu3 li:hover {position:relative; z-index:300;}
#menu3 a:hover {position:relative; z-index:300; background: transparent; font-weight:normal;}
#menu3 :hover ul {left:-10px; margin-left:100%; top:0; border:1px solid #696969;}
#menu3 :hover ul li a:hover {text-decoration:none;}
#menu3 li:hover li:hover > ul {left:-10px; margin-left:100%; top:-4px;border:1px solid #696969;}
#menu3 li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
#menu3 li:hover li:hover > a {text-decoration:none; font-weight:normal;}
#menu3 :hover ul li {float:none; background:transparent;}
#menu3 a:hover ul li {float:left;}
#menu3 :hover ul li a {display:block; font-size:13px; height:25px; line-height:25px; width:auto; margin:0px;padding:0 10px; color:#cc0000; text-decoration:none; text-align:left;}
#menu3 .sub1 li a:hover, #menu3 .sub2 li a:hover {background:none;}
#menu3 .sub1 li a, #menu3 .sub2 li a {float:none; border:none;}
#menu3 li:hover > a {color:#000; background:#FF6600;}
#menu3 .sub1 li:hover > a, #menu3 .sub2 li:hover > a {color:#000;background:#FF6600;}

Guido

2011-12-20 00:26

And my left column style is:

/* LEFT COLUMN STYLES */
#column{float:left;width:250px;height:100%;padding:10px 0;margin-right:10px;margin-top:5px;background:#dddddd}
#column .type{display:none;}

cachousam

2011-12-21 08:26

Makaron

With your link, i have succeed with the menu2 like this :

http://imageshack.us/photo/my-images/526/screenpouropen.png/

but impossible to do the same thing with menu 3 or 4 for example.

Thanks for advance

Makaron

2011-12-21 15:43

This topic gives solution for horizontal menu but this article: http://qrayg.com/learn/code/cssmenus/ (topic on our forum based on it) shows how to create also vertical menu.

I helped? Like it: www.facebook.com/makwebpl