Не забудьте после замены картинок в файле стилей вписать их новые названия вместо прежних, иначе картинки не будут отображаться. Можно поступить проще, картинки сменить, а вот названия оставить прежние, тогда в файле стилей ничего не придется править.
После замены картинок нужно загрузить их и файл css на сервер, для этого воспользуйтесь любым FTP-клиентом, установленным на вашем компьютере, будь-то Total Commander или FileZilla. После загрузки файлов на хостинг, останется подключить стили и разместить форму на странице сайте.
Подключаются стили формы одной строкой кода, которую нужно прописать между тегами <head> и </head> в html-коде страницы:
<link rel="stylesheet" type="text/css" href="free_form.css">
Далее между тегами <body> и </body> в том месте страницы, где вы хотите видеть форму подписки (чаще всего в правом сайдбаре), вставляется основной код формы. В архиве это файл free_form_kod, открываете его, копируете все содержимое и вставляете на свою страницу. Данный код для Смартреспондера, поэтому перед установкой формы у вас должен быть зарегистрирован аккаунт в серисе рассылок Смартреспондер.
В основном коде вам останется лишь заменить значения uid и did на свои. Эти значения представляют собой набор из шести цифр и узнать их можно в личном кабинете Смартреспондера, зайдя в раздел Формы → Генератор формы.
<!--=== START | Free Form ===-->
<div id="free_form">
<div class="text1">Как создать сайт новичку без знаний программирования?</div>
<img class="podarok" src="form_images/kurs_oblozhka1.png" alt="Видеокурс по созданию сайта" title="Как создать сайт самому без технических знаний">
<div class="text2">Узнай подробности прямо сейчас:</div>
<div class="form_bg">
<!-- SmartResponder -->
<form name="SR_form" target="_blank" action="http://smartresponder.ru/subscribe.html" method="post" onsubmit="return SR_submit(this)">
<input type=hidden name=version value="1">
<input type=hidden name=tid value="0">
<input type=hidden name=uid value="803871"> <!-- Ваш uid -->
<input type=hidden name=lang value="ru">
<input type=hidden name="did[]" value="976035"> <!-- Ваш did[] -->
<input name="field_name_first" class="name" type="text" value="Ваше имя="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" />
<input name="field_email" class="email" type="text" value="Ваш E-Mail" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" />
<input type="submit" name="SR_submitButton" value="Узнать детали" />
</form>
<!-- / SmartResponder -->
</div>
<div class="form_confident"><img class="form_lock" src="form_images/lock.png">Ваш E-Mail в безопасности</div>
</div>
<!--=== END | Free Form ===-->
