Создание шаблона для Red.Button TRANSFORMER 2.0

Как создать шаблон для Red Button

Дорген мы уже настроили, теперь нам нужно создать под него шаблон. Создавать мы его будем также из обычного DLE шаблона, которых кучи везде и вам найти не составит проблем.

Перед создание рекомендую посмотреть и почитать макросы доступные для этого доргена. Все это мы будем делать на примере шаблона AdultData.

Скачиваем оригинал шаблона если кому нужно и скачиваем уже почищенный от лишних блоков, я оставил по блоку с каждой стороны и центральный блок под контент.

Первым делом папку с шаблоном нам нужно переименовать, добавив к названию _tpl иначе дорген не найдет ваш шаблон. Было

AdultData

стало

AdultData_tpl

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

[SITE]

Из нашего DLE шаблона нам понадобятся только два файла main.tpl и shortstory.tpl.

В начале переименовываем main.tpl в index.html. Открываем полученный файл для редактирования.

Теперь заменяем

{THEME}/

на

[SITE]/

т.е. к примеру у нас было

"{THEME}/css/engine.css"

должно получиться

"[SITE]/css/engine.css"

и в таком виде долны быть все ссылки, иначе шаблон на категориях развалится.

Далее удаляем макросы

{headers} {AJAX}

Теперь нам нужно добавить код самой новости, для этого открываем shortstory.tpl и копируем весь код и вставляем его вместо макросов

{info}{content}

Дальше код, который мы взяли из shortstory.tpl обрамляем макросами

[DOIT-X-Y][/DOIT]

т.е. должно получить

[DOIT-X-Y]то, что было в shortstory.tpl[/DOIT]

Например у нас в shortstory.tpl было

<table width="530" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="10" align="left" valign="top"><img width="10" src="{THEME}/images/AdultData/artarea4.gif" height="26" border="0"></td>

<td width="510" class="artblock_t"><table width="510" border="0" cellspacing="0" cellpadding="0">

<td align="left" class="ntitle" height="27">{title}</td>

<td align="right" class="category" height="27">{link-category}</td>

</tr>

</table></td>

<td width="10" align="left" valign="top"><img width="10" src="{THEME}/images/AdultData/artarea5.gif" height="26" border="0"></td>

<td width="10" align="left" valign="top" height="10"><img width="10" src="{THEME}/images/AdultData/artarea6.gif" height="15" border="0"></td>

<td width="510" class="artblock_m" height="10"></td>

<td width="10" align="left" valign="top" height="10"><img width="10" src="{THEME}/images/AdultData/artarea7.gif" height="15" border="0"></td>

<td width="10" class="artblock_l">&nbsp;</td>

<td width="510" align="left" valign="top" bgcolor="#622617" class="news">{short-story}</td>

<td width="10" class="artblock_r">&nbsp;</td>

<td width="10" align="left" valign="top"><img width="10" src="{THEME}/images/AdultData/artarea8.gif" height="35" border="0"></td>

<td width="510" class="artblock_b"><table width="510" border="0" cellspacing="0" cellpadding="0">

<td width="120" align="left" class="slink">{rating}</td>

<td align="right" class="slink">[edit]<img src="{THEME}/images/edit.png" title = "Редактировать новость" border="0">[/edit] {favorites}&nbsp;&nbsp;Просмотров:&nbsp;{views}&nbsp;&nbsp;Автор:&nbsp;{author}&nbsp;&nbsp;{date}<br />

[com-link]<font color="#FEB079">Комментарии ({comments-num})</font>[/com-link]&nbsp;[full-link]<font color="white">Подробнее</font>[/full-link]</td>

<td width="10" align="left" valign="top"><img width="10" src="{THEME}/images/AdultData/artarea9.gif" height="35" border="0"></td>

</table>

<br />

Должно стать

[PAGES][DOIT-X-Y]

<table width="530" border="0" cellspacing="0" cellpadding="0">

<br />

[/DOIT]

В макросе

[DOIT-X-Y]

вместо X-Y мы должны поставить значение сколько новостей будет на сайте к примену

[DOIT-7-9]

Также не забываем заменить опять появившиеся

{THEME}/

Дальше будем расставлять макросы и прочее

После тега

<head>

добавляем название, описание и кейворды для каждой страницы.

<title> [TITLE] — А также [RANDKEYWORD]</title>

<meta http-equiv="content-type" content="text/html; charset=windows-1251">

<meta name="description" content="[DESCRIPTION]">

<meta name="keywords" content="[RANDKEYWORD], [RANDKEYWORD], [RANDKEYWORD]" />

<meta name="allow-search" content="yes" />

<meta name="language" content="russian" />

Для каждого дора лучше делать свой

[TITLE]

добавляя кейворды и меняя слова.

Также в тайтле не должно содержаться более 20 слов.

После мета-тегов и описания добавляем кнопку перехода:

<div style="padding-top:0%"><center><a target="_blank" href="ССЫЛКА НА ПЛАТНИК"><img src="ССЫЛКА НА КАРТИНКУ"></a></center></div>

<div style="padding-top:150%"></div>

Лучше не делать прямые ссылки на платники, так как поисковые системы могут их спалить, лучше всего сливать трафик чере TDS систему. И к тому же, мы всегда легко сможем сменить ссылку на платник через тдску.

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

Оставшиеся у нас в папке файлы в формате

*.tpl

удаляем, у нас останет index.html, preview.css и папки.

Редактируем дальше наш шаблон.

Теперь нам нужно подготовить нашу новость

заменяем

{title}
[RANDKEYWORDURL]

это

{link-category}
[RANDCATURLCLEAR]
{short-story}
[PLTEXT-5-7-(4|6)]
Просмотров:&nbsp;{views}
Просмотров:&nbsp;[RAND-2-60]
Автор:&nbsp;{author}
Автор:&nbsp;[NICK]
{date}
[DATE]
[com-link]<font color="#FEB079">Комментарии ({comments-num})</font>[/com-link]
Комментарии [RAND-26-66]
[full-link]<font color="white">Подробнее</font>[/full-link]

Новость мы подготовили, сейчас нам осталось меню и правый блок.

пойдем по порядку, создадим меню, находим

<tr>

<td width="21"><img src="[SITE]/images/AdultData/icon_sub.gif" width="21" height="13" border="0" /></td>

<td width="147"><a href="/" class="category"><span style="line-height:100%; margin-top:0; margin-bottom:0;">Раздел сайта</span></a></td>

<td width="147"><span style="line-height:100%; margin-top:0; margin-bottom:0;"><a href="/" class="category">Раздел сайта</a></span></td>

<td width="147"><span style="line-height:100%;"><a href="/" class="category">Раздел сайта</a></span></td>

<td width="21" height="14"><img src="[SITE]/images/AdultData/icon_sub.gif" width="21" height="13" border="0" /></td>

<td width="147" height="14"><a href="/" class="category"><span style="line-height:100%;">Раздел сайта</span></a></td>

</tr>

и заменяем на

<a href="[SITE]" title="заити на главную страницу">На Главную</a><br>

<ul>[MENU-0-15]</ul><br>

------------------------<br>

<a href="[SITE]/rss.xml" title="RSS">Наш RSS</a><br>

<a href="[SITE]/[MAP]" title="Карта сайта">Карта сайта</a><br>

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

{vote}
<li> [RANDKEYWORDURL]</li><br>

<li> [RANDKEYWORDURL]</li><br>

<li> [RANDKEYWORDURL]</li><br>

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

берем

<img

и массово заменяем на

<img alt="[RANDKEYWORD]"

Теперь копируем файл index.html и переименовываем в theme.html и в theme.html заменяем наше меню

на вот такое

<a href="[SITE]/[MAP]" title="Карта сайта">Карта сайта</a><br>

<!-- hesoyam rb -->

<hr size=1 id=8888>

<!-- hesoyam rb -->

у нас появились так называемые хесоямы, чтобы долго не возиться с ними и не разъяснять как они работают, мы просто их вот так вставим. По сути ими разделяются части шаблона на хедер, футер и контент, в хесоямы помещяется та часть шаблона, которая изменяется. Если их вставить неправильно, то шаблон в какой то части развалится или появится что нибудь непонятное.

Теперь создадим шаблон для карты сайта, копируем опять же theme.html и называем его map.html, открываем наш map.html и заменяем нашу часть, где мы выводили контент

[PAGES][DOIT-7-9]

<td width="10" align="left" valign="top"><img alt="[RANDKEYWORD]" width="10" src="[SITE]/images/AdultData/artarea4.gif" height="26" border="0"></td>

<td align="left" class="ntitle" height="27">[RANDKEYWORDURL]</td>

<td align="right" class="category" height="27">[RANDCATURLCLEAR]</td>

<td width="10" align="left" valign="top"><img alt="[RANDKEYWORD]" width="10" src="[SITE]/images/AdultData/artarea5.gif" height="26" border="0"></td>

<td width="10" align="left" valign="top" height="10"><img alt="[RANDKEYWORD]" width="10" src="[SITE]/images/AdultData/artarea6.gif" height="15" border="0"></td>

<td width="10" align="left" valign="top" height="10"><img alt="[RANDKEYWORD]" width="10" src="[SITE]/images/AdultData/artarea7.gif" height="15" border="0"></td>

<td width="510" align="left" valign="top" bgcolor="#622617" class="news">[PLTEXT-5-7-(4|6)]</td>

<td width="10" align="left" valign="top"><img alt="[RANDKEYWORD]" width="10" src="[SITE]/images/AdultData/artarea8.gif" height="35" border="0"></td>

<td align="right" class="slink">Просмотров:&nbsp;[RAND-2-60]&nbsp;&nbsp;Автор:&nbsp;[NICK]&nbsp;&nbsp;[DATE]<br />

<font color="#FEB079">Комментарии [RAND-26-66] </font><font color="white">[RANDKEYWORDURL]</font></td>

<td width="10" align="left" valign="top"><img alt="[RANDKEYWORD]" width="10" src="[SITE]/images/AdultData/artarea9.gif" height="35" border="0"></td>

[/DOIT]

и также удаляем в этом файле старые хесоямы, которые мы вставили около меню, а именно

<!-- hesoyam rb -->

Ну и на последок наведем марафет в шаблоне, поставим ссылки там, где есть места, также можно написать какой нибудь текст в футере, вместо копирайтов.

Ну вот, без особой фантазии мы создали шаблон для доргена. Можете его скачать.

Также вот еще одна версия этого же шаблона, но без кнопки перехода, а с баннерами.

Мне она больше нравится и я чаще пользуюсь такими методами.

Ну вот, чутка тем попалил и шаблончик сделали, пользуйтесь.