Руководство по созданию дизайна для DataLife Engine 5.х-6.3

list Обсудить на форуме DLE

Навигация:

Скачать необходимые файлы
Подготовка к использованию уроков и немного о самих уроках (обязательно к прочтению перед выполнением уроков)
Урок номер 1 - Оформление блоков в DLE, или свой дизайн блока за 5 минут.
Урок номер 2 - Оформляем новости или Сделаем юзерам приятно!
Урок номер 3 - Оформление комментариев или комментируем всё!
Урок номер 4 - Оформляем обратную связь, потерянный пароль, страницу оффлайн, статистику и инфо.
Урок номер 5 - Оформляем приватные сообщения.
Урок номер 6 - Оформляем добавление новостей и регистрацию посетителей.
Урок номер 7 - Меняем логотип, делаем навигацию, меняем копирайты, меняем рекламный блок, редактируем форму поиска
Урок номер 8 - Оформляем статические страницы, опросы и speedbar
Урок номер 9 - Оформляем результаты поиска, страницу поиска , оформляем панель информации пользователя
Урок номер 10 - Вредные советы.
Урок номер 11 - Создаем основную страницу "с нуля"
Урок номер 12 - Расширенное редактирование login.tpl
Дополнение 1 - Добавляем дополнительные поля в профиль пользователя
Дополнение 2 - Добавляем дополнительные поля в новости


Урок номер 5
Оформляем приватные сообщения.

 

Довольно сложный урок(много кода, хотя он по сути довольно прост), иногда в коде pm.tpl путаюсь и я, но на этот раз постараюсь не запутаться.

Итак открываем файл pm.tpl, там находится довольно внушительный код:

Код 1:

<table width="100%">
<tr>
<td width="5"><img src="{THEME}/images/mtdlgeen.png" width="5" height="58" border="0"></td>
<td background="{THEME}/images/mtdbggreen.png" class="ntitle" valign="top">Персональные сообщения</td>
<td width="5"><img src="{THEME}/images/mtdrgreen.png" width="5" height="58" border="0"></td>
</tr>
<tr>
<td background="{THEME}/images/ltd.gif"><img src="{THEME}/images/ltd.gif" width="5" border="0"></td>
<td class="news" height="50"><div align="center">[inbox]Входящие сообщения[/inbox] || [outbox]Отправленные сообщения[/outbox] || [new_pm]Отправить сообщение[/new_pm]</div></td>
<td background="{THEME}/images/rtd.gif"><img src="{THEME}/images/rtd.gif" width="5" border="0"></td>
</tr>
<tr>
<td><img src="{THEME}/images/ltdb.png" width="5" height="10" border="0"></td>
<td background="{THEME}/images/tdbbg.png"><img src="{THEME}/images/tdbbg.png" width="1" height="10" border="0"></td>
<td><img src="{THEME}/images/rtdb.png" width="5" height="10" border="0"></td>
</tr>
</table>
[pmlist]
<table width="100%">
<tr>
<td width="5"><img src="{THEME}/images/mtdlred.png" width="5" height="58" border="0"></td>
<td background="{THEME}/images/mtdbgred.png" class="ntitle" valign="top">Список сообщений</td>
<td width="5"><img src="{THEME}/images/mtdrred.png" width="5" height="58" border="0"></td>
</tr>
<tr>
<td background="{THEME}/images/ltd.gif"><img src="{THEME}/images/ltd.gif" width="5" border="0"></td>
<td class="news">{pmlist}</td>
<td background="{THEME}/images/rtd.gif"><img src="{THEME}/images/rtd.gif" width="5" border="0"></td>
</tr>
<tr>
<td><img src="{THEME}/images/ltdb.png" width="5" height="10" border="0"></td>
<td background="{THEME}/images/tdbbg.png"><img src="{THEME}/images/tdbbg.png" width="1" height="10" border="0"></td>
<td><img src="{THEME}/images/rtdb.png" width="5" height="10" border="0"></td>
</tr>
</table>
[/pmlist]
[newpm]
<table width="100%">
<tr>
<td width="5"><img src="{THEME}/images/mtdlgeen.png" width="5" height="58" border="0"></td>
<td background="{THEME}/images/mtdbggreen.png" class="ntitle" valign="top">Отправка персонального сообщения</td>
<td width="5"><img src="{THEME}/images/mtdrgreen.png" width="5" height="58" border="0"></td>
</tr>
<tr>
<td background="{THEME}/images/ltd.gif"><img src="{THEME}/images/ltd.gif" width="5" border="0"></td>
<td class="news" valign="top" style="padding-left:20px;">
<table width="100%" class="slink">
<tr><td colspan="2">
<table class="slink">
<tr align="left" valign="middle">
<td width="80" height="25">Получатель:</td>
<td height="25"><input type="text" name="name" value="{author}" style="width:140px; height:20px; font-family:tahoma; font-size:11px; border:1px solid #E0E0E0 "></td>
</tr>
<tr align="left" valign="middle">
<td height="25" align="left" >Тема:</td>
<td height="25"><input type="text" name="subj" value="{subj}" style="width:200px; height:20px; font-family:tahoma; font-size:11px; border:1px solid #E0E0E0 "></td>
</tr></table>
</td></tr>
[not-wysywyg] <tr align="left" valign="middle">
<td colspan="2">{bbcode}</td>
</tr>[/not-wysywyg]
<tr>
<td colspan="2">[not-wysywyg]<textarea style="width:461px; height:160px; font-family:verdana; font-size:11px; border:1px solid #E0E0E0;" name="comments" id="comments">{text}</textarea>[/not-wysywyg]{wysiwyg}<br><input type="checkbox" name="outboxcopy" value="1"> Сохранить сообщение в папке "Отправленные"</td>
</tr>
[sec_code] <tr>
<td>Код:</td>
<td width="100%"><br />{sec_code}</td>
</tr>
<tr>
<td nowrap>Введите код:</td>
<td><input type="text" name="sec_code" id="sec_code" style="width:115px; font-family:verdana; font-size:11px; border:1px solid #E0E0E0;" /></td>
</tr>
[/sec_code]
<tr>
<td colspan="2"><br /><input class="bbcodes" type="submit" name="add" value="отправить" />&nbsp;&nbsp;<input class="bbcodes" type="button" onclick="dlePMPreview()" value="просмотр" /></td>
</tr>
</table>
</td>
<td background="{THEME}/images/rtd.gif"><img src="{THEME}/images/rtd.gif" width="5" border="0"></td>
</tr>
<tr>
<td><img src="{THEME}/images/ltdb.png" width="5" height="10" border="0"></td>
<td background="{THEME}/images/tdbbg.png"><img src="{THEME}/images/tdbbg.png" width="1" height="10" border="0"></td>
<td><img src="{THEME}/images/rtdb.png" width="5" height="10" border="0"></td>
</tr>
</table>
[/newpm]
[readpm]
<table width="100%">
<tr>
<td width="5"><img src="{THEME}/images/mtdlblue.png" width="5" height="58" border="0"></td>
<td background="{THEME}/images/mtdbgblue.png" class="ctitle" valign="top" colspan="2">{subj}</td>
<td width="5"><img src="{THEME}/images/mtdrblue.png" width="5" height="58" border="0"></td>
</tr>
<tr>
<td background="{THEME}/images/ltd.gif"><img src="{THEME}/images/ltd.gif" width="5" border="0"></td>
<td class="news" valign="top" height="50" colspan="2">{text}</td>
<td background="{THEME}/images/rtd.gif"><img src="{THEME}/images/rtd.gif" width="5" border="0"></td>
</tr>
<tr>
<td><img src="{THEME}/images/mtdlbot.png" width="5" height="32" border="0"></td>
<td background="{THEME}/images/mtdbgbot.gif" class="slink">Отправил: {author}</td>
<td background="{THEME}/images/mtdbgbot.gif" class="slink" align="right">[reply][ответить][/reply] [del][удалить][/del]</td>
<td><img src="{THEME}/images/mtdrbot.png" width="5" height="32" border="0"></td>
</tr>
</table>
[/readpm]

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


1 - таблица Персональные сообщения (та где располагается меню "Вхоящие сообщения", "Отправленные" "Отправить сообщение")

Код 2:

<table width="100%">
<tr>
<td width="5"><img src="{THEME}/images/mtdlgeen.png" width="5" height="58" border="0"></td>
<td background="{THEME}/images/mtdbggreen.png" class="ntitle" valign="top">Персональные сообщения</td>
<td width="5"><img src="{THEME}/images/mtdrgreen.png" width="5" height="58" border="0"></td>
</tr>
<tr>
<td background="{THEME}/images/ltd.gif"><img src="{THEME}/images/ltd.gif" width="5" border="0"></td>
<td class="news" height="50"><div align="center">[inbox]Входящие сообщения[/inbox] || [outbox]Отправленные сообщения[/outbox] || [new_pm]Отправить сообщение[/new_pm]</div></td>
<td background="{THEME}/images/rtd.gif"><img src="{THEME}/images/rtd.gif" width="5" border="0"></td>
</tr>
<tr>
<td><img src="{THEME}/images/ltdb.png" width="5" height="10" border="0"></td>
<td background="{THEME}/images/tdbbg.png"><img src="{THEME}/images/tdbbg.png" width="1" height="10" border="0"></td>
<td><img src="{THEME}/images/rtdb.png" width="5" height="10" border="0"></td>
</tr>
</table>

Что у нас здесь есть:

У нас есть Заголовок - Персональные сообщения
[inbox]Входящие сообщения[/inbox] - сылка на входящие сообщения
[outbox]Отправленные сообщения[/outbox] - ссылка на отправленные сообщения
[new_pm]Отправить сообщение[/new_pm] - ссылка на отправку нового сообщения

Собвственно и все - и все теги в таблице.

2 - все чтто находится между тегами [pmlist][/pmlist] - это список сообщений,тоже таблица

Код 3:

[pmlist]
<table width="100%">
<tr>
<td width="5"><img src="{THEME}/images/mtdlred.png" width="5" height="58" border="0"></td>
<td background="{THEME}/images/mtdbgred.png" class="ntitle" valign="top">Список сообщений</td>
<td width="5"><img src="{THEME}/images/mtdrred.png" width="5" height="58" border="0"></td>
</tr>
<tr>
<td background="{THEME}/images/ltd.gif"><img src="{THEME}/images/ltd.gif" width="5" border="0"></td>
<td class="news">{pmlist}</td>
<td background="{THEME}/images/rtd.gif"><img src="{THEME}/images/rtd.gif" width="5" border="0"></td>
</tr>
<tr>
<td><img src="{THEME}/images/ltdb.png" width="5" height="10" border="0"></td>
<td background="{THEME}/images/tdbbg.png"><img src="{THEME}/images/tdbbg.png" width="1" height="10" border="0"></td>
<td><img src="{THEME}/images/rtdb.png" width="5" height="10" border="0"></td>
</tr>
</table>
[/pmlist]

Посмотрим что у нас есть в этой части кода:

У нас есть Заголовок - Список сообщений

{pmlist} -выводит список ваших персональных сообщений

 

3 - все что находится между тегами [newpm][/newpm] - это форма написания приват-сообщения, таблица

Код 4:

[newpm]
<table width="100%">
<tr>
<td width="5"><img src="{THEME}/images/mtdlgeen.png" width="5" height="58" border="0"></td>
<td background="{THEME}/images/mtdbggreen.png" class="ntitle" valign="top">Отправка персонального сообщения</td>
<td width="5"><img src="{THEME}/images/mtdrgreen.png" width="5" height="58" border="0"></td>
</tr>
<tr>
<td background="{THEME}/images/ltd.gif"><img src="{THEME}/images/ltd.gif" width="5" border="0"></td>
<td class="news" valign="top" style="padding-left:20px;">
<table width="100%" class="slink">
<tr><td colspan="2">
<table class="slink">
<tr align="left" valign="middle">
<td width="80" height="25">Получатель:</td>
<td height="25"><input type="text" name="name" value="{author}" style="width:140px; height:20px; font-family:tahoma; font-size:11px; border:1px solid #E0E0E0 "></td>
</tr>
<tr align="left" valign="middle">
<td height="25" align="left" >Тема:</td>
<td height="25"><input type="text" name="subj" value="{subj}" style="width:200px; height:20px; font-family:tahoma; font-size:11px; border:1px solid #E0E0E0 "></td>
</tr></table>
</td></tr>
[not-wysywyg] <tr align="left" valign="middle">
<td colspan="2">{bbcode}</td>
</tr>[/not-wysywyg]
<tr>
<td colspan="2">[not-wysywyg]<textarea style="width:461px; height:160px; font-family:verdana; font-size:11px; border:1px solid #E0E0E0;" name="comments" id="comments">{text}</textarea>[/not-wysywyg]{wysiwyg}<br><input type="checkbox" name="outboxcopy" value="1"> Сохранить сообщение в папке "Отправленные"</td>
</tr>
[sec_code] <tr>
<td>Код:</td>
<td width="100%"><br />{sec_code}</td>
</tr>
<tr>
<td nowrap>Введите код:</td>
<td><input type="text" name="sec_code" id="sec_code" style="width:115px; font-family:verdana; font-size:11px; border:1px solid #E0E0E0;" /></td>
</tr>
[/sec_code]
<tr>
<td colspan="2"><br /><input class="bbcodes" type="submit" name="add" value="отправить" />&nbsp;&nbsp;<input class="bbcodes" type="button" onclick="dlePMPreview()" value="просмотр" /></td>
</tr>
</table>
</td>
<td background="{THEME}/images/rtd.gif"><img src="{THEME}/images/rtd.gif" width="5" border="0"></td>
</tr>
<tr>
<td><img src="{THEME}/images/ltdb.png" width="5" height="10" border="0"></td>
<td background="{THEME}/images/tdbbg.png"><img src="{THEME}/images/tdbbg.png" width="1" height="10" border="0"></td>
<td><img src="{THEME}/images/rtdb.png" width="5" height="10" border="0"></td>
</tr>
</table>
[/newpm]

Эта часть кода очень похожа на то, что мы уже делали в уроке 4, есть таблица, в нее вставлена еще одна таблица с редактором

У нас есть Заголовок - Отправка персонального сообщения
Есть поля и формы - получатель, тема, ббкоды (тег {bbcode}) окно ввода текста и кнопка отправить.
Оформление - стиль, шрифт, высота/ширина, цвет - все здесь же прописано внутри форм, я говорил и указывал на это в уроке 4.
Метод изменения дизайна такой же - берем свою готовую таблицу, я взял из info.tpl, и вставляем в нее
всю внутренню таблицу с редактором+меняем заголовок - вуаля, все готово:)

Все что находится между тегами [sec_code] [/sec_code] отвечает за вывод кода безопасности, вот отдельно этот код:

[sec_code] <tr>
<td>Код:</td>
<td width="100%"><br />{sec_code}</td>
</tr>
<tr>
<td nowrap>Введите код:</td>
<td><input type="text" name="sec_code" id="sec_code" style="width:115px; font-family:verdana; font-size:11px; border:1px solid #E0E0E0;" /></td>
</tr>
[/sec_code]


4 - все что находится между тегами [readpm][/readpm] - это чтение сообщения,таблица

Код 5:

[readpm]
<table width="100%">
<tr>
<td width="5"><img src="{THEME}/images/mtdlblue.png" width="5" height="58" border="0"></td>
<td background="{THEME}/images/mtdbgblue.png" class="ctitle" valign="top" colspan="2">{subj}</td>
<td width="5"><img src="{THEME}/images/mtdrblue.png" width="5" height="58" border="0"></td>
</tr>
<tr>
<td background="{THEME}/images/ltd.gif"><img src="{THEME}/images/ltd.gif" width="5" border="0"></td>
<td class="news" valign="top" height="50" colspan="2">{text}</td>
<td background="{THEME}/images/rtd.gif"><img src="{THEME}/images/rtd.gif" width="5" border="0"></td>
</tr>
<tr>
<td><img src="{THEME}/images/mtdlbot.png" width="5" height="32" border="0"></td>
<td background="{THEME}/images/mtdbgbot.gif" class="slink">Отправил: {author}</td>
<td background="{THEME}/images/mtdbgbot.gif" class="slink" align="right">[reply][ответить][/reply] [del][удалить][/del]</td>
<td><img src="{THEME}/images/mtdrbot.png" width="5" height="32" border="0"></td>
</tr>
</table>
[/readpm]

В этой таблице мы видим:

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

Итого я насчитал 4 таблицы, а вы? Если тоже увидели 4 таблицы тогда идем дальше, теперь нам нужно сделать свои 4 таблицы,
со своим дизайном.

Для первых трех таблиц я использовал код и info.tpl (его оформление мы сделали на предыдущем уроке)
Для последней, четвертой таблицы, я использовал код из comments.tpl (урок номер 3)

конечно же мне пришлось немного модифицировать таблицы, убрать/добавить столбцы и строки, проще всего это сделать
в визуальном редакторе, я делаю в Dreamweaver 8 - очень быстро и удобно.

Итак вот мои 4 таблицы аналогичные предыдущим но имеющие уже новый дизайн:

1 - таблица Персональные сообщения - меню

Код 6:

<TABLE cellSpacing=0 cellPadding=0 width=100% >
<TD vAlign=top width=14>
<IMG src="{THEME}/pics/1.gif" border=0></TD>
<TD vAlign=top background="{THEME}/pics/2.gif"></TD>
<TD vAlign=top width=14><IMG src="{THEME}/pics/3.gif" border=0></TD></TR>
<TR>
<TD vAlign=top width=14 background=" {THEME}/pics/4.gif" rowSpan=3>&nbsp;</TD>
<TD class="zagl">Персональные сообщения</TD>
<TD width=14 background="{THEME}/pics/6.gif" rowSpan=3>
<IMG src="{THEME}/pics/spacer.gif" border=0></TD>
<TR height=15>
<TD class="news"><br>
<div align="center">[inbox]Полученные сообщения[/inbox] || [outbox]Отправленные сообщения[/outbox] || [new_pm]Отправить сообщение[/new_pm]</div>
</TD></TR>
<TR>
<TD>&nbsp;</TD></TR>
<TR>
<TD vAlign=bottom width=14><IMG src="{THEME}/pics/8.gif" border=0></TD>
<TD background=" {THEME}/pics/10.gif"></TD>
<TD vAlign=bottom width=14 background=" {THEME}/pics/9.gif">
<IMG src="{THEME}/pics/9.gif" border=0></TD>
</TR>
</TABLE>

Скриншот:

2 - все чтто находится между тегами [pmlist][/pmlist]. Список сообщений

Код 7:

[pmlist]
<TABLE cellSpacing=0 cellPadding=0 width=100% >
<TD vAlign=top width=14>
<IMG src="{THEME}/pics/1.gif" border=0></TD>
<TD vAlign=top background="{THEME}/pics/2.gif"></TD>
<TD vAlign=top width=14><IMG src="{THEME}/pics/3.gif" border=0></TD></TR>
<TR>
<TD vAlign=top width=14 background=" {THEME}/pics/4.gif" rowSpan=3>&nbsp;</TD>
<TD class="zagl">Ваши сообщения<br><br></TD>
<TD width=14 background="{THEME}/pics/6.gif" rowSpan=3>
<IMG src="{THEME}/pics/spacer.gif" border=0></TD>
<TR>
<TD class="news" >
{pmlist}
</TD></TR>
<TR>
<TD>&nbsp;</TD></TR>
<TR>
<TD vAlign=bottom width=14><IMG src="{THEME}/pics/8.gif" border=0></TD>
<TD background=" {THEME}/pics/10.gif"></TD>
<TD vAlign=bottom width=14 background=" {THEME}/pics/9.gif">
<IMG src="{THEME}/pics/9.gif" border=0></TD>
</TR>
</TABLE>
[/pmlist]

Скриншот

3 - все что находится между тегами [newpm][/newpm]. Новое сообщение.

Код 8:

[newpm]
<TABLE cellSpacing=0 cellPadding=0 width=100% >
<TD vAlign=top width=14>
<IMG src="{THEME}/pics/1.gif" border=0></TD>
<TD vAlign=top background="{THEME}/pics/2.gif"></TD>
<TD vAlign=top width=14><IMG src="{THEME}/pics/3.gif" border=0></TD></TR>
<TR>
<TD vAlign=top width=14 background=" {THEME}/pics/4.gif" rowSpan=3>&nbsp;</TD>
<TD class="zagl">Отправить персональное сообщение<br><br></TD>
<TD width=14 background="{THEME}/pics/6.gif" rowSpan=3>
<IMG src="{THEME}/pics/spacer.gif" border=0></TD>
<TR>
<TD class="news" >
<table width="100%" class="slink">
<tr><td colspan="2">
<table width="100%" class="slink">
<tr align="left" valign="middle">
<td width="60" height="25">Получатель:</td>
<td height="25"><input type="text" name="name" value="{author}" style="width:140px; height:20px; font-family:tahoma; font-size:11px; border:1px solid #E0E0E0 "></td>
</tr>
<tr align="left" valign="middle">
<td height="25" align="left" >Тема:</td>
<td height="25"><input type="text" name="subj" value="{subj}" style="width:200px; height:20px; font-family:tahoma; font-size:11px; border:1px solid #E0E0E0 "></td>
</tr></table>
</td></tr>
[not-wysywyg] <tr align="left" valign="middle">
<td colspan="2">{bbcode}</td>
</tr>[/not-wysywyg]
<tr>
<td colspan="2">[not-wysywyg]<textarea style="width:450px; height:160px; font-family:verdana; font-size:11px; border:1px solid #E0E0E0;" name="comments" id="comments">{text}</textarea>[/not-wysywyg]{wysiwyg}<br><input type="checkbox" name="outboxcopy" value="1"> Сохранить сообщение в папке "Отправленные"<br />
<br />[sec_code]
<table width="40%" border="0" class="slink">
<tr>
<td width="27%">Код</td>
<td width="73%">{sec_code}</td>
</tr>
<tr>
<td>Введите код</td>
<td><input type="text" name="sec_code" id="sec_code" style="width: 115px" class="f_input"/></td>
</tr>
</table>[/sec_code]
<br />
<input class="bbcodes" type="submit" name="add" value="отправить" />&nbsp;&nbsp;<input class="bbcodes" type="button" onclick="dlePMPreview()" value="просмотр" /></td>
</tr>
</table>
</TD></TR>
<TR>
<TD>&nbsp;</TD></TR>
<TR>
<TD vAlign=bottom width=14><IMG src="{THEME}/pics/8.gif" border=0></TD>
<TD background=" {THEME}/pics/10.gif"></TD>
<TD vAlign=bottom width=14 background=" {THEME}/pics/9.gif">
<IMG src="{THEME}/pics/9.gif" border=0></TD>
</TR>
</TABLE>
[/newpm]

Скриншот:

4 - все что находится между тегами [readpm][/readpm]. Чтение сообщения.

Код 9:

[readpm]
<TABLE cellSpacing=0 cellPadding=0 width=100% >
<tr><TD vAlign=top width=14>
<IMG src="{THEME}/pics/1.gif" border=0></TD>
<TD colspan="2" vAlign=top background="{THEME}/pics/2.gif"></TD>
<TD vAlign=top width=14><IMG src="{THEME}/pics/3.gif" border=0></TD></TR>
<TR>
<TD vAlign=top width=14 background=" {THEME}/pics/4.gif" rowSpan=3>&nbsp;</TD>
<TD colspan="2" class="zagl">{subj}<br />
<br> <br></TD>
<TD width=14 background="{THEME}/pics/6.gif" rowSpan=3>
<IMG src="{THEME}/pics/spacer.gif" border=0></TD>
<TR>
<TD colspan="2" class="news" >
{text}<p>&nbsp;</p></TD>
</TR>
<TR>
<TD class="slink">Отправил: {author}</TD>
<TD class="slink"><div align="right"> [reply][ответить][/reply] [del][удалить][/del]</div></TD></TR>
<TR>
<TD vAlign=bottom width=14><IMG src="{THEME}/pics/8.gif" border=0></TD>
<TD colspan="2" background=" {THEME}/pics/10.gif"></TD>
<TD vAlign=bottom width=14 background=" {THEME}/pics/9.gif">
<IMG src="{THEME}/pics/9.gif" border=0></TD>
</TR>
</TABLE>
[/readpm]

Скриншот:

Теперь финальный аккорд..тьфу ты...:) - код, все 4 таблицы вместе друг за дружкой, открываем pm.tpl удаляем все оттуда и вставляем этот код:

<TABLE cellSpacing=0 cellPadding=0 width=100% >
<TD vAlign=top width=14>
<IMG src="{THEME}/pics/1.gif" border=0></TD>
<TD vAlign=top background="{THEME}/pics/2.gif"></TD>
<TD vAlign=top width=14><IMG src="{THEME}/pics/3.gif" border=0></TD></TR>
<TR>
<TD vAlign=top width=14 background=" {THEME}/pics/4.gif" rowSpan=3>&nbsp;</TD>
<TD class="zagl">Персональные сообщения</TD>
<TD width=14 background="{THEME}/pics/6.gif" rowSpan=3>
<IMG src="{THEME}/pics/spacer.gif" border=0></TD>
<TR height=15>
<TD class="news"><br>
<div align="center">[inbox]Полученные сообщения[/inbox] || [outbox]Отправленные сообщения[/outbox] || [new_pm]Отправить сообщение[/new_pm]</div>
</TD></TR>
<TR>
<TD>&nbsp;</TD></TR>
<TR>
<TD vAlign=bottom width=14><IMG src="{THEME}/pics/8.gif" border=0></TD>
<TD background=" {THEME}/pics/10.gif"></TD>
<TD vAlign=bottom width=14 background=" {THEME}/pics/9.gif">
<IMG src="{THEME}/pics/9.gif" border=0></TD>
</TR>
</TABLE>

[pmlist]
<TABLE cellSpacing=0 cellPadding=0 width=100% >
<TD vAlign=top width=14>
<IMG src="{THEME}/pics/1.gif" border=0></TD>
<TD vAlign=top background="{THEME}/pics/2.gif"></TD>
<TD vAlign=top width=14><IMG src="{THEME}/pics/3.gif" border=0></TD></TR>
<TR>
<TD vAlign=top width=14 background=" {THEME}/pics/4.gif" rowSpan=3>&nbsp;</TD>
<TD class="zagl">Ваши сообщения<br><br></TD>
<TD width=14 background="{THEME}/pics/6.gif" rowSpan=3>
<IMG src="{THEME}/pics/spacer.gif" border=0></TD>
<TR>
<TD class="news" >
{pmlist}
</TD></TR>
<TR>
<TD>&nbsp;</TD></TR>
<TR>
<TD vAlign=bottom width=14><IMG src="{THEME}/pics/8.gif" border=0></TD>
<TD background=" {THEME}/pics/10.gif"></TD>
<TD vAlign=bottom width=14 background=" {THEME}/pics/9.gif">
<IMG src="{THEME}/pics/9.gif" border=0></TD>
</TR>
</TABLE>
[/pmlist]

[newpm]
<TABLE cellSpacing=0 cellPadding=0 width=100% >
<TD vAlign=top width=14>
<IMG src="{THEME}/pics/1.gif" border=0></TD>
<TD vAlign=top background="{THEME}/pics/2.gif"></TD>
<TD vAlign=top width=14><IMG src="{THEME}/pics/3.gif" border=0></TD></TR>
<TR>
<TD vAlign=top width=14 background=" {THEME}/pics/4.gif" rowSpan=3>&nbsp;</TD>
<TD class="zagl">Отправить персональное сообщение<br><br></TD>
<TD width=14 background="{THEME}/pics/6.gif" rowSpan=3>
<IMG src="{THEME}/pics/spacer.gif" border=0></TD>
<TR>
<TD class="news" >
<table width="100%" class="slink">
<tr><td colspan="2">
<table width="100%" class="slink">
<tr align="left" valign="middle">
<td width="60" height="25">Получатель:</td>
<td height="25"><input type="text" name="name" value="{author}" style="width:140px; height:20px; font-family:tahoma; font-size:11px; border:1px solid #E0E0E0 "></td>
</tr>
<tr align="left" valign="middle">
<td height="25" align="left" >Тема:</td>
<td height="25"><input type="text" name="subj" value="{subj}" style="width:200px; height:20px; font-family:tahoma; font-size:11px; border:1px solid #E0E0E0 "></td>
</tr></table>
</td></tr>
[not-wysywyg] <tr align="left" valign="middle">
<td colspan="2">{bbcode}</td>
</tr>[/not-wysywyg]
<tr>
<td colspan="2">[not-wysywyg]<textarea style="width:450px; height:160px; font-family:verdana; font-size:11px; border:1px solid #E0E0E0;" name="comments" id="comments">{text}</textarea>[/not-wysywyg]{wysiwyg}<br><input type="checkbox" name="outboxcopy" value="1"> Сохранить сообщение в папке "Отправленные"<br />
<br />

[sec_code]
<table width="40%" border="0" class="slink">
<tr>
<td width="27%">Код</td>
<td width="73%">{sec_code}</td>
</tr>
<tr>
<td>Введите код</td>
<td><input type="text" name="sec_code" id="sec_code" style="width: 115px" class="f_input"/></td>
</tr>
</table>[/sec_code]

<br />
<input class="bbcodes" type="submit" name="add" value="отправить" />&nbsp;&nbsp;<input class="bbcodes" type="button" onclick="dlePMPreview()" value="просмотр" /></td>
</tr>
</table>
</TD></TR>
<TR>
<TD>&nbsp;</TD></TR>
<TR>
<TD vAlign=bottom width=14><IMG src="{THEME}/pics/8.gif" border=0></TD>
<TD background=" {THEME}/pics/10.gif"></TD>
<TD vAlign=bottom width=14 background=" {THEME}/pics/9.gif">
<IMG src="{THEME}/pics/9.gif" border=0></TD>
</TR>
</TABLE>
[/newpm]

[readpm]
<TABLE cellSpacing=0 cellPadding=0 width=100% >
<tr><TD vAlign=top width=14>
<IMG src="{THEME}/pics/1.gif" border=0></TD>
<TD colspan="2" vAlign=top background="{THEME}/pics/2.gif"></TD>
<TD vAlign=top width=14><IMG src="{THEME}/pics/3.gif" border=0></TD></TR>
<TR>
<TD vAlign=top width=14 background=" {THEME}/pics/4.gif" rowSpan=3>&nbsp;</TD>
<TD colspan="2" class="zagl">{subj}<br />
<br> <br></TD>
<TD width=14 background="{THEME}/pics/6.gif" rowSpan=3>
<IMG src="{THEME}/pics/spacer.gif" border=0></TD>
<TR>
<TD colspan="2" class="news" >
{text}<p>&nbsp;</p></TD>
</TR>
<TR>
<TD class="slink">Отправил: {author}</TD>
<TD class="slink"><div align="right"> [reply][ответить][/reply] [del][удалить][/del]</div></TD></TR>
<TR>
<TD vAlign=bottom width=14><IMG src="{THEME}/pics/8.gif" border=0></TD>
<TD colspan="2" background=" {THEME}/pics/10.gif"></TD>
<TD vAlign=bottom width=14 background=" {THEME}/pics/9.gif">
<IMG src="{THEME}/pics/9.gif" border=0></TD>
</TR>
</TABLE>
[/readpm]

Все. В этом уроке мы научились оформлять приватные сообщения.

© 2007 Egiptyanin