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 - это файл, где задаются
- адреса ячеек
- изначальные значения
- формулы
- форматирование