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


Установка Умного Поиска Яндекс


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

#41 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 20 Июль 2016 - 10:29

Ирина345, можно еще слово "Найти" по середине сделать. Как на рис

Так же новый поиск портит отображение хлебных крошек, можете подправить как на рис

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

  • поиск.jpg
  • search.jpg

Сообщение отредактировал Cybernetic: 20 Июль 2016 - 10:42


#42 Firefly

Firefly

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

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

Отправлено 20 Июль 2016 - 10:39

Просмотр сообщенияCybernetic (20 Июль 2016 - 10:29) писал:

Ирина345, можно еще слово "Найти" по середине сделать. Как на рис

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#header #search .ya-site-form__submit {
		width: 50px;
		height: 20px;
		background: #ffffff;
		border: 1px ridge;
		cursor: pointer;
}

Замените на:
#header #search .ya-site-form__submit {
		width: 50px;
		height: 20px;
		background: #ffffff;
		border: 1px ridge;
		cursor: pointer;
		padding: 0px;
}


#43 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 20 Июль 2016 - 10:43

Так же новый поиск на сайте портит отображение хлебных крошек, можете подправить как на рис

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

  • search.jpg


#44 Firefly

Firefly

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

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

Отправлено 20 Июль 2016 - 11:01

Просмотр сообщенияCybernetic (20 Июль 2016 - 10:43) писал:

Так же новый поиск на сайте портит отображение хлебных крошек, можете подправить как на рис

Внес Вам поправки в код. Проверьте, пожалуйста.

#45 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 20 Июль 2016 - 11:22


Firefly хорошо


#46 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 20 Июль 2016 - 13:18

Необходимо произвести изменения отображения блоков. Подогнать блоки друг к другу. Боле подробнее на рис.

1) баннер подогнать в плотную к вертикальному меню с отступом в 5px (напишите пожалуйста где менять это значение)
2) Блок поиска начинается параллельно левому краю баннера.
3) Блок вертикального меню начинается параллельно правому краю баннера.

Для того что бы вертикальное меню с поиском оформить как на рис, удлиняйте поиск.

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

  • search3.jpg


#47 Firefly

Firefly

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

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

Отправлено 20 Июль 2016 - 15:14

Просмотр сообщенияCybernetic (20 Июль 2016 - 13:18) писал:

Необходимо произвести изменения отображения блоков. Подогнать блоки друг к другу. Боле подробнее на рис.

1) баннер подогнать в плотную к вертикальному меню с отступом в 5px (напишите пожалуйста где менять это значение)
2) Блок поиска начинается параллельно левому краю баннера.
3) Блок вертикального меню начинается параллельно правому краю баннера.

Для того что бы вертикальное меню с поиском оформить как на рис, удлиняйте поиск.

1. В main.css в коде:
#header #search {
border: #5979B4 3px solid;
background: #fff;
float: left;
/* overflow: hidden; */
margin: -2px 2px 9px 0;
position: relative;
vertical-align: middle;
width: 34%;
}

Убрал отступ снизу от поиска (вместо 9 установил 2), так же дописал условие вывода h1 для главной (у вас выводился пустой блок и создавал отступ).

Так же уменьшил отступ от контента со слайдером (было значение 28):
#wrapper {
	 margin-top: 2px;
}

По 2 и 3 пункту изменения Вам так же внес.

#48 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 20 Июль 2016 - 19:03

Firefly
полез поиск, он сдвинулся в низ при разрешениях 1280 и 1366 и выше (рис) нужно что бы было как на рис.

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

  • SW83__25_.jpg
  • SW83_3_.jpg


#49 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 20 Июль 2016 - 19:12

Просмотр сообщенияCybernetic (20 Июль 2016 - 19:03) писал:

Firefly
полез поиск, он сдвинулся в низ при разрешениях 1280 и 1366 и выше (рис) нужно что бы было как на рис.
Здравствуйте. В main.css перенесите
#header #search {
	width: 200px;
}
и
#header .links {
   /* clear: both;*/
	float: right;
	margin: 0 auto 20px;
	padding-right: 0;
}
из блока
@media only screen and (max-width: 1024px)
в блок
@media only screen and (max-width: 1222px)


#50 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 20 Июль 2016 - 19:32

Просмотр сообщенияAlekseys (20 Июль 2016 - 19:12) писал:

Здравствуйте. В main.css перенесите
#header #search {
width: 200px;
}
и
#header .links {
/* clear: both;*/
float: right;
margin: 0 auto 20px;
padding-right: 0;
}
из блока
@media only screen and (max-width: 1024px)
в блок
@media only screen and (max-width: 1222px)

не помогло, проблема та же

#51 Firefly

Firefly

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

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

Отправлено 20 Июль 2016 - 20:05

Просмотр сообщенияCybernetic (20 Июль 2016 - 19:32) писал:

не помогло, проблема та же

На указанных разрешениях внес Вам дополнительные правки.
Теперь все должно отображаться корректно. Не забудьте очистить кэш.

#52 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 20 Июль 2016 - 20:57

Просмотр сообщенияFirefly (20 Июль 2016 - 20:05) писал:

На указанных разрешениях внес Вам дополнительные правки.
Теперь все должно отображаться корректно. Не забудьте очистить кэш.

Проблема всё та же, кеш почистил, проверил на 3 браузерах - файрфокс, хром, яндекс

#53 Firefly

Firefly

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

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

Отправлено 20 Июль 2016 - 21:11

Просмотр сообщенияCybernetic (20 Июль 2016 - 20:57) писал:

Проблема всё та же, кеш почистил, проверил на 3 браузерах - файрфокс, хром, яндекс

Сейчас у Вас все отображается корректно.
Прикрепил 2 скриншота: 1-ый на разрешении 1280px, второй на 1366px.

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

  • Screenshot_1.png
  • Screenshot_2.png





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

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