Ice mega menu

Тема в разделе "Вопросы по работе с меню", создана пользователем Latiffanny, 24.09.2014.

  1. Latiffanny
    Offline

    Latiffanny Недавно здесь

    Регистрация:
    18.09.2014
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Женский
    Установлен этот модуль для верхнего меню и все работает, а для бокового - все пункты в одну строчку и вообще плохо их видно. Подскажите, где может быть проблема?




    Код (css):
    1. ul,li {
    2.     list-style-type:none;
    3.     padding:0;
    4.     margin:0}
    5.  
    6.  .collapse {
    7.   overflow: visible!important;}
    8. /* begin mainmenu */
    9. .icemegamenu > ul {
    10.     position: relative;
    11.     margin:0;
    12.     padding:0;
    13.     z-index: 999;
    14.     clear: both;
    15.     width: 100%;
    16.     height:50px;
    17.     background: #1A1A1A;
    18.     background: -webkit-linear-gradient(top, #3C3C3C, #1A1A1A);
    19.     background: -moz-linear-gradient(top, #3C3C3C, #1A1A1A);
    20.     background: -o-linear-gradient(top, #3C3C3C, #1A1A1A);
    21.     background: -ms-linear-gradient(top, #3C3C3C, #1A1A1A);
    22.     background: linear-gradient(top, #3C3C3C, #1A1A1A);
    23.     border-radius: 5px;}
    24.    
    25.     .icemegamenu > ul > li {
    26.         position: relative;
    27.         display: block;
    28.         float: left;}
    29.        
    30.         .icemegamenu > ul > li  a.iceMenuTitle {
    31.             position: relative;
    32.             z-index: 9999;
    33.             display: block;
    34.             padding: 1px 20px 0 20px;
    35.             height:49px;
    36.             line-height: 34px;
    37.             font-size: 18px;
    38.             color: #ccc;
    39.             text-decoration:none;
    40.             text-shadow: 1px 1px 1px #000;
    41.             -webkit-transition: all .25s ease-out;
    42.             -moz-transition: all .25s ease-out;
    43.             -ms-transition: all .25s ease-out;
    44.             -o-transition: all .25s ease-out;
    45.             transition: all .25s ease-out;}
    46.            
    47.             .icemegamenu ul > li  a.iceMenuTitle:hover,
    48.             .icemegamenu ul > li:hover > a.iceMenuTitle,
    49.             .icemegamenu ul > ul > li:hover >  a.iceMenuTitle,
    50.             ul.icesubMenu li.active a.iceMenuTitle  {
    51.                 color: #F0C237 }
    52.                
    53.     div.icemegamenu ul#icemegamenu  li.active a.icemega_active > span.icemega_title{
    54.                 color: #F0C237 }      
    55.                
    56.             /* subtitles */
    57.             .icemegamenu > ul > li span.icemega_desc {
    58.                 display:block;
    59.                 font-size:12px;
    60.                 font-family:Verdana, Geneva, sans-serif;
    61.                 padding:0;
    62.                 line-height:1.25em;
    63.                 color:#999!important;
    64.                 margin-bottom: 7px;
    65.                 margin-top:-8px;
    66.                 text-shadow:none!important}
    67.  
    68.                 /* when dont have subtitle */
    69.                 .icemegamenu > ul > li >  a.iceMenuTitle > span.icemega_nosubtitle {
    70.                     padding-top:7px;
    71.                     display:block}
    72.                    
    73.                    
    74.                 /* when is current */  
    75.                 .icemegamenu > ul > li.active {
    76.                     background:#444}
    77.                    
    78.                     .icemegamenu > ul > li.active:first-child {
    79.                         border-radius:5px 0 0 5px}
    80.                    
    81. .ice-megamenu-toggle {
    82.     float: right;
    83. }
    84. .ice-megamenu-toggle {
    85.     display: none;
    86. }
    87. .ice-megamenu-toggle a {
    88.     background: url("../images/mobile_menu_btn.png") no-repeat scroll 0 0 transparent;
    89.     display: block;
    90.     height: 30px;
    91.     margin-top: 20px;
    92.     text-indent: -9999px;
    93.     width: 30px;
    94. }                  
    95.  
    96.  /* Submenu */
    97. ul.icesubMenu {
    98.     position: absolute;
    99.     z-index: 600;
    100.     padding: 0 0 10px;
    101.     margin:0;
    102.     top: 100px;
    103.     left: -1px;
    104.     opacity: 0;
    105.     visibility: hidden;
    106.     background: #222;
    107.     background: -moz-linear-gradient(#444, #111);
    108.     background: -webkit-linear-gradient(#444, #111);
    109.     background: -o-linear-gradient(#444, #111);
    110.     background: -ms-linear-gradient(#444, #111);
    111.     background: linear-gradient(#444, #111);
    112.     border: 1px solid rgba(255,255,255,.3);
    113.     border-radius: 3px;
    114.     -webkit-transition: all .25s ease-out;
    115.     -moz-transition: all .25s ease-out;
    116.     -ms-transition: all .25s ease-out;
    117.     -o-transition: all .25s ease-out;
    118.     transition: all .25s ease-out;}
    119.    
    120.            
    121.         #icemegamenu > li:hover > ul.icesubMenu {
    122.             opacity: 1;
    123.             visibility: visible;
    124.             top: 50px;}
    125.            
    126.             ul.icesubMenu ul > li {
    127.                 position:relative;}
    128.                
    129.                 ul.icesubMenu > li a.iceMenuTitle {
    130.                     height:auto;
    131.                     display:block;
    132.                     font-size:14px;
    133.                     padding:0 0 0 16px;
    134.                     margin:0 14px;
    135.                     border-radius:0;
    136.                     background:url(../images/point.png) no-repeat 0 10px;          
    137.                     border-bottom:1px dotted rgba(255,255,255,.2)!important;}
    138.      
    139.      
    140.                 /* when is parent */
    141.                 ul.icesubMenu li.parent {
    142.                     background: url(../images/arrow.png) no-repeat 93% 45%;}
    143.                
    144.                
    145.                
    146.                
    147.                
    148.  
    149.  
    150. /* Second Level Dropdown */
    151. ul.sub_level_2,
    152. ul.sub_level_3,
    153. ul.sub_level_4,
    154. ul.sub_level_5 {
    155.     top: -1px;
    156.     left: 280px;
    157.     z-index:99999;
    158.     box-shadow:none;
    159.     border:1px solid #444;
    160.     border-top-color:#555;
    161.     margin: 0 0 0 20px;}
    162.    
    163.    
    164.     ul.icesubMenu ul > li:hover > ul {
    165.         opacity: 1;
    166.         visibility: visible;
    167.         left: 230px;}
    168.    
    169.  
    170.  
    171.  
    172.  
    173.  
    174. /* Modules inside dropdown */
    175. .icesubMenu .icemega_cover_module {
    176.     padding: 10px 15px;
    177.     color:#999;
    178. }
    179.  
    180.     .icesubMenu .icemega_cover_module span.iceModuleTile {
    181.         color:#fff;
    182.         font-size:18px;
    183.         text-shadow:1px 1px 1px #000;
    184.         margin-bottom:6px;
    185.         display:block;}
    186.  
    187. .icesubMenu .icemega_cover_module a {
    188.     color:#F0C237}
    189.  
    190.     .ice_righttoleft{
    191.         left:auto!important;
    192.         right:0;
    193.     }
     
  2.  

Поделиться этой страницей

Загрузка...