Здравствуйте!
Нужно сверстать табы на платформе lpgenerator.ru по макету PSD (yadi.sk/d/1hFOrVV43FX3EE) на страницу народныйсептик.рф/коловеси
Можно сделать это с нуля или доработать старый скрипт, как будет удобнее Вам.
Старые табы можно посмотреть по адресу: народныйсептик.рф/коловеси
Теперь пояснения по макету (картинка во вложении):
1. Основные переключатели (А) меняют всю основную информацию таба (B)
2. Переключатели (D):
Вкладка "Характеристики" отображается по умолчанию и показывает таблицу с характеристиками продукта.
Вкладка "Описание" заменяет таблицу на три абзаца текста такого же объема(как таблица)
В идеале конечно, чтобы при переключении вкладок (D) надпись на кнопке лид формы тоже менялась
3. Малые переключатели (С) изменяют изображение выше (Е), а также приводят элементы 'D' и 'H' в положение по умолчанию.
К примеру, мы кликаем на мини картинку (C) изделия с низким корпусом – соответственно, в блоке 'E' появляется увеличенное изображение данного изделия с подписью, переключатель 'D' становится в положение "Характеристики" и в блоке 'H' отображается информация и цены этого изделия. Если в этом положении переключиться на вкладку "Описание", то информация также будет соответствовать данному изделию.
Таблицу в блоке 'H' нужно будет сверстать следующую, использовав шрифт Roboto:
CSS:
table {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 16px;
background: white;
max-width: 90%;
width: 90%;
border-collapse: collapse;
text-align: left;
}
th {
font-weight: normal;
color: #2e2e2e;
padding: 5px 7px;
}
td {
color: #669;
border-top: 1px solid #e8edff;
padding: 5px 7px;
}
tr:hover td{
background: #e8edff;
}
Если возникнут какие-то вопросы по заданию или макету, задавайте. Если для удобства верстки в макете лучше что-то переделать, тоже говорите. Если нужны какие-то дополнительные материалы, предоставим.
Ссылка на макет PSD – yadi.sk/d/1hFOrVV43FX3EE
Надо сверстать страницу для вставки её html-кода (через админку интернет-магазина)во вкладку ОБИВКА. Есть 3 папки с картинками обивок (видов тканей) диванов Папка A содержит 46 фото разных обивок. Папка B содержит 140 фото разных обивок. Папка C содержит 79 ...
Требуется Сверстать простые одностраничники. Работы не сложная
Необходим редизайн сайта-каталога на опенкарте - goo.gl/uNJ4ib, дизайн в псд готов, можно посмотреть тут yadi.sk/d/xy5Ji0sk3GP3YD. Сейчас сайт не адаптивный, новый дизайн адаптивный и имеет помимо десктопного варианта имеет доп. макеты под разрешения 320, 750. В целом ...
Макет в формате CDR- Corel Draw. Уточнения по макету: 1) Наверху вместо "ZVOLEN" пишем "NITRA" и вообще везде вместо zvolen делаем nitra. 2) Внизу 2013 - 2015 меняем на 2013 - 2017. 3) Меняем контакты: [b]Slovak Republic[/b] [b]Nitra[/b] Štúrova 14 35 +421 000 ...
Ищем хорошего UI/UX дизайнера для доработки дизайна админ панели облачного сервиса, сделанного на Bootstrap 3 Нужен дизайн + верстка
Добрый день! Необходимо решить проблемы с версткой (изображения, блоки и тд), внести изменения в верстку согласно [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] Напишите две стоимости только внесение изменений согласно гугл девелоперс, и гугл девелоперс+ мобильная версия сайта. Сделать надо как можно быстрее.
Была выполнена верстка сайта, где были учтены все скрипты и файлы для отображения на IE 9 и выше. При переносе на ЦМС – верстка слетела и стала глючить в IE. Нужно или перенести верстку или ...
Требуется осуществить редизайн страниц на bitrix Дизайн предоставлю после общения с кандидатами.
Нужна адаптивная верстка для сайта. Дизайн во вложении. Интересует примерная стоимость + сроки. В верстке будет 3 макета (главная + каталог + карточка товара). -- Желательно сделать чтобы были учтены рекомендации гугл, то есть все скрипты и стили ...
Макет покажу при общении. Прямо чего-то сверхестественного там нет. Нюансы есть, но в пределах html+css+bootstap. Надо сверстать на вордпресс попиксельно. Важно реализовать это максимально штатными средствами вордпресс. Если будут какие-то сложности в макете или другие нюансы, ...