۲۶-۱-۱۳۹۲, ۰۸:۲۴ صبح
سلام دوستان من این منو رو راست چین کردم ولی نمیدونم زیر منو ها چطور راست چین میشه لطفا کمک کنید . این کدهای فایل منو هست
کد:
#bt_nav_menu, #bt_nav_menu ul { padding: 0; margin: 0; list-style: none; z-index: 1000 !important; }
#bt_nav_menu a, #bt_nav_menu span.separator { display: block; }
#bt_nav_menu li { float: right; }
#bt_nav_menu li ul { position: absolute; left: -999em; width: 240px; margin: 0; padding: 0; z-index: 2; }
#bt_nav_menu li ul ul { margin: -28px 0 0 240px; padding: 1px 0 0 0 !important; }
#bt_nav_menu li:hover ul ul { left: -999em; }
#bt_nav_menu li:hover ul,
#bt_nav_menu li li:hover ul { left: auto; }
/* 4 levels */
#bt_nav_menu li:hover ul ul,
#bt_nav_menu li:hover ul ul ul,
#bt_nav_menu li:hover ul ul ul ul { left: -999em; }
#bt_nav_menu li:hover ul,
#bt_nav_menu li li:hover ul,
#bt_nav_menu li li li:hover ul,
#bt_nav_menu li li li li:hover ul { left: auto; }
/* DEFAULTS FOR ALL LEVELS
------------------------------------------------------ */
ul#bt_nav_menu { overflow: hidden; margin-top: 5px !important; }
ul#bt_nav_menu li { list-style: none; background: none; }
ul#bt_nav_menu li img { vertical-align: middle; padding: 0 10px 0 0; position: relative; top: -2px; }
ul#bt_nav_menu li a { text-decoration: none; }
/* 0 Level
------------------------------------------------------ */
ul#bt_nav_menu li { margin: 10px 15px 0 0 !important; border: none; }
/* no childs */
ul#bt_nav_menu li a,
ul#bt_nav_menu li span.separator { /*background: blue; */ background: transparent url("../../images/skin1/menu/menu_item_bg.png") repeat-x; padding: 0 18px 0 3px; min-height: 28px; line-height: 28px; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px; color: #fff; font-weight: bold; cursor: pointer; margin-bottom: 10px;
background: -moz-linear-gradient(
top,
#a5c9bb 0%,
#a5c9bb 99%,
#424242);
background: -webkit-gradient(
linear, left top, left bottom,
from(#a5c9bb),
color-stop(0.99, #a5c9bb),
to(#424242));
}
/*hover*/
ul#bt_nav_menu li:hover a,
ul#bt_nav_menu li:hover span.separator { /*background: yellow;*/ background: transparent url("../../images/skin1/menu/menu_item_bg_hover.png") repeat-x;
-moz-box-shadow:
0px 0px 0px rgba(204,37,204,0.2),
inset 0px 0px 10px rgba(0,0,0,0.3);
-webkit-box-shadow:
0px 0px 0px rgba(204,37,204,0.2),
inset 0px 0px 10px rgba(0,0,0,0.3); }
/* no childs & active */
ul#bt_nav_menu li.active a,
ul#bt_nav_menu li.active span.separator { /*background: pink;*/ background: transparent url("../../images/skin1/menu/menu_item_bg_hover.png") repeat-x; }
/* has childs */
ul#bt_nav_menu li.parent a,
ul#bt_nav_menu li.parent span.separator { /*background: red;*/ background: #A5C9BB url("../../images/skin1/menu/menu_icon_for_parent.png") no-repeat 85% center; padding-right: 39px; }
/*hover*/
ul#bt_nav_menu li.parent:hover a,
ul#bt_nav_menu li.parent:hover span.separator { /*background: black;*/ background: #AB3A68 url("../../images/skin1/menu/menu_icon_for_parent_hover.png") no-repeat 85% center; padding-right: 39px; }
/* has childs & active */
ul#bt_nav_menu li.parent.active a,
ul#bt_nav_menu li.parent.active span.separator { /*background: black;*/ background: #AB3A68 url("../../images/skin1/menu/menu_icon_for_parent_hover.png") no-repeat 85% center; padding-right: 39px; }
/* 1 Level
------------------------------------------------------ */
ul#bt_nav_menu li ul li { width: 100%; margin: 0 !important }
ul#bt_nav_menu li ul { background: #A5C9BB; border-radius: 21px; -moz-border-radius: 21px; -webkit-border-radius: 21px; }
/* sub ul list */
#bt_nav_menu li.parent ul { padding: 10px 0; }
/**** no childs ****/
#bt_nav_menu li.parent ul li a,
#bt_nav_menu li.parent ul li span.separator { border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0 !important; padding: 0 15px; }
/*hover*/
#bt_nav_menu li.parent:hover ul li:hover a,
#bt_nav_menu li.parent:hover ul li:hover span.separator { background: none; color: #A44871; }
/*parent hover*/
#bt_nav_menu li.parent:hover ul li a,
#bt_nav_menu li.parent:hover ul li span.separator { background: none; }
/**** no childs & active ****/
#bt_nav_menu li.parent ul li.active a,
#bt_nav_menu li.parent ul li.active span.separator { background: none; color: #528973; }
/*hover*/
#bt_nav_menu li.parent ul li.active a:hover,
#bt_nav_menu li.parent ul li.active span.separator:hover { background: none; }
/*2 level*/
#bt_nav_menu li.parent ul li.parent.active li.active a,
#bt_nav_menu li.parent ul li.parent.active li.active span.separator { color: #528973 !important; }
/*hover*/
#bt_nav_menu li.parent ul li.parent.active li.active a:hover,
#bt_nav_menu li.parent ul li.parent.active li.active span.separator:hover { background: white; }
/**** has childs ****/
#bt_nav_menu li.parent ul li.parent a,
#bt_nav_menu li.parent ul li.parent span.separator { /*background: brown;*/ background: transparent url("../../images/skin1/menu/menu_icon_for_parent_sub.png") no-repeat 85% center; padding-right: 39px; }
/*hover*/
#bt_nav_menu li.parent ul li.parent a:hover,
#bt_nav_menu li.parent ul li.parent span.separator:hover { background: transparent url("../../images/skin1/menu/menu_icon_for_parent_sub.png") no-repeat 85% center; }
/**** has childs & active ****/
#bt_nav_menu li.parent ul li.parent.active a,
#bt_nav_menu li.parent ul li.parent.active span.separator { background: transparent url("../../images/skin1/menu/menu_icon_for_parent_sub.png") no-repeat 85% center; color: #528973; }
/*hover*/
#bt_nav_menu li.parent ul li.parent.active a:hover,
#bt_nav_menu li.parent ul li.parent.active span.separator:hover { }
/* 2 Level
------------------------------------------------------ */
#bt_nav_menu li.parent ul ul li a,
#bt_nav_menu li.parent ul ul li a span.separator { background: none !important; color: #fff !important }
#bt_nav_menu li.parent ul ul li:hover a,
#bt_nav_menu li.parent ul ul li:hover a span.separator { background: none !important; color: #A44871 !important; }