7.2. Изменение шаблона HTML

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

Пример:

Файл blocks.html отвечающий за внешний вид блоков выглядит так:

<table border="0 "cellpadding="1" cellspacing="0 "bgcolor="#000000" width="150 "><tr><td>
<table border="0 "cellpadding="3" cellspacing="0 "bgcolor="#dedebb" width="100% "><tr><td align="left">
<font class="content "color="#363636" ><b> $title </b></font>
</td></tr></table></td></tr></table>
<table border="0 "cellpadding="0" cellspacing="0 "bgcolor="#ffffff" width="150 ">
<tr valign="top "><td bgcolor="#ffffff">
$content
</td></tr></table>
<br>

Как Вы видите, мы создаем таблицу фиксированной ширины (в нашем случае 150), и мы назначаем цвета (для фона и т.д ...). Мы также определяем две переменные ($title и $content), которые, были определены в theme.php, для загаловка и содержания блока. Полезно, для очистки кода, определять фоновые значения в CSS.

Чтобы рассмотреть все необходимые случаи, и определить пару правил, мы проанализируем очень простой код, включающий случай, который мы пока не рассматривали, управление изображениями которые применяются для создания нашей темы:

</td><td><img src="themes/NukeNews/images/pixel.gif "width="15" height="1 "border="0" stop = "">
</td><td valign="top" width="100%">

Проанализирован код - распорка, который добавляет рисунок шириной 15 пикселей, но обратите внимание, от какого места указан путь до изображения!? Какой путь мы должны назначить? Помните, что файл theme.php включается в корне вашего сайта (т.к. там располагается выполняемый нами файл), так что путь до изображения должен начаться от корня вашего сайта - до обозначенной темы. Путь к изображению "pixel.gif" - "themes/NukeNews/images/pixel.gif"

	внимание!
	Когда Вы добавляете изображения автоматическим способом, используя визуальный редактора, путь будет только images/image.gif, и нужно будет исправить это руками, добавив правильный путь.

Другой вариант - определить и назначить в theme.php, - переменную по имени темы, что позволит избавиться от изменений в зависимости от имени папки (темы). Так для переменной $nameoftheme="NukeNews" синтаксис маршрута изображения будет:

<img src="themes/$nameoftheme/images/pixel.gif">

При таком варианте, в случае если Вам захочется сменить название темы (которое определяется названием папки), Вам не придется редактировать весь код где встречается вывод изображения, а нужно будет всего лишь отредактировать переменную $nameoftheme

Главная \| Новости \| Полезная информация \| Документация \| Школа \| Файлы \| Ссылки \| Форум