Data Life Engine. Урок 7. Оформляем результаты поиска

Веб разработка - Уроки dle

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

Поиск по новостям - результат в виде статей (1 часть)
Поиск по новостям - результат в виде заголовков (2 часть)
Поиск по комментариям - результат в виде статей (3 часть)
Поиск по комментариям - результат в виде заголовков (4 часть)

Как это выглядит в визуальном редакторе я покажу в конце, иначе запутаетесь, для начала мы разделим код на 2 части - вывод результатов поиска по статьям в виде статей и заголовков и вывод результатов поиска по комментариям в виде статей и заголовков, потом этот код объединим и вставим в шаблон

Код 1 (Вывод результатов поиска по статьям в виде статей и заголовков)

Теперь внимательно смотрим на этот код

Весь код находится между тегами [searchposts] и [/searchposts], все что между ними относится к поиску в новостях.
Первая часть код находится между тегами [fullresult] и [/fullresult] - это то, что пользователь увидит при выводе результатов поиска в виде статей
Вторая часть кода находится между тегами [shortresult] и [/shortresult] - это то, что пользователь увидит при выводе результатов в виде заголовков.

Теги для результатов поиска по статьям в виде статей
{result-title} - заголовок найденной статьи
{result-author} - автор
{result-date} - дата размещения
{views} - количество просмотров
{result-comments} - комментарии
{link-category} - категория
#{search-id} - номер найденной статьи (если найдет например 5 шт, то будут номера 1,2,3,4,5)
{result-text} - текст найденной статьи
[result-link][/result-link] - ссылка на полную версию

Теги для результатов поиска по статьям в виде заголовков
[result-link]{result-title}[/result-link] - заголовок новости, который сразу является ссылкой на полную новость
{link-category} - категория
#{search-id} - номер найденной статьи
{views} - количество просмотров
{result-author} - автор
{result-date} - дата размещения
{result-comments} - комментарии

т.е. по сути вам межу тегами [shortresult] и [/shortresult] нужно оформить табличку с тегами, в которой будет отображаться результат поиска, и то же самое сделать для тегов [fullresult] и [/fullresult].

CSS для оформления я дам в конце урока.

Скриншоты
Результаты поиска по статьям в виде статей

Переходим к поиску по комментариям, тут уже легче, потому, что оформление почти такое же как и в первой части для статей.

Код 2 (Вывод результатов поиска по комментариям в виде статей и заголовков) [searchcomments]

[fullresult]
<table width= 100% border= 0 align= center cellpadding= 0 cellspacing= 0 >
<tr>
<td width= 17% align= center valign= top ><b>#{search-id}</b></td>
<td width= 83% valign= middle align= left ><img src= {THEME}/images/find_result.png align= absmiddle > <b>[result-link]{result-title}[/result-link]</b><div class= comment_options align= right >[fast]<img width= 16 height= 16 alt= * src= {THEME}/images/quote_p.png align= absmiddle border= 0 > Цитировать[/fast] [com-edit] <img width= 16 height= 16 alt= * src= {THEME}/images/edit.png align= absmiddle border= 0 > Изменить[/com-edit] [com-del] <img width= 16 height= 16 alt= * src= {THEME}/images/delete.png align= absmiddle border= 0 > Удалить[/com-del]</div></td>
</tr>
<tr>
<td align= center valign= top ><br /> <img src= {foto} border= 0 ><br />Регистрация: {registration}<br />ICQ: {icq}<br />{ip}</td>
<td width= 100% align= left valign= top >
<div class= comment_pic ><img width= 20 height= 20 alt= * src= {THEME}/images/c.jpg ></div>
<div class= comments_text ><div class= comment_info >  <img width= 9 height= 6 alt= * src= {THEME}/images/p_comment.gif >Автор: {result-author} ({result-date}) </div>{result-text}[signature]<br /><br />--------------------<br /><div class= slink >{signature}</div>[/signature]

</div>

</td>
</tr>
</table><br><br>
[/fullresult]

[shortresult]
<div class= news >написал: {result-author} ({result-date}) [result-link]{result-title}[/result-link] <font size= 1 >#{search-id}</font> </div>
[/shortresult]

[/searchcomments]

Весь код находится между тегами [/searchcomments] и [/searchcomments], все что между ними относится к поиску в комментариях.
Первая часть код находится между тегами [fullresult] и [/fullresult] - это то, что пользователь увидит при выводе результатов поиска в виде статей
Вторая часть кода находится между тегами [shortresult] и [/shortresult] - это то, что пользователь увидит при выводе результатов в виде заголовков.

Теги для результатов поиска по комментариям в виде статей
#{search-id} - номер
[result-link]{result-title}[/result-link] - заголовок (выводится заголовок новости к которой написан комментарий), этот же заголовок является ссылкой на новость
{registration} - когда зарегистрирован
{icq} - ICQ
{ip}- IP адрес
{result-author} - автор комментария
{result-date} - дата размещения
{result-text} - текст найденного комментария

Теги для результатов поиска по комментариям в виде заголовков
{result-author} - автор комментария
{result-date} - дата размещения
[result-link]{result-title}[/result-link] - заголовок (выводится заголовок новости к которой написан комментарий), этот же заголовок является ссылкой на новость
#{search-id} - номер

В файл style.css добавляем такой код:

.search_num{
float: right;
font-size: 25px;
font-weight: bold;
color: #f70000;
border: 1px #000000 solid;
padding: 3px;
}
.news_search{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-top: 3px;
font-weight: bold;
color: #8E2F0D;
padding-left: 5px;
}

.news_search a:active,
.news_search a:visited,
.news_search a:link {
text-decoration: underline;
}

.news_search a:hover {
text-decoration:none;
}