Шаблоны и Стили. Что InstantCMS нам выдает...

Зайдите на страничку вашего сайта InstantCMS. Через контекстное меню откройте код HTML страницы… Понятно что-нибудь?? Сомневаюсь...
Придется поработать ручками: откройте файл стандартного шаблона "template.php" в текстовом редакторе, предварительно забакапив его.
Теперь нам придется немножко отредактировать его...
Я не знаю о чем думали разработчики InstantCMS когда создавали код шаблона, но мне кажется совсем не о людях, которые потом этот код будут разбирать...
Итак главное правило хорошего тона при верстке html-кода:
Вложенные открывающие html-тэги ставятся с новой строки со смещением вправо… Смещение делается с помощью пробелов или табуляции. Закрывающие данные тэги ставятся однозначно под открывающими...
Исключения:
1. Если код внутри открывающего и закрывающего тэга короткий (ячейка таблицы, ссылка) и не уходит далеко за пределы экрана, то закрывающий тэг можно оставить на этой же строке.
2. Внутри ячеек таблиц иногда бывает недопустимо оставлять пробелы (а равно и переносы строк) между тэгами "<td>, </td>" и содержимым ячеек. Если внутри ячейки находится картинка или другая таблица приходится ставить их рядом.
Иногда можно не трогать php-вставки, html-формы, комментарии и другие подобные вещи. Также обычно не трогают тэг "<span>...</span>" если он просто задает стиль без разрыва абзацев. Если абзац все-таки разрывается уже обычно ставят "<div></div>"

Например:
А теперь пробегаем по всему коду "template.php" и расставляем пробелы, табуляции и переносы строк в соответсвии с данным правилом… Серьезно данный код пострадать не должен, в крайнем случае кое-где кое-что может начать разъезжаться, но на большом экране все элементы должны остаться на своих местах. Зато код теперь будет значительно более читаемый. Заодно попытайтесь посчитать сколько уровней вложенных таблиц получилось у разработчиков в шаблоне...
Замучались? Я тоже…

Закачиваем "template.php" обратно туда где он рос и смотрите результат… Если все совсем не так, восстанавливаете из бакапа "template.php" и делаете всю процедуру заново… Возможно где-то съели угловые скобки от тэга или тэг целиком… Внимательность и аккуратность… У меня вроде бы все на месте...

Предварительная работа сделана. Снова заходим на страничку, снова лезем в контекстное меню в браузере, смотрим еще раз html-код. Легче стало?? Не на много… У нас примешались еще таблицы выдаваемые модулями...

Шапку и подвал я сейчас обсуждать не буду. Смотрим что у нас с модулями.
С помощью поиска находим строки содержащие id="left", id="center", id="right"...
Таким образом вы получаете начала соответствующих разделов и после этого сразу получаем начало соответсвующего модуля
Код конечно тоже не подарок для того чтобы разбирать, но теперь вы можете отследить конец таблицы модуля и начало следующего, заодно посмотреть html-код содержимое модуля, посмотреть какие классы и "id" там назначаются элементам, найти соответствующие элементы в CSS файле и начать править при желании...

Вот здесь мы уже создали себе временный шаблон, с которым можем работать дальше...
Скопируем в папочке "/templates" стандартный шаблон в другую папочку и начнем над ним издеваться...
В админке в "Настройках сайта — Дизайн" выберем нужную папочку и зальем туда наш недоделанный "template.php".
Исправим в строках
текст "_default_" на название вашей папочки, где лежит ваша копия шаблона для издевательств, и можно потихоньку начинать курочить css-файл, который лежит в вашей папочке в поддиректории "CSS".
Залили?? Теперь снова заходите на страницу, смотрите html-код, радуетесь насколько там стало меньше мусора в коде… не понравилось, можете залить в свою папочку копию стандартного шаблона, не забыв исправить подключение css-файлов в шаблоне, и снова там же издеваться над css-файлом...

Удачных вам экспериментов… Не забывайте бакапиться )))