Всплывающее Меню. Нужно Изменить Шрифт
#1
Отправлено 11 Сентябрь 2013 - 14:29
На данный момент подкатегории всплывающего меню пишутся заглавными буквами и занимают очень много места, меню уползает далеко вниз, если много подкатегорий
Очень неудобно. не могу найти , где изменить размер шрифта
Заранее спасибо
#2
Отправлено 11 Сентябрь 2013 - 19:10
или вы хотите оставить их так же но уменьшить шрифт ?
#3
Отправлено 11 Сентябрь 2013 - 23:28
#4
Отправлено 12 Сентябрь 2013 - 02:29
.nav a { color: #FFFFFF; padding: 7px 15px; text-transform: uppercase; z-index: 50; }
и замените на
.nav a { color: #FFFFFF; padding: 7px 15px; z-index: 50; }
далее найдите
.nav li ul { display: none; left: 0; position: absolute; width: 160px; z-index: 50; }
и замените на
.nav li ul { background: #DDDDDD; display: none; left: 0; position: absolute; width: 340px !important; z-index: 50; }
далее найдите
.nav li li { background: #DDDDDD; }
и замените на
.nav li li { background: #DDDDDD; float: left; }
далее добавьте
.nav > li.hover:nth-of-type(7) > ul { right: 0 !important; left: inherit !important; }
#5
Отправлено 16 Сентябрь 2013 - 18:06
#6
Отправлено 16 Сентябрь 2013 - 19:45
.nav li:hover ul li a {display: block !important;z-index:100;}и замените ее на
.nav li:hover ul li a {display: block !important;z-index:100;width:230px;}
#7
Отправлено 17 Сентябрь 2013 - 19:46
#8
Отправлено 18 Сентябрь 2013 - 00:45
<script> $('body').css('opacity', 0.1); $(function() { $('body').animate({'opacity': 1}, 800); }); </script>
#9
Отправлено 19 Сентябрь 2013 - 08:31
#10
Отправлено 20 Сентябрь 2013 - 01:12
Цитата
Пожалуйста, по подробнее опишите. Не совсем понимаю о чем вы. Можете привести пример в виде скриншота?
#11
Отправлено 20 Сентябрь 2013 - 09:53
#12
Отправлено 21 Сентябрь 2013 - 04:48
<p class="price">
и замените её на
<p class="price" style="bottom: 75px; position: absolute;">
#13
Отправлено 14 Октябрь 2013 - 08:30
http://nazarovoonline.storeland.ru/
Заранее благодарен!
#14
Отправлено 14 Октябрь 2013 - 09:50
КОЛЯНЫЧ (14 Октябрь 2013 - 08:30) писал:
http://nazarovoonline.storeland.ru/
Заранее благодарен!
#16
Отправлено 14 Октябрь 2013 - 11:48
#17
Отправлено 14 Октябрь 2013 - 13:43
Заранее спавибо
#18
Отправлено 14 Октябрь 2013 - 16:54
КОЛЯНЫЧ (14 Октябрь 2013 - 13:43) писал:
Заранее спавибо
Сейас у Вас есть уже основное меню -
<!-- Блок навигации --> {% IFNOT menu_empty %} <nav class="head"> <ul class="head"> {% FOR menu %} {% FOR header %} {% FOR links %} <li> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a> </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> <a href="#" id="pull">Меню</a> </nav> {% ENDIF %} <!-- /Блок навигации -->
Можно по такому же типу создать еще одно меню.
<!-- Блок навигации --> <nav class="head"> <ul class="head"> {% FOR menu %} {% FOR header2 %} {% FOR links %} <li> <a href="{menu.header2.links.URL}" {% IF menu.header2.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a> </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> <a href="#" id="pull">Меню</a> </nav> <!-- /Блок навигации -->Далее зайдите в раздел Сайт - Меню и создайте новое меню header2, добавьте в него пункты.
Затем найдите меню каталога в шаблоне HTML -
<!-- Каталог товаров --> <div class="conta"> <a class="toggleMenu" href="#">Каталог</a> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul {% IF catalog_full.LEVEL = 0 %}class="nav"{% ENDIF %}>{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}{% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} > <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} </div> <!-- /Каталог товаров -->
и на его место вставьте созданное меню(см. код выше)
#19
Отправлено 14 Октябрь 2013 - 18:57
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных