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. Урок 3. Оформляем комментарии

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

data life engine. урок 3. оформляем комментарии

Без комментариев ну никак нельзя, должны же юзвери писать всякие гадости в комментах к вашим новостям Потом эти гадости индексируются поисковиками и вы получаете +немножко посещаемости. Оформлять нужно комментарии+форму добавления комментариев.

1. Оформляем сами комментарии (comments.tpl)

Для начала о том, что представляют собой комментарии - в нашем случае это будет табличка с двумя строками и столбцами. Слева будет аватар+информация о пользователе, над ним номер комментария, справа вверху - действия с комментарием (редактировать, удалить, цитировать) а так же тег news_title (о нем чуть позже расскажу). В центральной части будет вывод самого комментария, автора и его подписи.

Давайте сразу посмотрим, что здесь к чему:
#{comment-id} - выводит номер комментария 1й-2й-3й и т.д.
{group-icon} - выводит иконку группы, администратор, модератор и т.д.
Группа: {group-name} - название группы
Регистрация: {registration} - когда зарегистрирован пользователь
Публикаций: {news-num} - количество публикаций на сайте
Комментариев: {comm-num} - количество комментариев на сайте
Автор: {author} {date} - выводит автора комментария и дату размещения
{comment} - выводит текст комментария
[signature]{signature}[/signature] - выводит подпись комментатора
{news_title} - выводит ссылку на новость при просмотре последних комментариев, при выводе комментариев в новости тег вырезается
[fast] Цитировать[/fast] - цитирование, слово между тегами [fast][/fast] можно ставить любое
[com-edit] Изменить[/com-edit] - редактирование комментария, слово между тегами [com-edit][/com-edit] можно ставить любое
[com-del] Удалить[/com-del] - удаление, слово между тегами [com-del][/com-del] можно ставить любое.

{mass-action} - массовый выбор комментариев

Ну вот теперь мы все знаем, какой тег и за что отвечает, размещать их можно так как вам удобно и как того требует дизайн.<table width= 100% border= 0 align= center cellpadding= 0 cellspacing= 0 >
<tr>
<td width= 17% align= center valign= top ><b>#{comment-id}</b></td>
<td width= 83% valign= middle align= left >{news_title}<div class= comment_options align= right >{mass-action}[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 />{group-icon}<br />Группа: {group-name}<br />Регистрация: {registration}<br />Публикаций: {news-num}<br />Комментариев: {comm-num}</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 >Автор: <b>{author}</b> <font color= #999999 >({date})</font></div>{comment}[signature]<br /><br />--------------------<br /><div class= slink >{signature}</div>[/signature]
</div>
</td>
</tr>
</table>
<br>

в найш файл style.css добавляем стили для комментариев:

.comments_text{
border:1px solid #CCCCCC;
margin-left: 18px;
margin-right: 0px;
padding: 5px;
}
.comment_pic {
height:20px;
padding-top: 45px;
width:20px;
float: left;
}

.comment_info{
font-size: 12px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding-bottom: 15px;
}
.comment_info a{
text-decoration: none;

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

}

В стилях мы указали цвет, шрифт, цвета ссылок, границы и отступы.

2. Оформляем форму добавления комментариев (addcomments.tpl)

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

{title} - заголовок, он статичный, выдает надпись Добавление комментария
Ваше имя/Ваш емейл - поля для вода имени и почты
{editor} - выводит окно редактора
{sec_code} - код безопасности, защита от спам-ботов

Открываем файл addcomments.tpl, удаляем все из него, вставляем туда вот такой код<table width= 100% border= 0 cellpadding= 0 cellspacing= 0 >
<tr>
<td align= center ><div class= comments_add >{title}</div>
</td>
</tr>
<tr>
<td height= 80 ><table width= 450 align= center >
[not-logged]
<tr>
<td width= 60 height= 25 align= left class= slink >Ваше Имя:</td>
<td width= 443 height= 25 align= left style= width:380px; ><input type= text name= name2 id= name2 class= comment_user /></td>
</tr>
<tr>
<td width= 60 height= 25 align= left class= slink >Ваш E-Mail:</td>
<td height= 25 align= left ><input type= text name= mail2 id= mail2 class= comment_mail /></td>
</tr>
[/not-logged]
<tr>
<td colspan= 2 >{editor}</td>
</tr>
[sec_code]
<tr>
<td align= left class= slink >Код:</td>
<td align= left class= slink >{sec_code}</td>
</tr>
<tr>
<td width= 60 height= 25 align= left class= slink >Введите код</td>
<td align= left ><input type= text name= sec_code2 id= sec_code2 style= width:167px; height:20px; font-family:tahoma; font-size:11px; border:1px solid #E0E0E0 /></td>
</tr>
[/sec_code]
<tr>
<td colspan= 2 align= left ><br />
<input onclick= doAddComments();return false; name= submit2 type= image src= {THEME}/images/send_comm.gif />
<br />
<br /></td>
</tr>
</table></td>
</tr>
</table>

Код большой но не страшный, 2 таблицы друг в друге и все+теги.

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

.comments_add{
background: url(../images/comments_add.png) no-repeat;
height: 48px;
width: 250px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
padding-top: 15px;
font-weight: bold;
color: #8E2F0D;
padding-left: 50px;
}
.comment_mail{
background: url(../images/mails.png) no-repeat left #FFFFFF;
padding-left: 21px;
width:140px;
height:20px;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
border:1px solid #E0E0E0;
}
.comment_user{
background: url(../images/user.png) no-repeat left #FFFFFF;
padding-left: 21px;
width:140px;
height:20px;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
border:1px solid #E0E0E0;
}

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

Вот что у нас получится в итоге:

 


Читайте:


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


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

News image

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

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

News image

Наиболее полное руководство по Internet Explorer 9 для разработчиков (

4 августа строго по графику (период 6-8 недель) вышла четвертая тестовая сборка Internet Explorer 9. На Хабре уже успели написать про этот релиз и р...

News image

Embedded InnoDB новый движок баз данных

Oracle выпустила Embedded InnoDB. Совсем недавно «красный гигант» выпустили Embedded InnoDB, под довольно демократичной лицензией GPLv2, не Апатч...

News image

Новости для разработчиков

Microsoft выпустила обновленную версию своего набора вспомогательных инструментов разработчика под названием Visual Studio 2010 Productivity Power T...

News image

Лабиринт технологий виртуализации Microsoft

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

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

News image

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

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

News image

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

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