CSS-верстка веб-формы
Добрый день, уважаемые CSS-верстальщики,
Макет дизайна веб-формы - во вложенном jpeg-файле.
Он чуть измениться, но в основном все именно так.
Веб-форма уже сверстана на HTML и работает. Но в ней совсем нет CSS-стилей.
http://clearbonusprofits.com/academy/acca-layer/
HTML верстал сам, код чистый, понятный, любые вопросы разъясню за 5 минут.
Задача:
Нужно кроссбраузерно(!) добавить к ней CCS-стили, чтобы она выглядела как в макете дизайна.
(адаптивность не нужна, т.к. двухмерную таблицу сложно сделать адаптивной)
Нужно будет добавить совсем немного JavaScript (или JQuery, если Вам так легче).
- в определенных ячейках (см. .xls-файл) значения должны иметь зеленый цвет в случае положительных значений и красный в случае отрицательных); таких ячеек 16
- в определенных ячейках (см. .xls-файл) значения должны иметь черный цвет в случае положительных значений и красный в случае отрицательных); таких ячеек 23
Если это сильно повлияет на цену - то не нужно, я сделаю сам.
Можете верстать с нуля.
Если Вам будет легче - можете верстать с использованием
http://bootswatch.com/lumen/ (free theme for Bootstrap)
Элементы дизайна взяты именно оттуда.
Но в этом случае нужно будет, чтобы Вы помогли сделать так, чтобы все работало после вставки в Wordpress (на случай, если JS фреймворка bootswatch будет конфликтовать с другим JS).
Бюджет минимальный.
Да и задача несложная.
В заявке, пожалуйста, укажите слово сотрудничество, это будет мне сигналом, что Вы прочитали этот текст.
Также в заявке укажите примеры веб-калькуляторов/веб-форм или, за неимением таковых, просто веб-интерфейсов, которые Вы верстали.
Заявки формата «пишите, договоримся» — не принимаются, принимаются заявки с указанием конкретной цены и конкретного срока и/или уточняющих вопросов. Благодарю за понимание.
--------------------------------------------------------------------------------------------------------------
P.S.: информация для человека, которого я выберу исполнителем:
Как сделан калькулятор:
- Сверстано на HTML в файле index.html
- CSS отсутствует.
- Подключен файл jquery.min.js - надеюсь, пояснять не надо.
- Подключен файл jquery-calx-2.2.7.min.js - это JQuery-скрипт, который позволяет присваивать веб-элементам (например, input и label) адреса ячеек (из базового .xls-файла), а также начальные значения и формулы.
- Подключен файл numeral.min.js - это скрипт, котрый позволяет добавлять числовым значениям веб-элементов (например, input и label) форматирование.
- Подключен файл default.js - это файл, где задаются:
- адреса ячеек
- изначальные значения
- формулы
- форматирование