IceMegaMenu проблема с отображением подменю.

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем Nikel90, 05.07.2013.

  1. Offline

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

    Регистрация:
    05.07.2013
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    Да простят меня модеры, если разделом ошибся. Всё таки вопрос связан с визуализацией. Проблема в том, что если менять ширину поля под пункт меню, то появляется большой пробел между 2 всплывающими менюшками. А если его не менять, оставлять по умолчанию, то меню не входит в экран и в итоге последний пункт меню перекрывает предпоследний. Как и где можно поправить этот отступ?
     

    Вложения:

    • 1111111.png
      1111111.png
      Размер файла:
      106.7 КБ
      Просмотров:
      4
    Последнее редактирование: 05.07.2013
  2.  
  3. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 963
    Симпатии:
    168
    Пол:
    Мужской
    Надо смотреть код.
    Скидывайте ссылку или скопируйте в сообщение css-код меню, обрамляя его тэгами
    Код (html):
    1. .
     
  4. Offline

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

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

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

    Регистрация:
    05.07.2013
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    ну так что, сможет мне кто то что то подсказать?
     

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

Загрузка...