Замена стиля Text Separator в шаблоне от IceTheme

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем tramb, 04.08.2013.

  1. Offline

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

    Регистрация:
    13.11.2012
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Мужской
    Народ, прошу помощи.
    Есть шаблон http://demo.icetheme.com/it_corporate2/index.php

    Как сделать чтобы сепараторы выглядели постоянно следующим образом, т.е в пассивном состоянии. Но активные меню продолжали бы выглядеть как и прежде со стрелочкой.

    На первой картинке так выглядит активное меню сейчас:
    image.jpg

    Вот так необходимо чтобы выглядел сепаратор:
    image.jpg

    выделили куски в CSS которые нужно удалить, а вот как собрать воедино для сепаратора понятия не имею(

    Может быть полезен кусок из menucore:
    Код (CODE):
    1. case 'separator' :
    2.                 //return '<span class="separator">'.$image.$tmp->name.'</span>';
    3.                
    4.                 if($iParams->get("icemega_subtype") == 'mod' || $iParams->get("icemega_subtype") == 'pos') {
    5.                     //$text  = 'window.addEvent("load", function(){if($(\'item-'.$tmp->id.'\')!= null)$(\'item-'.$tmp->id.'\').setStyle(\'display\', \'none\')});';
    6.                     //$document = &JFactory::getDocument();
    7.                     //$document->addScriptDeclaration($text);
    8.                 }


    CSS меню:
    Код (CODE):
    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. .collapse {
    12.   overflow: visible;}
    13.  
    14. /* clear some styles */
    15. .icemegamenu ul,
    16. .icemegamenu li {
    17.     list-style-type:none;
    18.     padding:0;
    19.     margin:0}
    20.  
    21.  
    22. /* begin mainmenu */
    23. .icemegamenu > ul {
    24.     position: relative;
    25.     margin:0 0 45px;
    26.     padding:0;
    27.     z-index: 999;
    28.     clear: both;
    29.     width: 280px;
    30.     height:auto;}
    31.    
    32.     .icemegamenu > ul > li {
    33.         position: relative;
    34.         display: block;
    35.         margin:5px 0;
    36.         padding:0;
    37.         -webkit-transition: all .25s ease-out;
    38.         -moz-transition: all .25s ease-out;
    39.         -ms-transition: all .25s ease-out;
    40.         -o-transition: all .25s ease-out;
    41.         transition: all .25s ease-out;}
    42.        
    43.         .icemegamenu > ul > li  a.iceMenuTitle {
    44.             position: relative;
    45.             z-index: 9999;
    46.             display: block;
    47.             font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    48.             padding: 0 20px;
    49.             height:40px;
    50.             line-height: 41px;
    51.             font-size: 16px;
    52.             color: #fff;
    53.             text-decoration:none;
    54.             text-shadow: 1px 1px 1px rgba(0,0,0,.3);}
    55.            
    56.             ul.icesubMenu  ul > li:hover > a.iceMenuTitle,
    57.              ul.icesubMenu li.active a.iceMenuTitle  {
    58.                 color: #ffff00 }
    59.                
    60.             div.icemegamenu ul#icemegamenu  li.active a.icemega_active > span.icemega_title{
    61.                 color: #ffff00 }       
    62.        
    63.                
    64.             /* subtitles */
    65.             .icemegamenu > ul > li span.icemega_desc {
    66.                 display:block;
    67.                 font-size:12px;
    68.                 font-family:Verdana, Geneva, sans-serif;
    69.                 padding:0;
    70.                 line-height:1.25em;
    71.                 color:rgba(255,255,255,.6)!important;
    72.                 margin-bottom: 7px;
    73.                 margin-top:-6px;
    74.                 text-shadow:none!important}
    75.  
    76.                 /* when dont have subtitle */
    77.                 .icemegamenu > ul > li >  a.iceMenuTitle > span.icemega_nosubtitle {
    78.                     padding-top:0;
    79.                     display:block}
    80.                    
    81.                    
    82.                 /* when is current */  
    83.                 .icemegamenu > ul > li:hover,
    84.                 .icemegamenu > ul > li.active {
    85.                     background:#71686b}
    86.                    
    87.                
    88.                 .icemegamenu > ul > li.active {
    89.                     margin-left:-15px;
    90.                     padding-left:15px;}
    91.                        
    92.                     .icemegamenu > ul > li.active:before {
    93.                         background:url(../images/current_l.png) no-repeat;
    94.                         width:15px;
    95.                         height:15px;
    96.                         position:absolute;
    97.                         bottom:-15px;
    98.                         left:0;
    99.                         content:"";}
    100.                        
    101.                    
    102.                     .icemegamenu > ul > li.active:after {
    103.                         background:url(../images/current.png) no-repeat;
    104.                         width:15px;
    105.                         height:40px;
    106.                         position:absolute;
    107.                         top:0;
    108.                         right:-15px;
    109.                         content:"";}   
    110.                    
    111.        
    112.        
    113.        
    114.  /* Submenu */
    115. ul.icesubMenu {
    116.     position: absolute;
    117.     z-index: 600;
    118.     padding: 5px 0 10px;
    119.     margin:0;
    120.     top: 0;
    121.     left: 340px;
    122.     opacity: 0;
    123.     visibility: hidden;
    124.     background: #71686b;
    125.     border:none;
    126.     border-top:none;
    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.             left: 280px;}
    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.                     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    147.                     padding: 0 0 0 15px;
    148.                     line-height: 30px;
    149.                     margin: 0 14px;
    150.                     border-radius: 0;
    151.                     background: url(../images/point.png) no-repeat 0 7px;
    152.                     border-bottom: 1px dotted rgba(255, 255, 255, .2)!important;}
    153.      
    154.      
    155.                 /* when is parent */
    156.                 ul.icesubMenu li.parent {
    157.                     background: url(../images/arrow.png) no-repeat 93% 45%;}
    158.                
    159.                
    160.                
    161.                
    162.                
    163.  
    164.  
    165. /* Second Level Dropdown */
    166. ul.sub_level_2,
    167. ul.sub_level_3,
    168. ul.sub_level_4,
    169. ul.sub_level_5 {
    170.     top: -1px;
    171.     left: 250px;
    172.     z-index:99999;
    173.     box-shadow:none;
    174.     border: 1px solid rgba(255,255,255,.3);
    175.     margin: 0 0 0 20px;}
    176.    
    177.    
    178.     ul.icesubMenu ul > li:hover > ul {
    179.         opacity: 1;
    180.         visibility: visible;
    181.         left: 230px;}
    182.    
    183.  
    184.  
    185.  
    186.  
    187.  /* Toggle for responsive */                   
    188. .ice-megamenu-toggle {
    189.      display: none;
    190.      margin: 0 0 15px;
    191. }
    192.  
    193. .ice-megamenu-toggle a {
    194.     background:#E6E6E1;
    195.     color:#777;
    196.     display: block;
    197.     height: 45px;
    198.     width: 100%;
    199.     display:block;
    200.     position:relative;
    201.     text-align: center;
    202.     font-size:18px;
    203.     line-height: 45px;
    204.     -webkit-transition:all .2s ease-out;
    205.     -moz-transition:all .2s ease-out;
    206.     -o-transition:all .2s ease-out;
    207.     transition:all .2s ease-out;}
    208.    
    209.     .ice-megamenu-toggle a:hover {
    210.         text-decoration:none;
    211.         background:#fff!important;
    212.         color:#111}    
    213.  
    214.        
    215.  
    216.  
    217. /* Modules inside dropdown */
    218. .icesubMenu .icemega_cover_module {
    219.     padding: 10px 15px;
    220.     width:auto!important;
    221.     color:#fff;
    222.     color:rgba(255,255,255,.6);
    223.     margin: 10px 10px 0px;}
    224.  
    225.     .icesubMenu .icemega_cover_module span.iceModuleTile {
    226.         color:#fff;
    227.         font-family:Georgia, "Times New Roman", Times, serif;
    228.         font-size:20px;
    229.         text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    230.         margin-bottom:12px;
    231.         display:block;}
    232.  
    233. .icesubMenu .icemega_cover_module a {
    234.     color:#F0C237}


    и CSS одного из файлов стилей:
    Код (CODE):
    1. *
    2. DO NOT DELETE THIS LINE
    3. Necessary to check if StyleSheet has loaded  */
    4. #dummy-element{width:2px;}
    5.  
    6.  
    7. /* general.css */
    8. body {
    9.     background-color:#DBDBD5;}
    10.    
    11. #sidebar {
    12.     background-color:#584F52;}
    13.  
    14. #tagline {
    15.     background-color:#E6E6E1;}
    16.     #tagline:before {
    17.         background:url(../../images/styles/style1/tagline_l.png);}
    18.     #tagline:after {
    19.         background:url(../../images/styles/style1/tagline_r.png);}
    20.        
    21. #bottom {
    22.     background-color:#C3C3B9;
    23.     background-image:url(../../images/styles/style1/bottom_arrow_t.png), url(../../images/styles/style1/bottom_arrow_b.png);}
    24.  
    25. .button  {
    26.     background-color:#584F52;
    27.     border-left-color:#72676C;}
    28.  
    29.     .button:hover {
    30.         background-color:#72676C}
    31.  
    32. #copyright_area {
    33.     box-shadow: 0 -1px 0  #C3C3B9;}
    34.    
    35. body.offline_page #logo,
    36.     body.error_page #logo {
    37.         background-color:#584F52;}
    38.        
    39. blockquote {
    40.   background-color:#E6E6E1;
    41.   border-left:#C3C3B9;}
    42.    
    43. /* modules.css */
    44. #sidebar .sidebar_module {
    45.     background-color:#6A6770;}
    46.            
    47.     #sidebar .sidebar_module h3.sidebar_module_heading {
    48.         border-bottom-color:#98969e;}
    49.        
    50. #sidebar .sidebar_module_style1 {
    51.     background-color:#70676c;}
    52.     #sidebar .sidebar_module_style1 h3.sidebar_module_heading {
    53.         border-color:#9e969a}
    54.    
    55. #sidebar .sidebar_module_style2 {
    56.     background-color:#717168;}
    57.     #sidebar .sidebar_module_style2 h3.sidebar_module_heading {
    58.         border-color:#9f9f97}
    59.  
    60. #footer .moduletable h3 {
    61.         border-bottom-color:#B7B7AB;}
    62.        
    63. .img1 {
    64.     background-image:url(../../images/styles/style1/one.jpg)}
    65.    
    66. .img2 {
    67.     background-image:url(../../images/styles/style1/two.jpg)}
    68.    
    69. .img3 {
    70.     background-image:url(../../images/styles/style1/three.jpg)}
    71.        
    72. .service1 {
    73.     background-image:url(../../images/styles/style1/service1.png)}
    74.    
    75. .service2 {
    76.     background-image:url(../../images/styles/style1/service2.png)}
    77.    
    78. .service3 {
    79.     background-image:url(../../images/styles/style1/service3.png)}
    80.    
    81. .service4 {
    82.     background-image:url(../../images/styles/style1/service4.png)}
    83.    
    84. .service5 {
    85.     background-image:url(../../images/styles/style1/service5.png)}
    86.    
    87. .service6 {
    88.     background-image:url(../../images/styles/style1/service6.png)}
    89.    
    90. /* default_icemegamenu.css */  
    91. .icemegamenu > ul > li:hover,
    92. .icemegamenu > ul > li.active {
    93.     background-color:#71686b}
    94.  
    95. .ice-megamenu-toggle a {
    96.     background-color:#DBDBD5;}
    97.    
    98. .ice-megamenu-toggle a:hover {
    99.     background-color:#DBDBD5;}
    100.  
    101. ul.icesubMenu {
    102.     background-color: #71686b;}
    103.  
    104. .icemegamenu > ul > li.active:before {
    105.     background-image:url(../../images/styles/style1/current_l.png);}
    106.                        
    107. .icemegamenu > ul > li.active:after {
    108.     background-image:url(../../images/styles/style1/current.png);}
     
    tramb, 04.08.2013
    #1

  2. Наши спонсоры

     
  3. AKopytenko
    Offline

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

    Регистрация:
    01.09.2011
    Сообщения:
    1 963
    Симпатии:
    168
    Пол:
    Мужской
    Врятли кто-то будет копаться в похожих вещах........ Почти все менюшки однотипные!
    Ты не можешь найти стиль, выводящий стрелку справа от пункта меню или что?
     
    AKopytenko, 05.08.2013
    #2
    tramb нравится это.
  4. Offline

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

    Регистрация:
    13.11.2012
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Мужской
    Нет, соль в другом.

    При создании меню - можно выбрать тип раздела - материал, блог, список материалов и так далее.
    И есть такой тип - Text Separator.
    Так вот, я хочу, чтобы этот текст сепаратор (если он есть в меню) показывался как активное меню, но без стрелочки справа.
    Как убрать стрелочку я нашел, а вот как прикрутить стиль выделения (как активного меню) к сепаратору (когда он просто есть в меню) я не знаю.

    Если писать:
    .separator {}
    то надо разкоментить //return '<span class="separator">'.$image.$tmp->name.'</span>';

    но все равно не могу понять, что туда написать для корректного отображения как на требуемой картинке(((
     
    Последнее редактирование: 05.08.2013
    tramb, 05.08.2013
    #3
  5. AKopytenko
    Offline

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

    Регистрация:
    01.09.2011
    Сообщения:
    1 963
    Симпатии:
    168
    Пол:
    Мужской
    Ещё раз не понял...
    Что должно получиться в итоге?? Между пунктами меню должен выводиться
    Код (PHP):
    1. <span class="separator">'.$image.$tmp->name.'</span>

    так чтоли?
    Шаблоны стандартного меню находится в папке modules/mod_menu/tmpl/.
     
    AKopytenko, 07.08.2013
    #4
< Кнопка «Наверх» | Удалить ссылку Rocktheme >

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

Загрузка...