1) Смотрим на код, разбираем его и вставляем нужные нам переменные:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
{%HEAD%}
<script language="JavaScript" type="text/javascript" src="ajax/GlobalFunc.js"></script>
<script language="JavaScript" type="text/javascript" src="ajax/BlockError.js"></script>
<script language="JavaScript" type="text/javascript">
date = new Date();
a = date.getHours();
if (a > 8 && a < 20) {
document.write("<link rel='stylesheet' href='templates/Oslik/style-day.css' type='text/css'>");
}
</script>
</head>
<script language="JavaScript" type="text/javascript">
<!--
function bookmark() {
if (window.sidebar) {
window.sidebar.addPanel("$sitename", "$homeurl","");
} else if (document.all) {
window.external.AddFavorite("$homeurl", "$sitename");
}
}
// -->
</script>
<body id="page_bg">
<div id="wrapper">
<div id="menue-l">
<div id="menue-r">
<div id="menue">
<div id="toolbar">
$theuser</div>
<div id="homes">
<a href="#" onclick="java script:bookmark();" title="В избранное"><img src="templates/Oslik/images/addizbr.gif" height="15" hspace="3" vspace="3" width="15"></a>
<a href="#" onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('#');" title="Сделать домашней"><img src="templates/Oslik/images/addhome.gif" height="15" hspace="3" vspace="3" width="15"></a>
</div>
<div id="nav">
<a href="index.php" title="Главная">Главная</a>
<a href="index.php?name=Media" title="Медиа каталог">Медиа каталог</a>
<a href="index.php?name=Jokes" title="Анекдоты">Анекдоты</a>
<a href="index.php?name=Account" title="Профиль">Профиль</a>
<a href="index.php?name=Recommend" title="Рекомендовать">Рекомендовать</a>
<a href="index.php?name=Contact" title="Обратная связь">Обратная связь</a>
</div>
</div>
</div>
</div>
<div id="header-l">
<div id="header-r">
<div id="header">
<a href="index.php" id="logo" title="скачать фильм музыка"><img src="templates/Oslik/images/pixel.gif" alt="скачать фильм музыка" border="0" height="109" width="270"></a>
<div id="bannerblock">{%BLOCKS banner%}</div>
</div>
</div>
</div>
<div id="shadow-l">
<div id="shadow-r">
<table border="0" cellpadding="0" cellspacing="3" width="100%"><tbody><tr valign="top">
<td>
{%BLOCKS left%}
</td>
<td style="vertical-align: top; width: 100%;">
{%BLOCKS message%}
{%BLOCKS center%}
{%MODULE%}
{%BLOCKS down%}
</td>
<td width="189" style="vertical-align: top; width: 189px;">
{%BLOCKS right%}
</td>
</tr></table></td>
</div>
</div>
</div>
<div id="wrapper">
<div id="footer">
<div id="footer-r">
<div id="footer-l">
<div id="copyright">
{%LICENSE%}<br />
{%BLOCKS time%}
</div>
<div id="footblock">{%BLOCKS foot%}</div>
</div>
</div>
</div>
</div>
</body>
</html>
{%BLOCKS variables%} {%BLOCKS query%}
Выше
{%BLOCKS left%}
ставим {%STATIC login%}
Вместо {%BLOCKS message%}{%BLOCKS center%}{%MODULE%}{%BLOCKS down%}
ставим {%BLOCKS up%}{%BLOCKS center%}{module}{%BLOCKS down%}
Вместо {%LICENSE%} и {%BLOCKS time%}
ставим соотвественно <?=$copyright?> и {page status}
Начинатся шаблон должен с (до тега <body>):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
{HEAD}
<style type="text/css" media="all">
@import url({theme}/style/main.css);
@import url({theme}/style/tools.css);
@import url({theme}/style/blocks.css);
@import url({theme}/style/base.css);
@import url({theme}/style/engine.css);
</style>
<link rel="shortcut icon" href="favicon.ico" />
</head>
В нашем случае будет выглядеть так(внимание надо убрать не нужные яваскрипты от антислаеда):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
{HEAD}
<script language="JavaScript" type="text/javascript">
date = new Date();
a = date.getHours();
if (a > 8 && a < 20) {
document.write("<link rel='stylesheet' href='templates/Oslik/style-day.css' type='text/css'>");
}
</script>
<link rel="shortcut icon" href="favicon.ico" />
</head>
<div id="loading" class="loading" style="display: none;">
<span><?=$Mainclass->lang['main']['loading']?></span>
</div>
{%BLOCKS admin%}
2) Исправив все переменные index'a нам надо поправить ссылки на изображения а так же сделать тоже самое с переменными в других шаблонах (BlockLeft,BlockRiht,Base и др.). Подробнее об этом вы можете прочитать здесь . На это пока что всё. Ждите следующих уроков, задавайте вопросы и познавайте возможности системы =)