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;
}

 


Читайте:


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


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

таких
News image

Google Web Toolkit

Создание веб-приложений в наше время - это нудное занятие, при котором к тому же постоянно возникают ошибки. Разработчик может провести до 90% време...

News image

Microsoft, инновации и откровенный флейм

Учитывая то количество флейма которое летит в направлении Microsoft/.Net разработчиков, тот пост что я пишу сейчас надо было написать уже давно, даб...

News image

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

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

News image

Microsoft спонсирует разработчиков чтобы догнать Apple

Отчеты операторов мобильной рекламы и консалтинговых компаний отнюдь не утешительны для Microsoft как компании претендующей на лидерскую позицию в п...

News image

OpenCL

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

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

News image

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

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

News image

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

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