Velluk.com

Velluk.com

Дизайн для nano-CMS :

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

  1. Весь контент, генерируемый движком, не выводится на экран тотчас, а накапливается в значениях переменных, имена которых жёстко оговорены.

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

  3. В процессе генерации HTML кода широко используются каскадные стилевые таблицы, или, проще говоря, стили, которые можно переназначить в .css файлах. Просто переписав стили, Вы тем самым способны целиком сменить дизайн.
    Ясное дело, про стили нужно знать, и править их уметь.

  4. В качестве базового дизайна использован очень простой шаблон data/tpl/design.php, прекрасно зарекомендовавший себя при работе с трафиком поисковой природы, и пользующийся благосклонностью у поисковых ботов. Документы в этом шаблоне индексируются так, как надо.

Ниже приведён полный шаблон базового трёхколоночного дизайна, чтобы Вы имели представление, о чём речь:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<head>
<title>$title</title>
<meta name="title" content="$title">
<meta name="Robots" content="index,follow">
<meta name="Resource-type" content="document">
<link rel="icon" href="$turl/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="$turl/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="$turl/css/gordi.css">
<link rel="stylesheet" type="text/css" href="$turl/css/form.css">
<link rel="stylesheet" type="text/css" href="$turl/css/menu-calendar.css">
</head>
<body>
<div id="lasto">
   <div id="header">$topmenu</div>
   <div id="main">
      <div id="center">
         <div id="content">$content</div>
         <div id="left">$leftmenu</div>
      </div>
      <div id="right">$rightmenu $add</div>
   </div>
   <div class="clear"></div>
   <div id="footer"> === copyright here === </div>
</div>
</body>
</html>

Уместное замечание.

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

  • Google Adsense: