Сверстать страницу с превью картинок на основе имеющихся файлов

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

Надо сверстать страницу для вставки её html-кода (через админку интернет-магазина)во вкладку ОБИВКА.

Есть 3 папки с картинками обивок (видов тканей) диванов 

Папка A содержит 46 фото разных обивок.

Папка B содержит 140 фото разных обивок.

Папка C содержит 79 фото разных обивок.

  • Исходя из содержимого папок надо сделать так же как тут: http://innoshop.hu/furninova-paso-doble-night-ulogarnitura (вот поясняющий скрин http://imgur.com/a/H0qv3 ). То есть каждый квадратик-превьюшка соответствует картинке из папок A/B/C. Данные на вышеуказанном сайте сильно устарели, просто скопировать оттуда содержимое не получится.
  • Маленькие квадратики-превьюшки размером ~10x10 px надо сделать крупнее - такого же размера и ФОРМЫ как тут http://i.imgur.com/JNGsMLm.jpg (БЕЗ скругления углов).
  • При наведении на превьюшку должно всплывать увеличенное фото обивки размером 300x300px (надо будет отдельно сделать картинки размером 300x300px, а не уменьшать в ширину-высоту имеющиеся фото обивок, т.к. они много весят).
  • Подпись под всплывающим увеличенным фото обивки надо сделать точно такой же как название файла фото обивки (без расширения .jpg).
Обязательные требования:

Использовать уже имеющиеся файлы стилей и все вставлять туда.

Надо использовать всю ширину вкладки ОБИВКА (700px).

Кроссбраузерность, так же будет проверяться четкая работа на планшетах и смартфонах.

Отсутствие блокировки скриптов разными рекламорезками.

Наличие минимум 5 отзывов по вёрстке на веблансере (без отзывов даже не пишите)!

HTML
7 лет назад
androgin
44 годаРоссия
18 лет в сервисе
Был
7 месяцев назад
  • Похожие заказы

  • Решить пробемы с версткой и сделать мобильную версию сайта

    Добрый день!  Необходимо решить проблемы с версткой (изображения, блоки и тд), внести изменения в верстку согласно [url=https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fpiter.terel.ru%2F]developers.google.com/spe...[/url]  сделать мобильную версию  сайт [url=http://piter.terel.ru/]piter.terel.ru/[/url]  Напишите две стоимости  только внесение изменений согласно гугл девелоперс,  и гугл девелоперс+ мобильная версия сайта.  Сделать надо как можно быстрее.

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

  • Адаптивная верстка

    Нужна адаптивная верстка для сайта.  Дизайн во вложении. Интересует примерная стоимость + сроки. В верстке будет 3 макета (главная + каталог + карточка товара).  -- Желательно сделать чтобы были учтены рекомендации гугл, то есть все скрипты и стили ...

    BootstrapКарточки товаров
    HTML-верстка26 заявок
    Закрыт
    7 лет назад

  • Вёрстка Лендинга на WordPress

    $75

    Макет покажу при общении. Прямо чего-то сверхестественного там нет. Нюансы есть, но в пределах html+css+bootstap. Надо сверстать на вордпресс попиксельно. Важно реализовать это максимально штатными средствами вордпресс. Если будут какие-то сложности в макете или другие нюансы, ...

    WordPressHTMLCSSBootstrap
    HTML-верстка8 заявок
    Закрыт
    7 лет назад

  • Доработка адаптивного шаблона

    Добрый день! Выкуплен шаблон http://demo1.atuin.ru/ на его основе нужно сделать HTML-шаблон для сайта. Образцы того как должен выглядеть результат, с комментариями прикреплены к заданию. Картинки для слайдера и для верстке пришлю после подтверждения начала работы. В рамках ...

    JavascriptHTMLCSS
    HTML-верстка1 исполнитель
    Завершен
    7 лет назад

  • Вёрстка сайта от начала и до конца

    Нужно в течении 7 дней сверстать сайт с адаптивом под мобильный, компьютер, планшет Также есть некоторые нюансы которые нужно будет уточнить если интересует то напишите свой скайп и я всё объясню

    Верстка сайта
    HTML-верстка21 заявка
    Закрыт
    7 лет назад

  • Сверстать шаблон на bootstrap по готовому сайту

    Нужно сверстать шаблон из 3-4 страниц по готовому сайту [url=http://bit.ly/2on8wdd]http://bit.ly/2on8wdd[/url] с использованием bootstrap. В итоге должен получиться работающий шаблон с главным меню, без всяких лишних скриптов и стилей css.

    CSSBootstrap
    HTML-верстка10 заявок
    Закрыт
    7 лет назад