Верстка элементов Wordpress

$15
  1. Биржа фриланса
  2. HTML-верстка
Закрыт2 заявки477 просмотров
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
  • На mos-radius.ru в “Экскурсионном меню” есть три блока :
  • Обзорная экскурси
  • Базовый радиус
  • Расширенный радиус
Перевёрстываем из исходников “Обзорную так” так: http://prntscr.com/14v33d1 и переносим её вниз.

То есть делаем её по аналогии с двумя другими радиусами (тоже открывается по щелчку, а не всегда в открытом состоянии).

Нюансы:

  • Плашка с “Галопом по красотам” - это CSS, а её продолжение - машинка с зеброй - картинка. Нужно, чтобы в десктоп-версии дорога растягивалась за счёт картинки так, чтобы всё время симметрично располагаться относительно нижележащей плитки с экскурсией. То есть эти расстояния http://prntscr.com/14v3zrs должны быть равны.
  • В мобильной версии плашка должна выглядеть проще, но тоже с машинкой: http://prntscr.com/14v5e41 (вместо “для начинающих”, естественно, новый текст “Галопом по красотам”).
Переносим блок “Обзорная экскурсия” под “Расширенный радиус”, то есть вместо первого он теперь будет третьим.

2. В верхней части страницы есть видео:

Перемещаем его в сниппет с инфо о гиде: http://prntscr.com/14v9nov . По щелчку в десктопе видео должно раскрываться где-то на 60% от экрана (по крайней мере, до удобных для просмотра размеров). Ютубовское “во весь экран” также должно сохранить работоспособность. В мобильной тоже всё должно быть ок.

3. В мобильной версии сейчас картинка-заголовок “Экскурсионное меню” маловата: http://prntscr.com/14vbewx . Делаем больше.

Исходники: cdr, svg.

CSSWordPress
4 года назад
iamevgeniy
Евгений 
40 лет
16 лет в сервисе
Был
10 месяцев назад

Заявки фрилансеров

Андрей
 
32 года
10 лет в сервисе
Был
10 часов назад
187 отзывов(-3)
4 года назад
ТОП-10
— HTML-верстка
Паве
 
43 года
5 лет в сервисе
Был
4 года назад
4 года назад