Выполнить задание по образцу (css grid, немного js)

Веб-программированиеЗавершен2 заявки348 просмотров
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Сценарий действий в правой колонке (меню):наводим курсор на статическую картинку - курсор меняется (на пальчик), а картинка становится динамическойкликаем по картинке - загружается youtube-страничка с соответствующим клипомлевый (большой) слой носит декоративный характер (неважно, тэги iframe или video используются) - видео здесь любое1. Формат образца:Верхний уровень - 60px 1fr 30px 1fr 10px;Левый плеер 720х405pxПравая боковушка:заголовки не делятсякартинки-ссылки - repeat(2, 2fr) 1fr;Размер тэга под картинку 160х80рх2. Обрабатываются события:onmouseover="this.src='ххх.webp'"onmouseout="this.src='ххх.png'"Сдаём в интернет-класс 1(один) html-файл с вёрсткой (100кб максимум)3. Ссылки на клипы, картинки (по столбцам)Begin again: 1 - youtube webp png 2 - youtube webp pngLee Hi: 1 - youtube webp png 2 - youtube webp pngIZ*ONE: 1 - youtube webp png 2 - youtube webp png webmМатериал по сеткам (grid):Руководство CSS Grid Layouthtml5book.ru - css-gridТег a (htmlbook.ru)Псевдокласс :hoverМатериал по js:Редирект на jswindow.open() | Открытие окон и методы windowПример обработки onmouseover/out (htmlbook.ru)Не забываем про предварительное    .s {        display: grid;        column-gap: 1px;        column-rule-style: hidden;        column-rule-width: 1px;    }

JavascriptHTMLCSS
2 года назад
guest_16521980695656
2 года в сервисе
Был
2 года назад
Выбранный исполнитель
susha12
33 годаГрузия
3 года в сервисе
Был
месяц назад
2 года назад
$30
1 день
Отличный специалист, сделал все очень быстро и качественно, всем советую
Отличный человек и заказчик. Знает что нужно и учувствует в работе на 100%. Рекомендую
  • Похожие заказы

  • Написать сайт на django для сети магазинов

    Bеб-сайт должен содержать авторизацию, регистрацию, просмотр каталога, добавление товара в корзину, список избранных товаров или лист ожидания, создание заказа и получение уведомлений, личный кабинет, интерфейс для администратора, из корзины чтобы можно было удалить/изменить количество/проверка наличия, ...

    Django
    Веб-программирование15 заявок
    Закрыт
    2 года назад

  • Поработать с плагином содержания и sidebar wordpress

    $60

    Добрый день! Есть плагин https://wordpress.org/plugins/easy-table-of-contents/ который по заголовкам делает содержание статьи. В примере они показывают https://connections-pro.com/documentation/cmap/ решение которое хотелось бы реализовать. 1. Сайтбар прикреплен, пункты содержания подсвечиваются при прокрутке до конкретного заголовка. 2. Хотелось бы добавить сворачивание пунктов меню ...

    WordPress
    Веб-программирование5 заявок
    Закрыт
    2 года назад

  • Разработка проекта на Angular

    · разработка и доработка имеющихся веб-приложения на Angular · Детальное ТЗ к проекту имеется, написано все чётко и ясно · Уже есть готовая структура и первые блоки. Также полностью готов backend на PHP · При ...

    PHPAngular
    Веб-программирование4 заявки
    Закрыт
    2 года назад

  • Создание смс бота

    $100

    Расылка будет на моб. телефон. в виде смс через какой-то сервис.Регулировка рассылки будет через  телеграмм  бота. Настройки бота: *чтоб можно было выбрать через какой промежуток будет начинается рассылка после того как появилось обьявление * текст рассылки * ...

    Телеграм бот
    Веб-программирование4 заявки
    Закрыт
    2 года назад

  • Баг репорт на моего бота

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

    Веб-программирование3 заявки
    Закрыт
    2 года назад

  • Скопировать формуляр страницы из Wordpress

    Собственно вот эта страница: https://chiabase.de/chia-xch-eur-umrechner/ Курс криптомонеты из API : https://api.coingecko.com/api/v3/simple/price?ids=chia&vs_currencies=eur Использован плагин-калькулятор CFF. Но нужно сделать без него. Нужен полный код, чтобы я мог его загрузить на страницу в своем WP

    WordPress
    Веб-программирование1 исполнитель
    Завершен
    2 года назад

  • Настроить интеграцию интернет магазина (WP) с базой данных ASWO

    Нужно реализовать интеграцию интернет-магазина на wordpress с базой данных поставщика ASWO ASWO предоставляет подробную документацию на англ.языке: https://shop.euras.com/admin/Dok/eed-doku-eng.php Также есть готовое решение для магазина на opencart, которое, в случае необходимости, можно использовать как пример

    WordPressOpenCart
    Веб-программирование1 исполнитель
    Завершен
    2 года назад