Альтернативная пожддержка Narod.ru  


Создание собственного дизайна для гостевой, способ №2
(форма отправки сообщения и сами сообщения на разных страницах)

Для того чтоба создать гостевую книгу на хостинге Narod.ru нам понадобиться всего два файла текстовых файла:

main.txt (в этом файле описано как будут выглядеть сами сообщения)
read.txt (чтение сообщений и основной дизайн гостевой книги)

1. main.txt

Создайте файл main.txt
Вот что в нем должно быть:

<HR>
<SCRIPT LANGUAGE=javascript>
<!--
document.write(C2UT({JSDATE}));
//-->
</SCRIPT><NOSCRIPT>{DATE}</NOSCRIPT><br>
<a href="mailto:{AUTHOREMAIL}">{AUTHORNAME}</a><br>
<a href={URL}>{URL}</A><HR>
{MESSAGE}<HR>
{OWNERREPLY}<HR><br>

Пояснения:
{DATE} - Выводит на страницу время, когда было написано сообщение.
{AUTHOREMAIL} - E-mail автора сообщения.
{AUTHORNAME} - Имя автора сообщения.
{URL} - Адрес страницы автора (если поле оставлять пустым, то на странице с сообщениями адреса не будет).
{MESSAGE} - Текст самого сообщения.
{OWNERREPLY} - Ваш ответ на сообщение (его вы можете написать у себя в Мастерской в разделе "Гостевая книга"-->"Администрирование")
Все эти слова зарезервированы "Народом" и их надо писать так, как есть, то есть фигурные скобки обязательны.
Всё выше написаное это всего лишь основа, не помещайте её в файл, далее будет представлен более продвинутый вариант. Содержимое main.txt будет подставляться в файл read.txt, поэтому подумайте, как вы хотите оформить дизайн.
Вот мой вариант файла main.txt

<table width="100%" border="1" cellspacing="1" cellpadding="1" bordercolor="#6F718E">
<tr>
<td bgcolor="8588A6" width="15%" align="center"><font color="#575A7B" size="1" face="Geneva, Arial, Helvetica, sans-serif">
<SCRIPT LANGUAGE=javascript>
<!--
document.write(C2UT({JSDATE}));
//-->
</SCRIPT><NOSCRIPT>{DATE}</NOSCRIPT></font></td>
<td bgcolor="575A7B" width="42%"><a href="mailto:{AUTHOREMAIL}"><font color="#ffffff" size="1" face="Geneva, Arial, Helvetica, sans-serif">{AUTHORNAME}</font></a></td>
<td bgcolor="575A7B" width="42%"><a href={URL}><font color="#ffffff" size="1" face="Geneva, Arial, Helvetica, sans-serif">{URL}</font></A></td>
</tr>
<tr>
<td colspan="3" bgcolor="575A7B"><font color="#ffffff" size="1" face="Geneva, Arial, Helvetica, sans-serif">{MESSAGE}</font></td>
</tr>
<tr>
<td colspan="3" bgcolor="575A7B"><font color="#ffffff" size="1" face="Geneva, Arial, Helvetica, sans-serif">{OWNERREPLY}</font></td>
</tr>
</table>

Что из этого получилось, можно увидеть здесь.

2. read.txt
Создайте файл read.txt

В этом файле отображается дизайн гостевой книги с сообщениями
Вот его содержимое:

<html>
<head> <title>Читаем гостевую книгу</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<SCRIPT language=javascript>
<!--
function ALZ(s) {
return (s<10?"0":"")+s.toString();
}
function C2UT(s) {
d=new Date(s);
return ALZ(d.getDate())+"."+ALZ(d.getMonth()+1)+"."+d.getFullYear()+" "
+ALZ(d.getHours())+":"+ALZ(d.getMinutes());
}
//-->
</SCRIPT>
</head>
<body>
<br>
<table width="100%" border="1" cellspacing="1" cellpadding="1">
<tr>
<td><br> {MESSAGES} <HR> {PAGEBAR} <br> </td> </tr>
</table>
<br>
</body>
</html>


Пояснения:
Это html-код страницы просмотра сообщений, но в формате txt файла. JS скрипт не трогаем - он будет выводить время.
В ячейки таблицы вставили {MESSAGES} и {PAGEBAR}. Это тоже зарезервированные слова.
{MESSAGES} - все, написанные вам сообщения. Сюда скриптом Народа подставляется содержимое файла main.txt.
<HR> - Разделительная полоса (для тех кто не знает, это не зарезервированное слово, это элемент HTML)
{PAGEBAR} - Количество страниц с сообщениями. По умолчанию на страницу выводится по десять сообщений. Например, если у вас всего 45 сообщений, то внизу страницы после разделительной полосы будут стоять пять чисел (1,2,3,4,5).
Разумеется, если у вас уже есть заготовка гостевой страницы (имеется в виду дизайн, картинки, всевозможный попутный текст, реклама и т.д.), то из приведенного выше кода просто вставьте на страницу все необходимые элементы.
Сохраните страницу как read.txt и поместите ее в корневой каталог своего сайта.
3. write.txt
Создайте файл write.txt.
Он будет отображать страницу с формой отправки сообщения в гостевую книгу.
Вот его содержимое

<html>
<head>
<title>Пишем в гостевую книгу</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<FORM ACTION=leave_message.xhtml method=post>
<INPUT TYPE=HIDDEN NAME=owner VALUE={OWNERID}>
<INPUT TYPE=HIDDEN NAME=newlocation
VALUE=http://www.narod.ru/guestbook/?owner={OWNERID}
&mainhtml=read.txt&messageshtml=main.txt>
<!-Внимание! В этой строчке (выше) не должно быть разрывов строки! В тексте - перенос вынужденный. Проверьте скопированный текст, иначе Гостевая не будет работать корректно -->
<table width="381" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="181">Ваше имя <br></td>
<td width="200"><div align="center"> <INPUT TYPE=TEXT SIZE=30 NAME=your_name > </div></td>
</tr>
<tr>
<td>Ваш e-mail <BR></td>
<td><div align="center"> <INPUT TYPE=TEXT SIZE=30 NAME=your_email > </div></td>
</tr>
<tr>
<td>URL Вашей страницы</td>
<td><div align="center"> <INPUT TYPE=TEXT SIZE=30 NAME=your_url > </div></td>
</tr>
</table>
<div align="center">Сообщение<br> <TEXTAREA ROWS=5 COLS=44 NAME=your_message ></TEXTAREA> <BR> <BR>
<INPUT TYPE=SUBMIT VALUE="Добавить">      <INPUT type="reset" VALUE="Очистить"> </div>
</FORM>
</body>
</html>


Это html-код страницы с формой отправки сообщения, который нужно сохранить в текстовом файле write.txt.
Здесь можно посмотреть, что получилось.
При достаточном знании html файл можно подредактировать по собственному усмотрению.
Теперь, чтобы посетитель мог попасть в вашу гостевую книгу и написать сообщение, нужно добавить ссылку на одной из страниц Вашего сайта:

http://www.narod.ru/guestbook/?owner=Вашлогин&mainhtml=read.txt&messageshtml=main.txt (Читать все сообщения)


Ссылка на страницу, где можно добавить сообщения должна выглядеть так:

http://www.narod.ru/guestbook/?owner=Вашлогин&mainhtml=write.txt&messageshtml=main.txt


Где "Вашлогин" это первое слово в адресе вашего сайта. Например, адрес сайта http://altsup.narod.ru значит вместо "Вашлогин" в ссылку вставите "altsup".

ВАЖНО: Все пути до картинок, файлов и т.д. с гостевой книги, должны иметь абсолютный вид. Например: если у Вас фоновая картинка лежит в папке images, то путь до фоновой картинки должен выглядеть так: http://ваш_сайт.ру/images/фоновая_картинка.гиф, на не так images/фоновая_картинка.гиф.


Если возникнут вопросы, задавайте их через форму отправки вопросов.

Данная статья была взята с сайта TvoyWeb.ru
Хостинг от uCoz