Superfish menu

Уважаемые пользователи форума, помогите разобратся с настройками Superfish menu в часности хочется узнать где можно изменить цвет выделения в меню и цвет самиц надписей пунктов меню, заранее благодарен !

 

Как редактировать из админки я не понял.
Все что мне было нужно исправил в файле superfish.css

/modules/mod_superfishmenu/tmpl/css

 

устанавливаешь - FireFox
качаешь дополнение - firebug-1.3.3
И смотришь все что как написанно
*(Вызвать по F12)

ссылки действительны на 09.06.09

 

firebug 1.3.3. несовместим с последней версией FireFox 3.5.1.

 

Не правда )))

 

Что вы спорите, FireBug 1.4.3 вышел.

 

Здравствуйте, у меня похожий вопрос. Где можно найти параметры высоты меню. немного не влазит в ячейку и раздвигает ее. хотелось бы сделать сузить ввысоту меню (эмм.. надеюсь понятно выразился), а где это найти не знаю. в CSS кроме как украшательств нету.

 

Тоже была проблема. В суперфиш меню есть 3 ксс ( у меня так по крайней мере).
Одно отвечает за положение (ширина, высота) кнопок 1го уровня, другие за все остальные эффекты.

 

В основе смотри *.css, !но !не забывай про *.js *(туда к размерам тоже, рука приложена)
Я сейчас точно уже не помню, но по моему, в админ.панели есть настройки по поводу размера

 

Уважаемые, есть вопрос по суперрыбе. Хочу поменять цвет шрифта в том пункте меню, который обозначен 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. }

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

 

ммм...
может не совсем понял, по моему вам просто нужно написать:

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

!А
.sf-menu #current a, .sf-menu #current a:visited{color: #fefe02;}

 

так как #current - LI
и писать стиль для, li или a, !разные вещи...

 

http://elitedveri.com/
Помогите с меню
во первых все меню не помещается во вторых нет как в шаблоне стрелочки при наведении подменю не выпадает как исправить?
Вот как здесь должно быть http://bambootheme.com/showcase/oct09/index.php?option=com_user&view=register&Itemid=79

 

Чтобы уместилось в одну строку, нужно уменьшить контейнер с логотипом и увеличить контейнер с меню.
Стрелочек нет, потому что не прописана картинка в стилях.
Подменю в первом пункте отображается. А для остальных, прописаны подпункты?

 

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

 

Уже что только не делал... И 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. }

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

 

Решил проблему. 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}