Бесплатный виджет калькулятора расхода топлива для сайта. Чтобы разместить калькулятор на вашем ресурсе, скопируйте приведенный ниже html-код к себе на сайт.
<!--Поместите этот код в том месте, где необходимо вывести калькулятор-->
<script src="https://calculs.ru/widgets/calc_fuel/widget.js" type="text/javascript"></script>
<div id="calc-insert"></div>
<script type="text/javascript">fuel.start('calc-insert');</script>
Пример работы калькулятора
Тарифы и условия использования виджета
- Базовый (бесплатный тариф) - виджет может быть установлен на любой сайт без ограничений. В правом нижнем углу виджета присутствует ссылка на сайт calculs.ru, которую нельзя скрывать.
- Тариф "Paid" - платная версия виджета. Стоимость - 500 р/год. В платном тарифе отсутствует ссылка на сайт calculs.ru. Для оформления тарифа напишите нам через форму связи
Как изменить цвет кнопок и других элементов калькулятора
Чтобы изменить цвет калькулятора, кнопок и других элементов, добавьте на сайт css код, приведенный ниже, указав необходимые цвета и размеры элементов. Код нужно разместить в файле style.css вашего сайта или вместе с кодом калькулятора, заключив между тегами <style></style>.
Пример:
<style>
.calc_container .submit {
background: #2196f3!important;
}
</style>
/* цвет контейнера формы*/
.calc_container form {
background: #d1d1d1!important;
}
/* цвет кнопки*/
.calc_container .submit {
background: #2196f3!important;
}
/* Задать рамку, цвет или тень полей ввода данных */
.calc_container input, .calc_container select, .calc_container textarea {
bodrer:1px solid #000!important;
background: #2196f3!important;
box-shadow: 0px 10px 18px #302e2e40!important;
}
/* Изменить размер шрифта у подписей полей ввода */
.calc_container label {
font-size: 16px!important;
}
/* Изменить размер шрифта в таблице */
.table {
font-size: 12px!important;
}
Запрещено менять позицию, размеры, прозрачность, а так же скрывать ссылку на сайт calculs.ru. За любые подобные действия виджет на ресурсе - нарушителе будет отключен.