OpenStreetBugs — лёгкий способ сообщить об ошибке в OpenStreetMap

OpenStreetBugs — лёгкий способ сообщить об ошибке в OpenStreetMap

Вы, конечно, знаете о свободной карте OpenStreetMap. Это настоящая народная карта, создаваемая такими же людьми как и вы! Это такой же opensource-проект как Linux и как Википедия. Конечно же, как и в других картах, в OpenStreetMap имеются ошибки, но в отличие от тех же Яндекс.Карт, где ошибки не исправляются годами из-за сложной бюрократической процедуры (я уже не говорю о намеренных ошибках), в OpenStreetMap всё гораздо проще и лучше для всех нас...
Подробнее..

CloudMade Navigation поддерживает ограничения манёвров

CloudMade Navigation поддерживает ограничения манёвров

Не так давно CloudMade выделил несколько приоритетных направлений, среди которых оказалась и навигация. Решено было создать специальный проект Navi Studio, который объединял бы в себе несколько более мелких сервисов и позволял пользоваться ими, для создания полноценного навигационного программного обеспечения. В Navi Studio вошли: Работа закипела и уже появилось несколько приложений использующих данный проект. Но полноценной навигации без соблюдения правил ПДД не существует, а потому данному вопросу было также уделено не мало времени...
Подробнее..

Удали себя из интернет-социума — «Web 2.0 Suicide Machine»

Удали себя из интернет-социума — «Web 2.0 Suicide Machine»

Недавно наткнулся в сети на один занимательный интернет-сервис, именующийся Web 2.0 Suicide machine . Предназначен он для того, чтобы позволить людям, обремененным «социальной жизнью в интернете», в пару кликов удалить свои аккаунты на Facebook (в данный момент сервис блокирован администрацией по IP), Twitter, Linkedin и Myspace. В общем-то судя по количеству положительных отзывов и «успешных очищений» — пипл хавает зависимые от социальных сетей успешно пользуются сервисом и довольны...
Подробнее..




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

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

data life engine. урок 7. оформляем результаты поиска

Этот шаблон многие не любят, очень много кода, сложно разобраться. На самом деле это все гораздо проще, чем кажется. Поиск проводится по новостям либо по комментариям, результаты поиска могут быть выведены в виде статей или заголовков. Естественно для всего этого нужно написать код и сделать дизайн, условно этот код состоит из 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;
}

 


Читайте:


Добавить комментарий


Защитный код
Обновить

Buy this real Titan gel
News image

WebsiteSpark – новые возможности для веб-дизайнеров и разработчиков!

Microsoft запускает уникальную программу по предоставлению ПО и поддержки для профессиональных веб-разработчиков и дизайнеров. Компания Microsoft...

News image

API тем iGoogle (Лаборатория Google)

С чего начать? Загрузите шаблон XML и подпишитесь на тестовую среду. Прочтите Руководство разработчика тем. В случае необходимости, обращай...

News image

Язык C#: от Microsoft для разработчиков

В последнее время внимание сообщества специалистов IT-индустрии приковано к новой инициативе компании Microsoft -- .NET. Однако в своем восприятии э...

News image

Встроенные средства для разработчиков Mac

Система Mac OS X Snow Leopard включает в себя полный набор инструментов разработчика, объединённых одной целью: дать вам возможность создавать отлич...

News image

Набор интегрированных продуктов Oracle Access & Identity Managemen

Oracle IAMS представляет собой семейство интегрированных продуктов для управления безопасностью на основе бизнес-ролей и должностных обязанностей; д...

Топ технологий:

News image

Оздана новая система беспроводной связи - она в 10

Ученые из Национального тайваньского университета разработали новую систему беспроводной передачи данных, которая позволит передавать инф...

News image

Как взломали Twitter

В Интернетах, наряду с iPad, сканерами в аэропортах и войне между Google и Apple, уже второй день подряд активно обсуждается тема взлома и...