Home News Contact Us Forum About Us Joomla 1.0.x Demo Joomla 1.5 Demo Products F.A.Q.
Shopping Cart


Recent Events
  • 29/12/2011 Merry Christmas and Happy New Year!

    Dear visitors, our office will be closed from December 30 to January 2 due to the celebration of the New Year. You can purchase and download our products, but we can not guarantee quick answers to your questions for this period of time. Happy New Year! Your ARI Soft team.

  • 27/09/2011 ARI Smart Content v. 1.8.0

    ARI Smart Content v. 1.8.0 is ready. New version is compatible with Joomla! 1.5, 1.6 and 1.7 and it is released under GNU GPL license.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2checkout




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

submenu issues
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: submenu issues
#4396
submenu issues 1 Year, 8 Months ago Karma: 0
My menu items that have submenus don't have class .yuimenuitem-hassubmenu (so that I get the arrows on them).

I'm including my modified safe_menu.css (changes in red):

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
{$id} .yuimenu {
top: -999em;
left: -999em;
}

{$id} .yuimenubar {
position: static;
}

{$id} .yuimenu .yuimenu,
{$id} .yuimenubar .yuimenu {
position: absolute;
}

{$id} .yuimenubar li,
{$id} .yuimenu li {
list-style-type: none;
display: block;
background-color: transparent;
text-align: left;
}

{$id} .yuimenubar ul,
{$id} .yuimenu ul {
background-color: transparent;
}

{$id} .yuimenubar ul,
{$id} .yuimenu ul,
{$id} .yuimenubar li,
{$id} .yuimenu li,
{$id} .yuimenu h6,
{$id} .yuimenubar h6 {
margin: 0;
padding: 0;
}

{$id}.yui-skin-sam .yuimenubarnav .yuimenubaritem,
{$id}.yui-skin-sam .yuimenunav .yuimenuitem {
display: block;
}

{$id} .yuimenuitemlabel,
{$id} .yuimenubaritemlabel {
text-align: left;
white-space: nowrap;
}

{$id} UL LI A.yuimenuitemlabel,
{$id} UL LI A.yuimenuitemlabel:link,
{$id} UL LI A.yuimenuitemlabel:hover,
{$id} UL LI A.yuimenuitemlabel:visited,
{$id} UL LI A.yuimenubaritemlabel,
{$id} UL LI A.yuimenubaritemlabel:link,
{$id} UL LI A.yuimenubaritemlabel:hover,
{$id} UL LI A.yuimenubaritemlabel:visited {
background-color: transparent;
float: none;
}

{$id} .yuimenubar ul {
*zoom: 1;
}

{$id} .yuimenubar .yuimenu ul {
*zoom: normal;
}

{$id} .yuimenubar>.bd>ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}

{$id} .yuimenubaritem {
float: left;
}

{$id} .yuimenubaritemlabel,
{$id} .yuimenuitemlabel {
display: block;
*display: inline-block;
}

{$id} .yuimenuitemlabel .helptext {
font-style: normal;
display: block;
margin: -1em 0 0 10em;
}

{$id} .yui-menu-shadow {
position: absolute;
visibility: hidden;
z-index: -1;
}

{$id} .yui-menu-shadow-visible {
top: 2px;
right: -3px;
left: -3px;
bottom: -3px;
visibility: visible;
}

{$id} .hide-scrollbars * {
overflow: hidden;
}

{$id} .hide-scrollbars select {
display: none;
}

{$id} .yuimenu .show-scrollbars,
{$id} .yuimenubar.show-scrollbars {
overflow: visible;
}

{$id} .yuimenu .hide-scrollbars .yui-menu-shadow,
{$id} .yuimenubar.hide-scrollbars .yui-menu-shadow {
overflow: hidden;
}

{$id} .yuimenu .show-scrollbars .yui-menu-shadow,
{$id} .yuimenubar.show-scrollbars .yui-menu-shadow {
overflow: auto;
}

{$id} .yui-overlay.yui-force-redraw {
margin-bottom: 1px;
}

{$id}.yui-skin-sam .yuimenubar {
font-size: 93%;
line-height: 2;
*line-height: 1.9;
border: solid 1px #192e55;
background: url(js/build/assets/skins/sam/sprite2.png) repeat-x 0 0;
}

{$id}.yui-skin-sam .yuimenubarnav .yuimenubaritem {
border-right: solid 1px #192e55;
}

{$id}.yui-skin-sam UL LI A.yuimenubaritemlabel,
{$id}.yui-skin-sam UL LI A.yuimenubaritemlabel:link,
{$id}.yui-skin-sam UL LI A.yuimenubaritemlabel:visited{
padding: 0 10px 0 10px;
color: #192e55;
text-decoration: none;
text-align:center;
cursor: default;
border-style: solid;
border-color: #192e55;
border-width: 1px 0;
*position: relative;
margin: -1px 0;

font-size: 93%;
line-height: 2;
*line-height: 1.6;
*display: inline-block;
width:83.7px;
background:url(js/build/assets/skins/sam/menu.gif);
}
{$id}.yui-skin-sam UL LI A.yuimenubaritemlabel:hover {

padding: 0 10px 0 10px;
color: #fff;
text-decoration: none;
text-align:center;
cursor: default;
border-bottom-style: solid;
border-bottom-color: #fff;
border-bottom-width: 1px;
*position: relative;
margin: -1px 0;

font-size: 93%;
line-height: 2;
*line-height: 1.6;
*display: inline-block;
width:83.7px;
background:#192e55;
}



/*
{$id}.yui-skin-sam .yuimenubarnav LI A.yuimenubaritemlabel,
{$id}.yui-skin-sam .yuimenubarnav LI A.yuimenubaritemlabel:link,
{$id}.yui-skin-sam .yuimenubarnav LI A.yuimenubaritemlabel:visited,
{$id}.yui-skin-sam .yuimenubarnav LI A.yuimenubaritemlabel:hover {
font-size: 93%;
line-height: 2;
*line-height: 1.9;
padding-right: 20px;
*display: inline-block;
}*/

{$id}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu {
background: url(js/build/menu/assets/skins/sam/menubaritem_submenuindicator.png) right center no-repeat;
}

{$id}.yui-skin-sam .yuimenubaritem-selected {
background: url(js/build/assets/skins/sam/sprite2.png) repeat-x 0 -1700px;
}

{$id}.yui-skin-sam A.yuimenubaritemlabel-selected {
border-color: #192e55;
}

{$id}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected {
border-left-width: 1px;
margin-left: -1px;
*left: -1px;
}

{$id}.yui-skin-sam UL LI A.yuimenubaritemlabel-disabled,
{$id}.yui-skin-sam UL LI A.yuimenubaritemlabel-disabled:visited,
{$id}.yui-skin-sam UL LI A.yuimenubaritemlabel-disabled:link,
{$id}.yui-skin-sam UL LI A.yuimenubaritemlabel-disabled:hover {
cursor: default;
color: #A6A6A6;
}

{$id}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu-disabled {
background-image: url(js/build/menu/assets/skins/sam/menubaritem_submenuindicator_disabled.png);
}

{$id}.yui-skin-sam .yuimenu {
font-size: 93%;
line-height: 1.5;
*line-height: 1.45;
}

{$id}.yui-skin-sam .yuimenubar .yuimenu,
{$id}.yui-skin-sam .yuimenu .yuimenu {
font-size: 100%;
}

{$id}.yui-skin-sam .yuimenu .bd {
*zoom: 1;
_zoom: normal;
border: solid 1px #192e55;
background-color: #fff;
}

{$id}.yui-skin-sam .yuimenu .yuimenu .bd {
*zoom: normal;
}

{$id}.yui-skin-sam .yuimenu ul {
padding: 3px 0;
border-width: 1px 0 0 0;
border-color: #192e55;
border-style: solid;
}

{$id}.yui-skin-sam .yuimenu ul.first-of-type {
border-width: 0;
}

{$id}.yui-skin-sam .yuimenu h6 {
font-weight: bold;
border-style: solid;
border-color: #192e55;
border-width: 1px 0 0 0;
color: #a4a4a4;
padding: 3px 10px 0 10px;
}

{$id}.yui-skin-sam .yuimenu ul .hastitle,
{$id}.yui-skin-sam .yuimenu h6.first-of-type {
border-width: 0;
}

{$id}.yui-skin-sam .yuimenu .yui-menu-body-scrolled {
border-color: #ccc #808080;
overflow: hidden;
}

{$id}.yui-skin-sam .yuimenu .topscrollbar,
{$id}.yui-skin-sam .yuimenu .bottomscrollbar {
height: 16px;
border: solid 1px #808080;
background: #fff url(js/build/assets/skins/sam/sprite2.png) no-repeat 0 0;
}

{$id}.yui-skin-sam .yuimenu .topscrollbar {
border-bottom-width: 0;
background-position: center -950px;
}

{$id}.yui-skin-sam .yuimenu .topscrollbar_disabled {
background-position: center -975px;
}

{$id}.yui-skin-sam .yuimenu .bottomscrollbar {
border-top-width: 0;
background-position: center -850px;
}

{$id}.yui-skin-sam .yuimenu .bottomscrollbar_disabled {
background-position: center -875px;
}

{$id}.yui-skin-sam LI.yuimenuitem {
float: none;
_border-bottom: solid 1px #fff;
}
ul{
padding:0;
margin:0;
}

{$id}.yui-skin-sam UL LI A.yuimenuitemlabel {
padding: 0 10px 0 10px;
color: #192e55;
text-decoration: none;
text-align:center;
cursor: default;
border-style: solid;
border-color: #192e55;
border-width: 1px 0;
*position: relative;
margin: -1px 0;

font-size: 93%;
line-height: 2;
*line-height: 1.6;
*display: inline-block;
background:url(js/build/assets/skins/sam/menu.gif);

/*
padding: 0 20px !important;
color: #000;
text-decoration: none;
cursor: default;
border: 0;
background-color: transparent;
line-height: 1.5;
*line-height: 1.45;
height: auto;
*/
}

{$id}.yui-skin-sam UL LI A.yuimenuitemlabel:hover {
padding: 0 10px 0 10px;
color: #fff;
text-decoration: none;
text-align:center;
cursor: default;
border-bottom-style: solid;
border-bottom-color: #fff;
border-bottom-width: 1px;
*position: relative;
margin: -1px 0;

font-size: 93%;
line-height: 2;
*line-height: 1.6;
*display: inline-block;
background:#192e55;
}


{$id}.yui-skin-sam .yuimenuitemlabel .helptext {
margin-top: -1.5em;
*margin-top: -1.45em;
}

{$id}.yui-skin-sam LI.yuimenuitem-hassubmenu {
background-image: url(js/build/menu/assets/skins/sam/menuitem_submenuindicator.png);
background-position: right center;
background-repeat: no-repeat;
}

{$id}.yui-skin-sam .yuimenuitem-checked {
background-image: url(js/build/menu/assets/skins/sam/menuitem_checkbox.png);
background-position: left center;
background-repeat: no-repeat;
}

{$id}.yui-skin-sam .yui-menu-shadow-visible {
background-color: #000;
opacity: .12;
filter: alpha(opacity = 12);
}

{$id}.yui-skin-sam UL LI.yuimenuitem-selected,
{$id}.yui-skin-sam UL LI.yuimenuitem-selected,
{$id}.yui-skin-sam UL LI.yuimenuitem-selected,
{$id}.yui-skin-sam UL LI.yuimenuitem-selected {
background-color: #B3D4FF;
}

{$id}.yui-skin-sam UL LI.yuimenuitem-disabled,
{$id}.yui-skin-sam UL LI.yuimenuitem-disabled,
{$id}.yui-skin-sam UL LI.yuimenuitem-disabled,
{$id}.yui-skin-sam UL LI.yuimenuitem-disabled {
background-color: transparent;
}

{$id}.yui-skin-sam UL LI A.yuimenuitemlabel-disabled,
{$id}.yui-skin-sam UL LI A.yuimenuitemlabel-disabled:visited,
{$id}.yui-skin-sam UL LI A.yuimenuitemlabel-disabled:link,
{$id}.yui-skin-sam UL LI A.yuimenuitemlabel-disabled:hover {
cursor: default;
color: #A6A6A6;
}

{$id}.yui-skin-sam .yuimenuitem-hassubmenu-disabled {
background-image: url(js/build/menu/assets/skins/sam/menuitem_submenuindicator_disabled.png);
}

{$id}.yui-skin-sam .yuimenuitem-checked-disabled {
background-image: url(js/build/menu/assets/skins/sam/menuitem_checkbox_disabled.png);
}


and my css styles from the module parameters:

#{$id} ul li.yuimenubaritem {
width: 163px;}

h3{margin:0;}
#ariyui30.yui-skin-sam .yuimenu .bd ul{padding:0;margin:0;}
Last Edit: 2010/05/24 18:54 By Josephi.
The administrator has disabled public write access.
 
#4397
Re:submenu issues 1 Year, 8 Months ago Karma: 276
Hello,

Could you provide link where we can see issue with sub-menu items?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#4398
Re:submenu issues 1 Year, 8 Months ago Karma: 0
The administrator has disabled public write access.
 
#4400
Re:submenu issues 1 Year, 8 Months ago Karma: 276
On your site menu items contain '.yuimenuitem-hassubmenu' CSS class, arrows doesn't show due to your styles overriding, you can use the following code in 'CSS Styles' parameter that fix it:

Code:


BODY #{$id}.yui-skin-sam li.yuimenuitem,
BODY #{$id}.yui-skin-sam li.yuimenuitem-hassubmenu {
background-image:url(js/build/assets/skins/sam/menu.gif);
}

BODY #{$id}.yui-skin-sam li.yuimenuitem-hassubmenu A.yuimenuitemlabel-hassubmenu {
background: transparent url(js/build/menu/assets/skins/sam/menuitem_submenuindicator.png) no-repeat right center;
}

BODY #{$id}.yui-skin-sam ul li a.yuimenuitemlabel,
BODY #{$id}.yui-skin-sam ul li a.yuimenuitemlabel:hover {
 line-height: 1.93;
}



or the following code in safe_menu.css file:

Code:


BODY {$id}.yui-skin-sam li.yuimenuitem,
BODY {$id}.yui-skin-sam li.yuimenuitem-hassubmenu {
background-image:url(js/build/assets/skins/sam/menu.gif);
}

BODY {$id}.yui-skin-sam li.yuimenuitem-hassubmenu A.yuimenuitemlabel-hassubmenu {
background: transparent url(js/build/menu/assets/skins/sam/menuitem_submenuindicator.png) no-repeat right center;
}

BODY {$id}.yui-skin-sam ul li a.yuimenuitemlabel,
BODY {$id}.yui-skin-sam ul li a.yuimenuitemlabel:hover {
 line-height: 1.93;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 1