Нужно создать новую страницу на сайте ресторана согласно ТЗ: https://docs.google.com/document/d/1-8fSztahTlDQHn7PjibA1Jr4K1dNxmHTqHvgCq8lpxU/edit?usp=sharing макет страницы: yadi.sk/i/NkX9J5rlryZFN Все элементы предоставим. Дизайн типовой по сайту. CMS dexus
CSS/JS-верстка веб-калькулятора (веб-формы) по готовому макету дизайна
Добрый день, уважаемые CSS-верстальщики,
Имеется веб-калькулятор
http://clearbonusprofits.com/academy/acca-layer/
он сверстан с помощью HTML и работает с помощью JavaScript, но совсем не имеет CSS-стилей.
(сам сайт - на Wordpress)
Задача:
Вам требуется кроссбраузерно(!) добавить CSS-стили (и немного JavaScript/JQuery, что конкретно - см. ниже), чтобы внешний вид калькулятора стал как в макете дизайна. Макет дизайна в ближайшее время нарисует веб-дизайнер; будет похоже это на
http://clearbonusprofits.com/calculator/
Во вложенном файле .jpg - чуть более полный вариант.
Также прилагаю во вложенном .xls-файле лист Excel, на основе которого сделан калькулятор.
Что нужно будет сделать на JavaScript/JQuery:
- в определенных ячейках (см. .xls-файл) значения должны иметь зеленый цвет в случае положительных значений и красный в случае отрицательных); таких ячеек 16
- в определенных ячейках (см. .xls-файл) значения должны иметь черный цвет в случае положительных значений и красный в случае отрицательных); таких ячеек 23
Бюджет минимальный.
Да и задача несложная.
Сделать нужно будет довольно срочно, не затягивая. (после того, как через небольшое время дизайнер предоставит макет).
В заявке, пожалуйста, укажите слово сотрудничество, это будет мне сигналом, что Вы прочитали этот текст.
Также в заявке укажите примеры веб-калькуляторов/веб-форм или, за неимением таковых, просто веб-интерфейсов, которые Вы верстали.
Заявки формата «пишите, договоримся» — не принимаются, принимаются заявки с указанием конкретной цены и конкретного срока и/или уточняющих вопросов. Благодарю за понимание.
P.S.: как сделан калькулятор:
Все сделано в файле index.html
Подключен файл jquery.min.js
Подключен файл jquery-calx-2.2.7.min.js - это JQuery-скрипт, который позволяет присваивать веб-элементам (например, input и label) адреса ячеек (из базового .xls-файла), а также начальные значения и формулы.
Подключен файл numeral.min.js - это скрипт, котрый позволяет добавлять числовым значениям веб-элементов (например, input и label) форматирование.
Подключен файл default.js - это файл, где задаются
- адреса ячеек
- изначальные значения
- формулы
- форматирование
Заявки фрилансеров
Похожие заказы
- HTML-верстка1 исполнительЗавершен8 лет назад
Требуется сверстать шаблон с готового psd-макета и накодить требуемый функционал. ТЗ тут - http://www.evernote.com/l/AeSF5KOkqpRFVaxRsGpJUmeAU82An9jQIXc/
HTML-верстка1 исполнительЗавершен9 лет назадДобрый день! Необходимо сверстать сайт (1 страница) и натянуть на CMS Bitrix + мобильная версия. Заказ для тех у кого есть опыт с Bitrix! В отклике обязательно указывайте примеры верстки, ...
HTML-верстка1 исполнительЗавершен9 лет назадСайт: evrostroi-best.com Cms: движке WordPress Все элементы смотреть в шаблоне 1) Изменить шапку сайта согласно макета 2) На всех страницах каталога товаров изменить блок после шапки 3) В ...
HTML-верстка1 исполнительЗавершен9 лет назад- $50
Здравствуйте! Нужно сверстать и натянуть диз на дле 11 Без предоплаты Оплата только вебмани Диз слишком большой прикрепить не могу, вот ссылка на диз http://раскраски.рф/raskraski.rar если ссылка не видна, то ...
HTML-верстка5 заявокЗакрыт9 лет назад Всем доброго времени суток! Требуется сверстать в HTML коммерческое предложение для e-mail рассылки. Пример Макета в приложении.Верстка должна быть респонсивной и открываться правильно любыми любыми почтовыми клиентами. Уважаемые фрилансеры, указывайте, пожалуйста, стоимость и ...
HTML-верстка7 заявокЗакрыт9 лет назадЗдравствуйте, задача сделать спойлер по примеру.
HTML-верстка6 заявокЗакрыт9 лет назадЗдравствуйте, задача сделать спойлер по примеру
HTML-верстка4 заявкиЗакрыт9 лет назадНеобходимо: 1. С нуля разработать и отрисовать дизайн и макеты сайта под большие/средние/малые мониторы. 2. Сверстать согласованный макет (адаптив). 3. Готовый шаблон посадить на cms joomla. 4. Оптимизировать структуру и контент ...
HTML-верстка6 заявокЗакрыт9 лет назад