E-mail Добавить в "Избранное" Сделать "ТвойWeb" стартовой
Здесь находится флеш баннер. Чтобы увидеть его Вы должны установить Flashplayer
 
Новости сайта
02 [F]апреля, 2006
08 [F]декабря, 2005
17 [F]октября, 2005
16 [F]июля, 2005
25 [F]декабря, 2004
======================
Предыдущие новости
<< < 01 02 03 04 05 > >>
 
 
 

Дизайн для своей гостевой книги на Народ.ру

Гостевую книгу со своим дизайном на Hароде можно сделать в двух вариантах.

1. Читать на одной странице, писать в гостевую на другой
2. Читать и писать в гостевую на одной странице

Мы разберем первый вариант.
Для этого понадобится три текстовых файла (*.txt).
Назовем их, например, так:
- main.txt (в нем мы опишем, как будут выглядеть сообщения)
- read.txt (читать гостевую книгу)
- write.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, поэтому подумайте, как вы хотите оформить дизайн.
На свой вкус мы сделали так:

<table width="100%" border="1" cellspacing="1" cellpadding="1" bordercolor="#000000">
<tr>
<td><font color="#CC0000" size="1" face="Geneva, Arial, Helvetica, sans-serif"><SCRIPT LANGUAGE=javascript>
<!--
document.write(C2UT({JSDATE}));
//-->
</SCRIPT><NOSCRIPT>{DATE}</NOSCRIPT></font></td>
<td><a href="mailto:{AUTHOREMAIL}"><font color="#996600" size="1" face="Verdana, Arial, Helvetica, sans-serif">{AUTHORNAME}</font></a></td>
<td><a href={URL}><font color="#996600" size="1" face="Verdana, Arial, Helvetica, sans-serif">{URL}</font></A></td>
</tr>
<tr>
<td colspan="3"><font color="#996600" size="1" face="Geneva, Arial, Helvetica, sans-serif">{MESSAGE}</font></td>
</tr>
<tr>
<td colspan="3"><font color="#003399" size="1" face="Verdana, Arial, Helvetica, sans-serif">{OWNERREPLY}</font></td>
</tr>
</table>
<br><!--Это для того, чтобы следующее сообщение не было слишком близко к предыдущему -->

Здесь можно посмотреть, что получилось.
Если вы немного знаете HTML, то меняйте по своему усмотрению шрифт, цвет и размер шрифта, убирайте рамку у таблицы.
Приведенный код - это содержимое файла main.txt
Сохраните его в корневой каталог своего сайта.

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="1" cellpadding="1" 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="Добавить"> &nbsp;&nbsp;&nbsp;&nbsp; <INPUT type="reset" VALUE="Очистить"> </div>
</FORM>
</body>
</html>

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

<html>
<head>
<title>Добавить сообщение</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body bgcolor="#000066">
<div align="center">
<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>
<!-Внимание! В этой строчке (выше) не должно быть разрывов строки! В тексте - перенос вынужденный. Проверьте скопированный текст, иначе Гостевая не будет работать корректно -->
<font color="#FFFFFF" size="4" face="Verdana, Arial, Helvetica, sans-serif"><strong>Добавить Сообщение <br> <br> </strong></font>
<table width="381" border="0" cellspacing="1" cellpadding="0" align="center" bgcolor="#990000">
<tr bgcolor="#000066">
<td width="181"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Ваше имя </strong></font><br></td>
<td width="200"> <div align="center"> <INPUT TYPE=TEXT SIZE=30 NAME=your_name > </div></td>
</tr>
<tr bgcolor="#000066">
<td><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Ваш e-mail </strong></font><BR></td>
<td> <div align="center"> <INPUT TYPE=TEXT SIZE=30 NAME=your_email > </div></td>
</tr>
<tr bgcolor="#000066">
<td><font size="2" color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif"><strong>URL Вашей страницы</strong></font><font color="#FFFFFF"><strong><font face="Verdana, Arial, Helvetica, sans-serif">:</font></strong></font></td>
<td> <div align="center"><INPUT TYPE=TEXT SIZE=30 NAME=your_url> </div></td>
</tr>
</table>
<div align="center"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Сообщение</strong></font><br>
<TEXTAREA ROWS=5 COLS=44 NAME=your_message ></TEXTAREA> <BR> <BR>
<INPUT TYPE=SUBMIT VALUE="Добавить"> &nbsp;&nbsp;&nbsp;&nbsp; <INPUT type="reset" VALUE="Очистить"> </div>
</form> </div>
</body>
</html>

Здесь можно посмотреть, что получилось.
Итак, это страница write.txt, поместите ее в корневой каталог своего сайта.

Теперь, чтобы посетитель мог попасть в вашу гостевую книгу и написать сообщение, вставьте ссылку (например, на Главной):
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://primer.narod.ru значит вместо "Вашлогин" в ссылку вставите "primer".

И еще одно очень важное замечание.
Все ссылки, пути к файлам и изображениям, которые будут находиться на страницах гостевой книги, должны иметь абсолютный вид. То есть, ссылка, например, на логотип будет иметь такой вид:
http://site.narod.ru/images/logo.gif
Но ни в коем случае не такой:
images/logo.gif

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

К оглавлению Наверх Дальше