VA_ic2b

Для Вашей задачи css-решение является наиболее экономичным. Для row-fluid используйте table-row, для span - table-cell в случае десктопа. Для мобильных гаджетов в таблице стилей задайте блочное определение этих элементов. Чтобы описать ситуацию более конкретно нужен сценарий Вашего адаптивного дизайна - что как трасформируется в зависимости от ширины экрана гаджета.

Родительскому элементу, содержащему блок с текстом и блок с "картинкой" задайте свойство display: table-row. Дочерним блокам - свойство display: table-cell.
При этом не забудьте указать ширину дочерних блоков (в сумме 100% родителя).
А уж теперь background-size: cover

var el = определение;
el = el.replace(Что_меняем,На_что_меняем);

Во-первых title_img в Вашей функции не задано. Я подозреваю, что это переменная title. Если это так, то просто используйте ее определение вне функции:
var title_img = document.getElementById("Title");

Используйте js. Событие hover. При наведении нужно поменять атрибут картинки src на нужный. api.jquery.com/hover

В шаблоне присвойте элементу body главной страницы id. Например: ...
В скрипте поставьте условие
if($('body').is('#main')) { var changeHeaderOn = нужное_вам_число; });

Построение регулярных выражений требует изучения. Можно сделать проще.
$parts = explode('@@', $str);
$arr['include'] = array($parts[1],$parts[3]);
$arr['str'] = $parts[2];

Используйте jquery - api.jquery.com/click

Выбор движка (CMS) должен исходить из функциональности сайта, а не из дизайна. То, что Вы хотите реализуется посредством шаблона. Если дизайн уже есть, шаблон сделать недолго. Если опишете функционал и структуру сайта помогу определиться с CMS и шаблоном.

Загляните в определение MIME-типов nginx - файл mime.types. Для файлов js в последних версиях используется application/javascript вместо text/javascript. Если это так измените gzip_types в соответствии с этим определением.