Superfish menu

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

  1. Offline

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

    Регистрация:
    03.03.2009
    Сообщения:
    1
    Симпатии:
    0
    Уважаемые пользователи форума, помогите разобратся с настройками Superfish menu в часности хочется узнать где можно изменить цвет выделения в меню и цвет самиц надписей пунктов меню, заранее благодарен !
     
  2.  
  3. Offline

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

    Регистрация:
    20.04.2009
    Сообщения:
    1
    Симпатии:
    0
    Как редактировать из админки я не понял.
    Все что мне было нужно исправил в файле superfish.css

    /modules/mod_superfishmenu/tmpl/css
     
  4. Offline

    F^[a].t Недавно здесь

    Регистрация:
    04.04.2009
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Мужской
    устанавливаешь - FireFox
    качаешь дополнение - firebug-1.3.3
    И смотришь все что как написанно
    *(Вызвать по F12)

    ссылки действительны на 09.06.09
     
  5. Ripley
    Offline

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

    Регистрация:
    24.05.2009
    Сообщения:
    173
    Симпатии:
    4
    Пол:
    Мужской
    firebug 1.3.3. несовместим с последней версией FireFox 3.5.1.
     
  6. Offline

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

    Регистрация:
    13.09.2009
    Сообщения:
    7
    Симпатии:
    0
    Пол:
    Мужской
    Не правда )))
     
  7. Val Rubis
    Offline

    Val Rubis Недавно здесь

    Регистрация:
    15.10.2009
    Сообщения:
    44
    Симпатии:
    2
    Пол:
    Мужской
    Что вы спорите, FireBug 1.4.3 вышел.
     
  8. Offline

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

    Регистрация:
    16.12.2009
    Сообщения:
    1
    Симпатии:
    0
    Пол:
    Мужской
    Здравствуйте, у меня похожий вопрос. Где можно найти параметры высоты меню. немного не влазит в ячейку и раздвигает ее. хотелось бы сделать сузить ввысоту меню (эмм.. надеюсь понятно выразился), а где это найти не знаю. в CSS кроме как украшательств нету.
     
  9. Offline

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

    Регистрация:
    25.02.2010
    Сообщения:
    13
    Симпатии:
    0
    Пол:
    Мужской
    Тоже была проблема. В суперфиш меню есть 3 ксс ( у меня так по крайней мере).
    Одно отвечает за положение (ширина, высота) кнопок 1го уровня, другие за все остальные эффекты.
     
  10. Offline

    F^[a].t Недавно здесь

    Регистрация:
    04.04.2009
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Мужской
    В основе смотри *.css, !но !не забывай про *.js *(туда к размерам тоже, рука приложена)
    Я сейчас точно уже не помню, но по моему, в админ.панели есть настройки по поводу размера
     
  11. Offline

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

    Регистрация:
    21.12.2010
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Уважаемые, есть вопрос по суперрыбе. Хочу поменять цвет шрифта в том пункте меню, который обозначен id #current. В файле superfish.css нашёл такое правило:
    Код (PHP):
    1. .sf-menu #current {
    2.         background: #321801;
    3.         color: #fefe02;
    4. }

    строку "color" это уже я добавил. на её появление никакой реакции. что характерно, какой цвет я выставляю в строке "background", таким цветом и становится пункт текущего раздела, а цвет шрифта остаётся тем, что задан тут:

    Код (PHP):
    1. .sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    2.     color:          #8c6661;
    3. }


    подскажите, что я не так делаю, пожалуйста! уже всю голову сломал :O
     
  12. Offline

    F^[a].t Недавно здесь

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

    !НЕ
    .sf-menu #current{color: #fefe02;}


    .sf-menu #current a, .sf-menu #current a:visited{color: #fefe02;}
     
  13. Offline

    F^[a].t Недавно здесь

    Регистрация:
    04.04.2009
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Мужской
    так как #current - LI
    и писать стиль для, li или a, !разные вещи...
     
  14. Offline

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

    Регистрация:
    11.04.2010
    Сообщения:
    28
    Симпатии:
    0
    Пол:
    Женский
  15. Offline

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

    Регистрация:
    01.12.2011
    Сообщения:
    155
    Симпатии:
    12
    Пол:
    Мужской
    Чтобы уместилось в одну строку, нужно уменьшить контейнер с логотипом и увеличить контейнер с меню.
    Стрелочек нет, потому что не прописана картинка в стилях.
    Подменю в первом пункте отображается. А для остальных, прописаны подпункты?
     
  16. Offline

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

    Регистрация:
    01.03.2012
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    Добрый день.
    Можете немного помочь мне... Вертикальное меню Superfish menu. При открытии категорий 2-го уровня они обрезаются. Делать само меню уже не вариант - не самым лучшим образом выглядет. Можете подсказать с решением....
    http://www.bum-center.com/
    Спасибо.
     
  17. Offline

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

    Регистрация:
    01.03.2012
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    Уже что только не делал... И z-index добавлял и overflow менял... Никак не получается...
    В general.css
    Код (CODE):
    1. #content {
    2.     background:#fff;
    3.     overflow:visible;
    4.     position:relative;
    5.     margin-bottom:-20px;}
    6.    
    7.     #content .decoration_t {
    8.         background-repeat:no-repeat;
    9.         background-position:top center;
    10.         position:relative;
    11.         z-index:99;
    12.         overflow:visible;
    13.         margin-top:-49px;
    14.         padding-top:49px;}
    15.     #content .line_t {
    16.         background-repeat:repeat-x;
    17.         background-position:top center;
    18.         clear:both; }
    19.    
    20.     #content .decoration_b {
    21.         background-repeat:no-repeat;
    22.         background-position:bottom center;
    23.         margin-bottom:-100px;
    24.         position:relative;
    25.         z-index:999;
    26.         overflow:visible;}
    27.  
    28.     #content .line_b {
    29.         background-repeat:repeat-x;
    30.         background-position:bottom center;}
    31.  
    32.  
    33.     #content .padding {
    34.         padding:0 10px 0;
    35.         position:relative;}

    и
    Код (CODE):
    1. /* Header Top -> which include topmenu and fontswitcher */
    2. #header_top {
    3.         background-repeat:repeat-x;
    4.         background-position:top left;
    5.         border-bottom-style:solid;
    6.         border-bottom-width:1px;
    7.         height:20px;
    8.         overflow:hidden;
    9.         z-index:1;}
    10.    
    11.  
    12. /* Header -> which include logo and login area */
    13. #header {
    14.     background-repeat:repeat;
    15.     background-position:top left;
    16.     border-top-style:solid;
    17.     border-top-width:1px;
    18.     border-bottom-style:solid;
    19.     border-bottom-width:1px;
    20.     min-height:150px;
    21.     z-index:9;
    22.     position:relative;}
    23.         #header .decoration {
    24.         background-repeat:no-repeat;
    25.         background-position:bottom center;}
    26.    
    27.    
    28. /* Logo */
    29.     #logo {
    30.     margin:-37px 0 0 ;
    31.     float:left;
    32.     z-index:11;
    33.     position:relative;
    34.     overflow:visible;}
    35.     #logo img {
    36.         float:none;}


    В superfish.css
    Код (CODE):
    1. /*** ESSENTIAL STYLES ***/
    2. .sf-menu, .sf-menu * {
    3.     margin:         0;
    4.     padding:        0;
    5.     list-style:     none;
    6. }
    7. .sf-menu {
    8.     line-height:    1.0;
    9. }
    10. .sf-menu ul {
    11.     position:       absolute;
    12.     top:            -999em;
    13.     width:          10em; /* left offset of submenus need to match (see below) */
    14. }
    15. .sf-menu ul li {
    16.     width:          100%;
    17. }
    18. .sf-menu li:hover {
    19.     visibility:     inherit; /* fixes IE7 'sticky bug' */
    20. }
    21. .sf-menu li {
    22.     float:          left;
    23.     position:       relative;
    24. z-index: 101;
    25. }
    26. .sf-menu a {
    27.     display:        block;
    28.     position:       relative;
    29. z-index: 102;
    30. }
    31. .sf-menu li:hover ul,
    32. .sf-menu li.sfHover ul {
    33.     left:           0;
    34.     top:            2.5em; /* match top ul list item height */
    35.     z-index:        99;
    36. }
    37. ul.sf-menu li:hover li ul,
    38. ul.sf-menu li.sfHover li ul {
    39.     top:            -999em;
    40. }
    41. ul.sf-menu li li:hover ul,
    42. ul.sf-menu li li.sfHover ul {
    43.     left:           10em; /* match ul width */
    44.     top:            0;
    45. }
    46. ul.sf-menu li li:hover li ul,
    47. ul.sf-menu li li.sfHover li ul {
    48.     top:            -999em;
    49. }
    50. ul.sf-menu li li li:hover ul,
    51. ul.sf-menu li li li.sfHover ul {
    52.     left:           10em; /* match ul width */
    53.     top:            0;
    54. }
    55.  
    56. /*** DEMO SKIN ***/
    57. .sf-menu {
    58.     float:          left;
    59.     margin-bottom:  1em;
    60. }
    61. .sf-menu a {
    62.     border-left:    1px solid #fff;
    63.     border-top:     1px solid #CFDEFF;
    64.     padding:        .75em 1em;
    65.     text-decoration:none;
    66. }
    67. .sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    68.     color:          #13a;
    69. }
    70.  
    71. .sf-menu li {
    72.     background:     #f3c437;
    73. }
    74. .sf-menu li li {
    75.     background:     #f3c437;
    76. }
    77. .sf-menu li li li {
    78.     background:     #f3c437;
    79. }
    80.  
    81. .sf-menu li:first-child, .sf-menu li.first-child {
    82. }
    83.  
    84. .sf-menu li:last-child, .sf-menu li.last-child {
    85. }
    86.  
    87. .sf-menu li:hover, .sf-menu li.sfHover,
    88. .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    89.     background:     #79a638;
    90.     outline:        0;
    91. }
    92.  
    93. .sf-menu li .separator {
    94.     display: block;
    95.     border-left:    1px solid #fff;
    96.     border-top:     1px solid #CFDEFF;
    97.     padding:        .75em 1em;
    98.     text-decoration:none;
    99. }
    100.  
    101. /*** arrows **/
    102. .sf-menu a.sf-with-ul {
    103.     padding-right:  2.25em;
    104.     min-width:      1px; /* trigger IE7 hasLayout so spans position accurately */
    105. }
    106. .sf-sub-indicator {
    107.     position:       absolute;
    108.     display:        block;
    109.     right:          .75em;
    110.     top:            1.05em; /* IE6 only */
    111.     width:          10px;
    112.     height:         10px;
    113.     text-indent:    -999em;
    114.     overflow:       hidden;
    115.     background:     url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
    116. }
    117. a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    118.     top:            .8em;
    119.     background-position: 0 -100px; /* use translucent arrow for modern browsers*/
    120. }
    121. /* apply hovers to modern browsers */
    122. a:focus > .sf-sub-indicator,
    123. a:hover > .sf-sub-indicator,
    124. a:active > .sf-sub-indicator,
    125. li:hover > a > .sf-sub-indicator,
    126. li.sfHover > a > .sf-sub-indicator {
    127.     background-position: -10px -100px; /* arrow hovers for modern browsers*/
    128. }
    129.  
    130. /* point right for anchors in subs */
    131. .sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
    132. .sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
    133. /* apply hovers to modern browsers */
    134. .sf-menu ul a:focus > .sf-sub-indicator,
    135. .sf-menu ul a:hover > .sf-sub-indicator,
    136. .sf-menu ul a:active > .sf-sub-indicator,
    137. .sf-menu ul li:hover > a > .sf-sub-indicator,
    138. .sf-menu ul li.sfHover > a > .sf-sub-indicator {
    139.     background-position: -10px 0; /* arrow hovers for modern browsers*/
    140. }
    141.  
    142. /*** shadows for all but IE6 ***/
    143. .sf-shadow ul {
    144.     background: url('../images/shadow.png') no-repeat bottom right;
    145.     padding: 0 8px 9px 0;
    146.     -moz-border-radius-bottomleft: 17px;
    147.     -moz-border-radius-topright: 17px;
    148.     -webkit-border-top-right-radius: 17px;
    149.     -webkit-border-bottom-left-radius: 17px;
    150. }
    151. .sf-shadow ul.sf-shadow-off {
    152.     background: transparent;
    153. }
    154.  
    155. .sf-menu .active {
    156.     background: #ccc;
    157. }
    158.  
    159. .sf-menu #current {
    160.     background: #aaa;
    161. }
    162.  
    163. .superfish_clear {
    164.     clear: both !important;
    165.     height: 1px !important;
    166.     overflow: hidden !important;
    167.     font-size: 1px !important;
    168.     margin: 0 !important;
    169.     padding: 0 !important;
    170. }


    Подскажите пожалуйста что не так.... Уже из сил выбился...
    Спасибо!
     
  18. Offline

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

    Регистрация:
    01.03.2012
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    Решил проблему. Firebug как и всегда помог. В general.css шаблона сайта поменял параметр overflow:
    Код (CODE):
    1. #left-column{
    2.         float: left;        /* float left, where it'll live */
    3.         overflow:visible;   /* because we have setted negative margin-top to the left/right modules we need to hide the content of the modules for displaying out of the left or right columns*/
    4.         margin-top:-10px;
    5.         margin-bottom:-40px}
     

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

Загрузка...