#1
Отправлено 27 Май 2015 - 11:07
Прошу помочь сделать страничку для третье компании.
Итак, это будет простой сайт -визитка. Аккаунт SL-345648
1. Нужно переместить телефон и почту по стрелке + сделать шрифт больше и жирнее (обратите внимание у телефона шрифт должен быть крупнее). Только я боюсь, что изменив вид в шапке, в контактах они тоже изменят свой вид. Такого не должно быть.
2. Переместить меню страниц по стрелке.
(таким образом, верхнего блока вообще не должно остаться)
3. убрать на слайдере кнопки сравнения и в корзину и всю эту полосу, чтобы остался только слайдер (когда делаю это сама, слайдер налазит на логотип)
4. где регулируется расстояние между логотипом и верхним краем страницы, логотипом и слайдером?
5. Шрифт на ВСЕМ сайте очень мелкий и бледный, где меняется размер и цвет?
5.5 Тоже касается и иконок преимуществ.
Запуск в пятницу, прошу скорой помощи.
Спасибо.
#2
Отправлено 28 Май 2015 - 13:15
Olga89 (27 Май 2015 - 11:07) писал:
Прошу помочь сделать страничку для третье компании.
Итак, это будет простой сайт -визитка. Аккаунт SL-345648
1. Нужно переместить телефон и почту по стрелке + сделать шрифт больше и жирнее (обратите внимание у телефона шрифт должен быть крупнее). Только я боюсь, что изменив вид в шапке, в контактах они тоже изменят свой вид. Такого не должно быть.
2. Переместить меню страниц по стрелке.
(таким образом, верхнего блока вообще не должно остаться)
3. убрать на слайдере кнопки сравнения и в корзину и всю эту полосу, чтобы остался только слайдер (когда делаю это сама, слайдер налазит на логотип)
4. где регулируется расстояние между логотипом и верхним краем страницы, логотипом и слайдером?
5. Шрифт на ВСЕМ сайте очень мелкий и бледный, где меняется размер и цвет?
5.5 Тоже касается и иконок преимуществ.
Запуск в пятницу, прошу скорой помощи.
Спасибо.
Здравствуйте,
1-2) Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите и удалите код:
<div class="topheader-left col-xs-5"> <ul class="contact-us-now"> {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %} </ul> </div> <div class="topheader-right col-xs-7"> <div class="inner"> <div class="sns-quickaccess"> <div class="quickaccess-inner"> <span class="welcome">Добро пожаловать!</span> <ul class="links"> {% 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> </div> </div> </div> </div>
В админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
</div> <!-- END: Logo -->
Замените его на:
</div> <div class="topheader-left col-xs-5"> <ul class="contact-us-now"> {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %} </ul> </div> <div class="topheader-right col-xs-7"> <div class="inner"> <div class="sns-quickaccess"> <div class="quickaccess-inner"> <span class="welcome">Добро пожаловать!</span> <ul class="links"> {% 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> </div> </div> </div> </div> <!-- END: Logo и верхней части шапки -->
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.col-xs-7{width:58.33333333%} .col-xs-6{width:50%} .col-xs-5{width:41.66666667%}
Замените его на:
.col-xs-7 { float: right; } .col-xs-6{ width:50% } .col-xs-5 { width: 41.66666667%; font-size: 17px; }
В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
#header-top {height: 41px;line-height: 36px;border-top: 5px solid #3cabda;position: relative;}
Замените его на:
#header-top { display: none; height: 41px; line-height: 36px; border-top: 5px solid #3cabda; position: relative; }
3) Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
<!-- Каталог в шапке --> <div id="menu" class="wrap">
Замените его на:
<!-- Каталог в шапке --> <div id="menu" class="wrap" style="visibility: hidden;">
#3
Отправлено 28 Май 2015 - 14:37
Что-то изменилось, а что-то поехало.
Посмотрите пожалуйста фото как сейчас и второе фото как должно получиться в итоге.
1. "Главная и контакты" должны быть через черточку, под логотипом. Шрифт крупнее чем сейчас.
2. Данный блок я могу я могу вставить картинкой вместе с логотипом?
3. Добавить значок телефона перед номером (сам файл значка в формате png я добавлю. подскажите где его прописать? )
4. Время работы прописать таким же образом
5. Собственно номер телефона, самый крупный и отличный по цвету
6. Кнопка "Заказать звонок". При нажатии перекидывает на страницу "Контакты ".
Самые главные пункты, которые нужно выполнить это 1,3,4,5
Спасибо
#4
Отправлено 29 Май 2015 - 13:30
#5
Отправлено 30 Май 2015 - 04:02
<div class="inner"> <div class="sns-quickaccess"> <div class="quickaccess-inner"> <ul class="links"> {% 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> </div> </div> </div>
перенесите его выше, поставив после:
<!-- Logo --> <div id="logo" class="col-xs-4"> <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/"> <img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}"> </a>
В main.css добавьте:
#logo .inner li { border-right: 1px solid #ccc; display: inline-block; padding: 0 10px; } #logo .inner li:last-child { border: none; } #logo .inner li a { font-size: 14px; }
2. В шаблоне HTML найдите:
<div class="topheader-left col-xs-5"> <ul class="contact-us-now"> {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %} </ul> </div> <div class="topheader-right col-xs-7"> </div>
замените на:
<div class="topheader-left col-xs-5"> <p>Ваш текст</p> </div> <div class="topheader-right col-xs-7"> <ul class="contact-us-now"> {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %} </ul> </div>
"Ваш текст" замените на необходимый, лучше прописывать текст вместо картинок, это положительно скажется на индексировании.
3-5. В шаблоне HTML
<div class="topheader-right col-xs-7"> <ul class="contact-us-now"> {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %} </ul> </div>
замените на:
<div class="topheader-left col-xs-5"> <p>Ваш текст</p> </div> <div class="topheader-right col-xs-7"> <ul class="contact-us-now"> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <li class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </li> {% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"> <img src="ссылка на иконку" alt="" /> {SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %} </ul> </div>
в main.css добавьте:
.topheader-right li { display: block; } .topheader-right li.c-phone a { color: red; font-size: 20px; }
6. В шаблоне HTML после:
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"> <img src="ссылка на иконку" alt="" /> {SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %} </ul>
вставьте:
<a class="zvonoc" href="ссылка на контакты">Заказать звонок</a>
в main.css добавьте:
.zvonoc { background: #3cabda; border-radius: 20px; color: #fff; display: block; font-size: 18px; padding: 10px; text-align: center; }
Инструкцию выполняйте последовательно.
#6
Отправлено 31 Май 2015 - 13:56
Практически все.
Смотрите фото.
1. Как сделать пункты меню крупнее? - СДЕЛАЛА
2. Блок в рамке должен быть вверху, чтобы не было пустого места.
3. Кнопка "Заказать звонок" перекидывает на несуществующую страницу. А должна на страницу с контактами.
#7
Отправлено 31 Май 2015 - 14:07
Olga89 (31 Май 2015 - 13:56) писал:
Практически все.
Смотрите фото.
1. Как сделать пункты меню крупнее?
2. Блок в рамке должен быть вверху, чтобы не было пустого места.
3. Кнопка "Заказать звонок" перекидывает на несуществующую страницу. А должна на страницу с контактами.
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#logo .inner li a { font-size: 14px; }
Замените на:
#logo .inner li a { font-size: 16px; }
Найдите код:
.col-xs-5 { width: 41.66666667%; font-size: 17px; }
Замените на:
.col-xs-5 { font-size: 17px; }
#9
Отправлено 02 Июнь 2015 - 05:15
#logo .links { padding-left: 0; }
Цитата
#10
Отправлено 02 Июль 2015 - 15:41
#11
Отправлено 02 Июль 2015 - 16:16
Lifeman33 (02 Июль 2015 - 15:41) писал:
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#custommenu ul.mainnav li.level1 {list-style: none;width: 25%;float: left;}
Замените на:
#custommenu ul.mainnav li.level1 {list-style: none;width: 25%;/* float: left; */}
Найдите код:
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;width:100%;left: 0;background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
Замените на:
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;/* width:100%; */left: 0;background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}Уточните так же, пожалуйста, Ваш номер аккаунта.
#12
Отправлено 02 Июль 2015 - 16:20
#13
Отправлено 02 Июль 2015 - 18:58
Lifeman33 (02 Июль 2015 - 16:20) писал:
Пожалуйста, уточните Ваш номер аккаунта, а так же поточнее, желательно на скриншоте, укажите, как конкретно Вы хотите чтобы это выглядело.
#15
Отправлено 03 Июль 2015 - 10:43
Lifeman33 (03 Июль 2015 - 10:14) писал:
Фото-1.jpg
Фото-2.jpg
Фото-3.jpg
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;/* width:100%; */left: 0;background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
Замените на:
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;/* width:100%; *//* left: 0; */background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
Найдите код:
#custommenu ul.mainnav li.level1 {list-style: none;width: 25%;/* float: left; */}
Замените на:
#custommenu ul.mainnav li.level1 {list-style: none;/* width: 25%; *//* float: left; */}
Укажите пожалуйста тогда адрес Вашего сайта, номер аккаунта мы найдем сами.
#16
Отправлено 03 Июль 2015 - 10:49
Firefly (03 Июль 2015 - 10:43) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;/* width:100%; */left: 0;background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
Замените на:
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;/* width:100%; *//* left: 0; */background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
Найдите код:
#custommenu ul.mainnav li.level1 {list-style: none;width: 25%;/* float: left; */}
Замените на:
#custommenu ul.mainnav li.level1 {list-style: none;/* width: 25%; *//* float: left; */}
Укажите пожалуйста тогда адрес Вашего сайта, номер аккаунта мы найдем сами.
Спасибо большое за помощь, номер аккаунта SL-341815.
Все работает, если можно вопрос.
На данном шаблоне постоянно слетает шрифт в браузере Opera и появляются прямоугольники у заголовков и в категориях, не могу разобраться в чем дело
Сообщение отредактировал Lifeman33: 03 Июль 2015 - 13:18
#17
Отправлено 28 Октябрь 2015 - 15:15
Меню сайта как будто находится в каком-то контейнере и не может выйти за его пределы. Получается что все пункты меню сгруппированы слева. А мне нужно, чтобы они шли во всю длину строки.
Как расширить область меню вправо?
См. фото
Аккаунт SL-345648
#18
Отправлено 28 Октябрь 2015 - 15:27
Olga89 (28 Октябрь 2015 - 15:15) писал:
Меню сайта как будто находится в каком-то контейнере и не может выйти за его пределы. Получается что все пункты меню сгруппированы слева. А мне нужно, чтобы они шли во всю длину строки.
Как расширить область меню вправо?
См. фото
Аккаунт SL-345648
В шаблоне html найдите код
<div class="inner"> <div class="sns-quickaccess"> <div class="quickaccess-inner"> <ul class="links"> {% 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> </div> </div> </div>и перенесите его, вставив после
<!-- END: Logo и верхней части шапки -->В main.css найдите код
#logo .inner li { border-right: 1px solid #ccc; display: inline-block; padding: 0 10px; } #logo .inner li:last-child { border: none; } #logo .inner li a { font-size: 16px; }и замените на
.sns-quickaccess {float:left;} .sns-quickaccess li { border-right: 1px solid #ccc; display: inline-block; padding: 0 10px; } .sns-quickaccess li:last-child { border: none; } .sns-quickaccess li a { font-size: 16px; }
#19
Отправлено 29 Октябрь 2015 - 08:51
Danil (28 Октябрь 2015 - 15:27) писал:
В шаблоне html найдите код
<div class="inner"> <div class="sns-quickaccess"> <div class="quickaccess-inner"> <ul class="links"> {% 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> </div> </div> </div>и перенесите его, вставив после
<!-- END: Logo и верхней части шапки -->В main.css найдите код
#logo .inner li { border-right: 1px solid #ccc; display: inline-block; padding: 0 10px; } #logo .inner li:last-child { border: none; } #logo .inner li a { font-size: 16px; }и замените на
.sns-quickaccess {float:left;} .sns-quickaccess li { border-right: 1px solid #ccc; display: inline-block; padding: 0 10px; } .sns-quickaccess li:last-child { border: none; } .sns-quickaccess li a { font-size: 16px; }
После произведения этих действий меню превратилось во что-то ужасное (см. фото)
Пришлось откатить назад, так как сайт работает и просматривается клиентами все время.
Еще раз повторю, меню должно приобрести свой стандартный вид в одну строчку, сохранив при этом шрифт, разделительные палочки и все форматирование.
#20
Отправлено 29 Октябрь 2015 - 09:34
Olga89 (29 Октябрь 2015 - 08:51) писал:
После произведения этих действий меню превратилось во что-то ужасное (см. фото)
Пришлось откатить назад, так как сайт работает и просматривается клиентами все время.
Еще раз повторю, меню должно приобрести свой стандартный вид в одну строчку, сохранив при этом шрифт, разделительные палочки и все форматирование.
Здравствуйте, данные инструкции были протестированы, они работают. Скорее всего вы не изменили код в main.css. Произведите изменения еще раз, сохраните, и если у вас результат не изменится - напишите нам, мы будем искать ошибку.
Темы с аналогичным тегами Лазуль, дизайн, главная страница
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных