Перейти к содержимому


Помогите Перекроить Дизайн Шаблона

Лазуль дизайн главная страница

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 22

#1 Olga89

Olga89

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 173 сообщений

Отправлено 27 Май 2015 - 11:07

Добрый день, имею уже два успешно работающих магазина на Вашей базе.
Прошу помочь сделать страничку для третье компании.
Итак, это будет простой сайт -визитка. Аккаунт SL-345648

1. Нужно переместить телефон и почту по стрелке + сделать шрифт больше и жирнее (обратите внимание у телефона шрифт должен быть крупнее). Только я боюсь, что изменив вид в шапке, в контактах они тоже изменят свой вид. Такого не должно быть.
2. Переместить меню страниц по стрелке.
(таким образом, верхнего блока вообще не должно остаться)
3. убрать на слайдере кнопки сравнения и в корзину и всю эту полосу, чтобы остался только слайдер (когда делаю это сама, слайдер налазит на логотип)
4. где регулируется расстояние между логотипом и верхним краем страницы, логотипом и слайдером?
5. Шрифт на ВСЕМ сайте очень мелкий и бледный, где меняется размер и цвет?
5.5 Тоже касается и иконок преимуществ.

Запуск в пятницу, прошу скорой помощи.
Спасибо.

Прикрепленные изображения

  • задание 1,1.jpg


#2 Cupuyc

Cupuyc

    Активный участник

  • Модератоpы
  • 747 сообщений

Отправлено 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 Olga89

Olga89

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 173 сообщений

Отправлено 28 Май 2015 - 14:37

Огромное спасибо.
Что-то изменилось, а что-то поехало.
Посмотрите пожалуйста фото как сейчас и второе фото как должно получиться в итоге.

1. "Главная и контакты" должны быть через черточку, под логотипом. Шрифт крупнее чем сейчас.
2. Данный блок я могу я могу вставить картинкой вместе с логотипом?
3. Добавить значок телефона перед номером (сам файл значка в формате png я добавлю. подскажите где его прописать? )
4. Время работы прописать таким же образом
5. Собственно номер телефона, самый крупный и отличный по цвету
6. Кнопка "Заказать звонок". При нажатии перекидывает на страницу "Контакты ".

Самые главные пункты, которые нужно выполнить это 1,3,4,5

Спасибо

Прикрепленные изображения

  • как выглядит сейчас.jpg
  • как должно быть.jpg


#4 Olga89

Olga89

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 173 сообщений

Отправлено 29 Май 2015 - 13:30

помогите... :rolleyes:

#5 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 22 289 сообщений

Отправлено 30 Май 2015 - 04:02

1.В шаблоне 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>

перенесите его выше, поставив после:
<!-- 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 Olga89

Olga89

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 173 сообщений

Отправлено 31 Май 2015 - 13:56

Благодарю.
Практически все.
Смотрите фото.
1. Как сделать пункты меню крупнее? - СДЕЛАЛА
2. Блок в рамке должен быть вверху, чтобы не было пустого места.
3. Кнопка "Заказать звонок" перекидывает на несуществующую страницу. А должна на страницу с контактами.

Прикрепленные изображения

  • как выглядит сейчас2.jpg


#7 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 471 сообщений

Отправлено 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;
}


#8 Olga89

Olga89

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 173 сообщений

Отправлено 31 Май 2015 - 14:46

Спасибо.

Еще
1. Как пододвинуть меню влево, вровень с логотипом?

Прикрепленные изображения

  • как выглядит сейчас3.jpg


#9 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 22 289 сообщений

Отправлено 02 Июнь 2015 - 05:15

В main.css добавьте:
#logo .links {
  padding-left: 0;
}

Цитата

3. Кнопка "Заказать звонок" перекидывает на несуществующую страницу. А должна на страницу с контактами.
Пожалуйста внимательней изучите инструкцию, текст необходимо отредактировать в коде, вставив необходимую ссылку.

#10 Lifeman33

Lifeman33

    Пользователь

  • Пользователи
  • PipPip
  • 12 сообщений

Отправлено 02 Июль 2015 - 15:41

Добрый день, есть пару вопросов по данному шаблону. Не подскажете как выпадающие пункты меню сделать не горизонтальными а вертикальными в столбик

#11 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 471 сообщений

Отправлено 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 Lifeman33

Lifeman33

    Пользователь

  • Пользователи
  • PipPip
  • 12 сообщений

Отправлено 02 Июль 2015 - 16:20

Спасибо большое, все помогло, но ещё одна проблема, как выпадающее меню сдвигать к кнопкам меню

#13 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 471 сообщений

Отправлено 02 Июль 2015 - 18:58

Просмотр сообщенияLifeman33 (02 Июль 2015 - 16:20) писал:

Спасибо большое, все помогло, но ещё одна проблема, как выпадающее меню сдвигать к кнопкам меню

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

#14 Lifeman33

Lifeman33

    Пользователь

  • Пользователи
  • PipPip
  • 12 сообщений

Отправлено 03 Июль 2015 - 10:14

Просмотр сообщенияFirefly (02 Июль 2015 - 18:58) писал:

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

Скриншоты прилагаю, номер аккаунта уточню у администратора, я лишь редактирую содержимое

Фото-1.jpg
Фото-2.jpg
Фото-3.jpg

#15 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 471 сообщений

Отправлено 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 Lifeman33

Lifeman33

    Пользователь

  • Пользователи
  • PipPip
  • 12 сообщений

Отправлено 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 Olga89

Olga89

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 173 сообщений

Отправлено 28 Октябрь 2015 - 15:15

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

Как расширить область меню вправо?

См. фото

Аккаунт SL-345648

Прикрепленные изображения

  • Безымянный.jpg


#18 Danil

Danil

    Активный участник

  • Модераторы
  • 4 598 сообщений

Отправлено 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 Olga89

Olga89

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 173 сообщений

Отправлено 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;
}



После произведения этих действий меню превратилось во что-то ужасное (см. фото)
Пришлось откатить назад, так как сайт работает и просматривается клиентами все время.

Еще раз повторю, меню должно приобрести свой стандартный вид в одну строчку, сохранив при этом шрифт, разделительные палочки и все форматирование.

Прикрепленные изображения

  • Безымянный.jpg


#20 Юля123

Юля123

    Активный участник

  • Модератоpы
  • 2 567 сообщений

Отправлено 29 Октябрь 2015 - 09:34

Просмотр сообщенияOlga89 (29 Октябрь 2015 - 08:51) писал:




После произведения этих действий меню превратилось во что-то ужасное (см. фото)
Пришлось откатить назад, так как сайт работает и просматривается клиентами все время.

Еще раз повторю, меню должно приобрести свой стандартный вид в одну строчку, сохранив при этом шрифт, разделительные палочки и все форматирование.

Здравствуйте, данные инструкции были протестированы, они работают. Скорее всего вы не изменили код  в main.css. Произведите изменения еще раз, сохраните, и если у вас результат не изменится - напишите нам, мы будем искать ошибку.





Темы с аналогичным тегами Лазуль, дизайн, главная страница

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных