Дизайн для nanoCMS:

Чтобы Вы имели полную власть над дизайном, сделано следующее:

1. Весь контент, генерируемый движком, не выводится на экран тотчас, а накапливается в значениях переменных, имена которых жёстко оговорены.
2. В самый последний момент скрипт обращается к шаблону дизайна, в котором употреблены имена php-переменных.
   На их место и подставляются куски контента, сгенерированные движком.
   Только после этого готовый результат отдаётся в браузер.
3. В процессе генерации HTML кода широко используются каскадные стилевые таблицы, или, проще говоря, стили, которые можно переназначить в .css файлe. Просто переписав стили, Вы тем самым способны целиком сменить дизайн.
   Ясное дело, про стили нужно знать, и править их уметь.
4. В качестве базового дизайна использован очень простой шаблон, прекрасно зарекомендовавший себя при работе с трафиком поисковой природы, и пользующийся благосклонностью у поисковых ботов. Документы в этом шаблоне индексируются так, как надо.
   
   Обратите внимание на тщательную продуманность шаблона дизайна- в коде страниц Наны сначала идёт контент, и только потом всяческие блоки с панельками навигации и хеадера. Хотя визуально на экране хеадер расположен сверху, до контента.

Уместное соображение.

Поскольку шаблон дизайна дивовый, а не на таблицах, Вам надо опасаться непарных тегов <div> в контенте. Пожалуйста, всегда контролируйте этот момент, и не помещайте в файлы контента объекты шире 500 пикселей. Потому как все объекты, превышающие по ширине указанное значение, будут обрезаны с правой стороны при уменьшении размеров окна браузера по горизонтали.

Об обвале колонок :

Начинающий вебмастер всегда и обязательно стремится увешать свой сайт всяческой хренью, которой на сайте и делать-то нечего. Но желание непреодолимое, и всевозможные картинки и кнопки всё едино будут понапиханы во все места шаблона дизайна, даже если смотрятся там столь же эстетично, как на корове седло.

Поэтому сразу оговорим, почему в процессе увлекательного занятия постановки коровы под седло колонки сайта (левая, правая, центральная) будут падать вниз.

Обратите внимание, что дефолтовый дизайн наны передовой, дивовый. Это означает, что каждый блок дизайна (боковые менюшки, центр) имеют предписанную ширину, выходить за пределы которой нельзя. С учётом зазоров это будет 180 пикселей для боковых колонок, и 490 для центральной. Всё, что шире указанных значений, уронит содержимое своей колонки вниз.

Учтите также, что если в колонку ставите рисунок с альтернативным текстовым значением, а у юзера браузеру велено "расширять рамки рисунков" для того, чтобы суметь прочитать, чего же там написано в альте при отключенной графике, то это равносильно втыканию очень широкого рисунка (при длинном альте) со всеми вытекающими. При отключенной графике получите пьяную корову на льду и под седлом, а не аккуратный сайт.

Поэтому, увешивая сайт всяческой хренью с головы до пят, с альтами в километр, чётко представляйте, что получите в итоге. И не спрашивайте, отчего так.

Либо делайте дизайн на тупых таблицах.