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. Урок 5. Оформляем приватные сообщения

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

data life engine. урок 5. оформляем приватные сообщения

Оформляем приватные сообщения (pm.tpl)

Многие почему-то побаиваются оформления ПС - приватных сообщений. Возможно это происходит из за того, что внутри этот шаблон выглядит весьма угрожающе, много когда, какие-то непонятные открывающие и закрывающие теги.
На самом же деле - это как раз один из простейших шаблонов, условно он разделен на 4 части%
1. заголовок+микроменю (входящие сообщения/отправленные сообщения/отправить сообщение)
2. список сообщений
3. написать новое сообщение, окно редактора
4. просмотр (чтение) сообщения

причем первая часть, заголовок+меню всегда неизменна и всегда вверху, по клику ссылки меню - меняется нижняя часть, список сообщений/написать новое/просмотр

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

Теперь чуть более подробно:

Вот эта часть кода вверху отвечает за заголовок+микроменю

[inbox]Входящие сообщения[/inbox][outbox]Отправленные сообщения[/outbox] [new_pm]Отправить сообщение[/new_pm]

Все, что между тегами [pmlist][/pmlist] - это вывод списка сообщений
Все, что между тегами [newpm][/newpm] - это написание нового сообщения
Все, что между тегами [readpm][/readpm] - это просмотр(чтение) сообщения

Код для pm.tpl будем писать по частям, которые потом все вместе вставим в шаблон.

<div class= pm_z >Персональные сообщения</div>
<div class= pm_t align= center ><img src= {THEME}/images/arrow_pm_2.png align= absmiddle border= 0 >[inbox]Входящие сообщения[/inbox]  <img src= {THEME}/images/arrow_pm_2.png align= absmiddle border= 0 >[outbox]Отправленные сообщения[/outbox]  <img src= {THEME}/images/arrow_pm_2.png align= absmiddle border= 0 >[new_pm]Отправить сообщение[/new_pm]</div>

[inbox]Входящие сообщения[/inbox] - ссылка на входящие сообщения, текст между тегами любой
[outbox]Отправленные сообщения[/outbox] - ссылка на входящие сообщения, текст между тегами любой
[new_pm]Отправить сообщение[/new_pm] - ссылка на написание нового сообщения

[pmlist]
<div class= pm_z_2 >Список сообщений</div>
<table width= 100% border= 0 cellspacing= 0 cellpadding= 0 class= pm_l >
<tr>
<td>{pmlist}</td>
</tr>
</table>
[/pmlist]

{pmlist} - выводит список заголовков сообщений

[newpm]
<div class= pm_z_3 >Отправка персонального сообщения</div>
<table width= 100% border= 0 cellspacing= 0 cellpadding= 0 style= padding: 10px; border: 1px solid #CCC; margin:10px; class= news >
<tr>
<td width= 104 height= 25 >Получатель:</td>
<td width= 1292 height= 25 ><input type= text name= name value= {author} class= f_in_1 /></td>
</tr>
<tr>
<td width= 104 height= 25 >Тема:</td>
<td width= 1292 height= 25 ><input type= text name= subj value= {subj} class= f_in_2 /></td>
</tr>
<tr>
<td colspan= 2 >{editor}<input type= checkbox name= outboxcopy value= 1 /> Сохранить сообщение в папке Отправленные <br /><br />
</td>
</tr>
[sec_code]
<tr>
<td width= 104 height= 25 >Код:</td>
<td width= 1292 height= 25 ><br />{sec_code}</td>
</tr>
<tr>
<td width= 104 height= 25 >Введите код:</td>
<td width= 1292 height= 25 ><input type= text name= sec_code id= sec_code style= width:115px class= f_input /></td>
</tr>
[/sec_code]
<tr>
<td colspan= 2 >
<input class= bbcodes_poll type= submit name= add value= отправить />  <input class= bbcodes_poll type= button onclick= dlePMPreview() value= просмотр />
</td>
</tr>
</table>
[/newpm]

{editor} - выводит окно редактора
[sec_code][/sec_code] - все что между этими тегами относится к выводу кода безопасности
{sec_code} - выводит картинку с секретным кодом

Код нового сообщения довольно большой, но если посмотреть внимательно - то совсем не страшный, это заголовок+табличка с полями и редактором+кнопка отправить, и все. [readpm]
<div class= pm_z_4 >{subj}</div>
<div class= pm_info >Отправил: {author}    <img src= {THEME}/images/arrow_pm.png align= absmiddle border= 0 >[reply][ответить][/reply]  <img src= {THEME}/images/arrow_pm.png align= absmiddle border= 0 >[del][удалить][/del]</div>
<div class= pm_text >{text}</div>
[/readpm]

{subj} - тема сообщения
{author} - автор собщения
[reply][ответить][/reply] - ответить на это сообщение, текст между тегами любой
[del][удалить][/del] - удалить сообщение, текст между тегами любой
{text} - выводит текст сообщения

В файл style.css добавляем следующий код:

.pm_z{
background: url(../images/mail_z.png) no-repeat 15px 0px;
height: 25px;
width: 250px;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 14px;
padding-top: 5px;
font-weight: bold;
color: #8E2F0D;
padding-left: 40px;
}

.pm_t {
font-family:Tahoma;
font-size:11px;
color:#606D77;
border: 2px dotted #cccccc;
margin-top: 5px;
margin-left: 10px;
padding: 5px;
height: 25px;
}
.pm_t a, .pm_t a:visited, .pm_t a:link {
color: #900;
text-decoration:none;
font-weight:bold;
}
.pm_t a:hover {
color: #B35800;
text-decoration: underline;
font-weight:bold;
}

.pm_z_2{
background: url(../images/mailbox.png) no-repeat 15px 0px;
height: 25px;
width: 250px;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 14px;
padding-top: 5px;
margin-top: 15px;
font-weight: bold;
color: #8E2F0D;
padding-left: 40px;
}

.pm_l {
font-family:Tahoma;
font-size:11px;
color:#606D77;
border: 1px solid #cccccc;
margin-top: 5px;
margin-left: 10px;
padding: 5px;
}

.pm_l td{
padding: 3px;
}

.pm_z_3{
background: url(../images/mail_post.png) no-repeat 15px 0px;
height: 25px;
width: 350px;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 14px;
padding-top: 5px;
margin-top: 15px;
font-weight: bold;
color: #8E2F0D;
padding-left: 40px;
}

.pm_z_4{
background: url(../images/mail_open.png) no-repeat 15px 0px;
height: 25px;
width: 250px;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 14px;
padding-top: 5px;
margin-top: 15px;
font-weight: bold;
color: #000000;
padding-left: 40px;
}

.pm_text{
border:1px solid #CCCCCC;
margin-left: 18px;
margin-right: 0px;
padding: 5px;
}

.pm_info{
font-size: 12px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-left: 15px;
padding-bottom: 5px;
}

.f_in_1{
width: 140px;
height: 14px;
border: 1px solid #e0e0e0;
background-color: #ffffff;
}
.f_in_2{
width: 250px;
height: 14px;
border: 1px solid #e0e0e0;
background-color: #ffffff;
}

Смотрим, что у нас получилось:

 


Читайте:


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


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

News image

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

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

News image

Apple заставила разработчиков писать приложения для iPad вслепую

Многие разработчики приложений для Apple iPad остались недовольны возможностями эмулятора устройства, пишет The New York Times. Они ждут поступления...

News image

Solaris больше не бесплатен

Oracle постепенно начинает прикрывать «бесплатные лавочки», доставшиеся ей в нагрузку с Sun Microsystems. Первой попала под раздачу операционная сис...

News image

Новый язык программирования от Apple?

Майк Цай из Daringfireball поделился своим мнением насчет нового языка программирования, который по слухам создает Apple. После просмотра официально...

News image

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

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

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

News image

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

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

News image

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

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