Проблема С Верхним Меню
#1
Отправлено 08 Декабрь 2013 - 19:11
Помогите решить три вопроса:
1) Как сделать чтобы пункт меню был виден полностью (вместо "отзывы" видно только "отзыв")
2) Как увеличить размер шрифта меню
3) пока пытался решить первый вопрос в Каталоге высота категорий уменьшилась как вернуть обратно (были чуть повыше)
Номер аккаунта: SL-180463
#2
Отправлено 08 Декабрь 2013 - 19:47
murat-ufa (08 Декабрь 2013 - 19:11) писал:
Помогите решить три вопроса:
1) Как сделать чтобы пункт меню был виден полностью (вместо "отзывы" видно только "отзыв")
2) Как увеличить размер шрифта меню
3) пока пытался решить первый вопрос в Каталоге высота категорий уменьшилась как вернуть обратно (были чуть повыше)
Номер аккаунта: SL-180463
Чтобы вернуть высоту категорий в левом меню, в шаблоне main.css в коде
#left .block .navigation ul li a, #right .block .navigation ul li a { padding:4px 5px 5px 25px; display:block; color:#4c4c4c; line-height: 24px; overflow:hidden; }замените
line-height: 24px;на
line-height: 24px !important;
С увеличением шрифта в верхнем меню немного сложнее, так как это будет влиять на соседние блоки.
По порядку изменения в шаблоне main.css такие:
1). Увеличиваем шрифт текста в коде:
#panelsite div.centercol .menuheader ul li a { font: normal 12px Verdana, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:5px 13px; display:block; }12px - размер шрифта. Допустим заменим на 14px
2). В этом случае выделенной высоты для меню не хватает и фон активных пунктов меню и пунктов меню, на которые навели мышкой обрезается. А "Отзывы" вообще пропали.
2.1) Уменьшаем отступы от каждого пункта меню справа и слева, чтобы вернуть отзывы.
В коде
#panelsite div.centercol .menuheader ul li { float:left; background:url(/design/menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; padding-left:10px; }первые встречающиеся 10px - отступ справа, вторые 10px - слева. Уменьшаем оба значения до 5px.
2.2) Увеличиваем высоту меню, чтобы фон не обрезался.
В коде
#panelsite div.centercol .menuheader { width:800px; height:24px; overflow:hidden; margin:15px 0 0 0; }height:24px; заменяем на height:28px; - этой высоты достаточно.
А значение margin:15px надо уменьшить до 13px, чтобы поднять меню чуть выше и выровнять таким образом его по середине, так как после увеличения высоты оно оказалось чуть ниже.
3). После увеличения высоты меню немного сдвинулся блок поиска. Поднимем его обратно таким изменением в коде
#panelsite div.centercol .search { float:left; margin:11px 0 0 0px; background:url(/design/searchbg.jpg) no-repeat; width:749px; height:41px; padding:10px 0 0 0px;}margin:11px - отступ сверху. Уменьшим его значение до 9px.
Все, в этом случае все будет отображаться нормально.
#3
Отправлено 08 Декабрь 2013 - 20:26
sengun (08 Декабрь 2013 - 19:47) писал:
Чтобы вернуть высоту категорий в левом меню, в шаблоне main.css в коде
#left .block .navigation ul li a, #right .block .navigation ul li a { padding:4px 5px 5px 25px; display:block; color:#4c4c4c; line-height: 24px; overflow:hidden; }замените
line-height: 24px;на
line-height: 24px !important;
С увеличением шрифта в верхнем меню немного сложнее, так как это будет влиять на соседние блоки.
По порядку изменения в шаблоне main.css такие:
1). Увеличиваем шрифт текста в коде:
#panelsite div.centercol .menuheader ul li a { font: normal 12px Verdana, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:5px 13px; display:block; }12px - размер шрифта. Допустим заменим на 14px
2). В этом случае выделенной высоты для меню не хватает и фон активных пунктов меню и пунктов меню, на которые навели мышкой обрезается. А "Отзывы" вообще пропали. 08-12-2013 20-38-37.png
2.1) Уменьшаем отступы от каждого пункта меню справа и слева, чтобы вернуть отзывы.
В коде
#panelsite div.centercol .menuheader ul li { float:left; background:url(/design/menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; padding-left:10px; }первые встречающиеся 10px - отступ справа, вторые 10px - слева. Уменьшаем оба значения до 5px.
2.2) Увеличиваем высоту меню, чтобы фон не обрезался.
В коде
#panelsite div.centercol .menuheader { width:800px; height:24px; overflow:hidden; margin:15px 0 0 0; }height:24px; заменяем на height:28px; - этой высоты достаточно.
А значение margin:15px надо уменьшить до 13px, чтобы поднять меню чуть выше и выровнять таким образом его по середине, так как после увеличения высоты оно оказалось чуть ниже.
3). После увеличения высоты меню немного сдвинулся блок поиска. 08-12-2013 20-44-29.pngПоднимем его обратно таким изменением в коде
#panelsite div.centercol .search { float:left; margin:11px 0 0 0px; background:url(/design/searchbg.jpg) no-repeat; width:749px; height:41px; padding:10px 0 0 0px;}margin:11px - отступ сверху. Уменьшим его значение до 9px.
Все, в этом случае все будет отображаться нормально. 08-12-2013 20-47-10.png
#6
Отправлено 08 Декабрь 2013 - 21:05
sengun (08 Декабрь 2013 - 20:55) писал:
#vk_groups { margin-bottom: 10px;}
Спасибо огромное!!!
А вот это что означает?
На странице возникла JS ошибка:
На странице возникла JS ошибка:
Script error. на строке: 0.
Адрес файла:
Как исправить ошибку?
Не удалось найти решение для данной ошибки. Для решения проблемы исправьте javascript в разделе «Сайт» > «Редактор тем».
Если необходимо помочь в решении данной ошибки, задайте вопрос в разделе "Ошибки" на нашем форуме.
и все это на красном фоне
#7
Отправлено 08 Декабрь 2013 - 21:11
murat-ufa (08 Декабрь 2013 - 21:05) писал:
А вот это что означает?
На странице возникла JS ошибка:
На странице возникла JS ошибка:
Script error. на строке: 0.
Адрес файла:
Как исправить ошибку?
Не удалось найти решение для данной ошибки. Для решения проблемы исправьте javascript в разделе «Сайт» > «Редактор тем».
Если необходимо помочь в решении данной ошибки, задайте вопрос в разделе "Ошибки" на нашем форуме.
и все это на красном фоне
Если это не исправит положения, то уточните, пожалуйста, на какой странице появляется ошибка и при каких условиях? Так как я на вашем сайте js-ошибок не нашел.
#11
Отправлено 09 Декабрь 2013 - 09:36
murat-ufa (08 Декабрь 2013 - 21:59) писал:
А можно как нибудь убрать выделенные элементы?
<label for="deliveryId{order_delivery.ID}">на
<label for="deliveryId{order_delivery.ID}" {% IF order_delivery.NAME=Самовывоз || order_delivery.NAME=Доставка Почтой России %} style="display:none;"{% ENDIF%}>
#12
Отправлено 09 Декабрь 2013 - 10:11
ne_yana (09 Декабрь 2013 - 09:36) писал:
<label for="deliveryId{order_delivery.ID}">на
<label for="deliveryId{order_delivery.ID}" {% IF order_delivery.NAME=Самовывоз || order_delivery.NAME=Доставка Почтой России %} style="display:none;"{% ENDIF%}>
Добрый день!
Сделал так как написали, только вот теперь не показывает эти способы доставки
#13
Отправлено 09 Декабрь 2013 - 10:17
murat-ufa (09 Декабрь 2013 - 10:11) писал:
Сделал так как написали, только вот теперь не показывает эти способы доставки
#14
Отправлено 09 Декабрь 2013 - 10:22
ne_yana (09 Декабрь 2013 - 10:17) писал:
Большое спасибо! Все получилось.
а не могли бы еще подсказать вот этот вопрос:
Подскажите как скрыть при выборе способа доставки "Самовывоз" - Индекс, Город, Регион, Адрес.
и при выборе способа доставки "Курьер" - Индекс, Город, Регион. ???
и такой вопрос можно ли при выборе способа доставки "Самовывоз" и "Курьер" сделать так чтобы пропускался 3 шаг "выбор способа оплаты"?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных