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

$15
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.

WordPressCSSВерстка под WordPress
3 года назад
iamevgeniy
Евгений 
39 летРоссия
15 лет в сервисе
Был
7 месяцев назад
  • Похожие заказы

  • Переверстать карточки товара

    Добрый день! Имеется сайт lusso.inspire.kz Необходимо переверстать блоки товаров в соотвествии с макетами в приложении. Perfect pixel. Также в адаптиве все должно выглядеть соответственно. При этом фнукции добавления в корзину не должны пострадать. Сделать нужно сегодня. Просьба сразу указывать ...

    Карточки товаров
    HTML-верстка1 исполнитель
    Завершен
    3 года назад

  • Сверстать страницы помимо главной. С обязательным опытом W3 анимации.

    Сверстать все страницы с макета, помимо главной. Главная страница есть. Макет: https://www.figma.com/file/0VC7VLXEaP65adeE5F6mla/J-U-P-I-T-E-R-(Copy)?node-id=0%3A1 Адаптация сайта на усмотрение верстальщика, главное чтобы все блоки были сохранены, текст был читабельный.

    Node.js
    HTML-верстка6 заявок
    Закрыт
    3 года назад

  • Вёрстка редизайна интернет-магазина на WooCommerce

    Здравствуйте! Нужно сверстать редизайн интернет-магазина. Задание тестовое для понимания Ваших возможностей. Если сработаемся, есть большая потребность в дальнейших заказах. Задача: Сверстать редизайн интернет-магазина на WooCommerce.  ТЗ - [url=https://docs.google.com/document/d/1gmKm73CzSgW2FaPZkDwpMB3b5CxaztLR1etuACuRrF4/edit?usp=sharing]https://docs.google.com/document/d/1gmKm73CzSgW2FaPZkDwpMB3b5CxaztLR1etuACuRrF4/edit?usp=sharing[/url] Начинаем с главной в рамках этого задания и далее ещё 3 страницы в ...

    WordPressWooCommerceElementor
    HTML-верстка5 заявок
    Закрыт
    3 года назад

  • Доработки верстки

    Это страницы верстки http://nef.pokazmedom.com/ http://nef.pokazmedom.com/training.html http://nef.pokazmedom.com/timetable.html http://nef.pokazmedom.com/moscow_club.html http://nef.pokazmedom.com/clubs.html http://nef.pokazmedom.com/about.html Задачи выделены красным 1. http://joxi.ru/KAgx7QpiKlKZor 2. http://joxi.ru/1A53Qj4Ibdb87m 3. http://joxi.ru/823an0Zs8v8yZr

    HTML-верстка7 заявок
    Закрыт
    3 года назад