sabanovvv

Чтобы получить заголовок формы на почту, надо написать
$subject = "Получите аудит вашего сайта";

Скажи, это ты будешь проводить аудит сайта?

можно просто в php коде задать руками,
но в случае если требуется устанавливать разные заголовки писем для разных форм, то можно так:

<input name="subject" type="hidden" value="Получите аудит вашего сайта"/>

// Формирование заголовка письма
$subject  = $_POST['subject'];

E вас же id="number_block" для нескольких элементов задан - это во-первых.

Во-вторых, вы клонируете то, что у вас на данный момент в ДОМе. То есть если будет 4 строчки, то добавив филиал, вы склонируете 4 строчки. Для того чтобы вы клонировали только 2 строчки, вам необходимо закэшировать соответствующий блок дивов. И потом вставлять уже его.

Я бы сделал форму для примера, которая скрыта и будет иметь 2 поля. И потом из неё уже клонировал и показывал, но мне кажется есть способ лучше.

Количество знаков:
$('#site').val().length >= 4

Если символ в строке:
$('#site').val().indexOf(".")

Можно :focus использовать (если элемент не является ссылкой на другую страницу). Либо скриптом по клику класс добавлять (по клику на сам элемент, если он не ссылка, либо доп.кнопку на блоке с работой расположить, по клику на которую будет добавляться класс).

Если в появившейся информации есть ссылки или любые кликабельные элементы, то лучше скриптом раскрытие делать, поскольку :focus, :hover, :active не подойдут (не дадут сделать клик в появившемся блоке, он просто скроется)

https://www.drupal.org/project/webform_hints

в 4-й версии webform у полей есть опция Placeholder (на русском "Заполнитель") —

jsfiddle.net/QW01_01/wa371p4d

Есть у меня скрипт один. Однажды заплатил за него немного, и теперь цепляю на свои проекты.
Лежит он в "/папка темы/js" и подключен через "название темы.info", называется form-labels.js
Он берет содержимое label и вносит в input.
Например - a-intech.ru

https://www.drupal.org/project/autodialog

arcticlab.ru/arcticmodal/#examples
см ajax загрузка окна

при помощи ajax , реализуется просто, в интернете куча уроков по нему

Попробуйте использовать JavaScript. Асинхронный запрос на сервер по адресу с водой и затем вставлять во всплывающий div-блок, например.

https://www.drupal.org/project/flippy

Если в теме нет какого-то файла, он копируется в тему из ядра Drupal. Например node.tpl.php копируется из папки /modules/node/node.tpl.php.
Более подробно можно почитать здесь: ramech.net/courses/drupal7-theming/theme-node.tpl....
P.S. Вы, кстати, неправильно создали тему - в папке с темой есть bootstrap_subtheme. Его нужно скопировать в папку с темой и редактировать. А сам bootstrap трогать не надо. При обновлении темы изменения в ней потеряются.

Значит у Вас тема в которой файл содержащий то что Вы ожидаете увидеть в node.tpl.php называется как то по другому.
Откройте исходники, прочитайте что там написано в файлах, определите какой файл вам нужен.

SVG.

Странноватая у вас верстка, но все же если интересует позиционирование блока по середине, вам необходимо изменить значения left и top в этом блоке. Это если по быстрому.

.izhstal-sektor1-2 {
position: absolute;
left: 700px;
top: -20px;
z-index: 999;
background: url(../images/diag-hover.png) -9999px -9999px no-repeat;
padding-top: 10px;
width: 240px;
height: 226px;
}