Создание собственного дизайна для гостевой, способ №1
(форма отправки сообщения и сами сообщения на одной странице)
Для того чтоба создать гостевую книгу на хостинге 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">
<!-- Начало кода Javascript-->
<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>
<!-- Конец кода Javascript-->
</head>
<body>
<!-- Начало кода формы отправки сообщений-->
<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" face="Verdana, Arial, Helvetica, sans-serif"><strong><font color="#FFFFFF">URL
Вашей страницы</font></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="Добавить">
<INPUT type="reset" VALUE="Очистить">
</div>
</form>
</div>
<!-- Конец кода формы отправки сообщений-->
<!-- Начало кода вывода сообщений на страницу-->
<table width="100%" border="1" cellspacing="1" cellpadding="1">
<tr>
<td><br>
{MESSAGES}
<HR>
{PAGEBAR}
<br>
</td>
</tr>
</table>
<!-- Конец кода вывода сообщений на страницу-->
</body>
</html>
|
Пояснения:
В тексте уже есть комментарии, из чего состоит файл.
Код JavaScript - нужен, чтобы выводить время на странице с сообщениями.
Поместите текстовые файлы main.txt и read.txt в корневой каталог.
Чтобы посетитель мог попасть в вашу гостевую книгу и написать сообщение, вам надо указать такую ссылку:
|
http://www.narod.ru/guestbook/?owner=Вашлогин&mainhtml=read.txt&messageshtml=main.txt
|
Где "Вашлогин" - это первое слово в адресе вашего сайта. Например, адрес сайта http://altsup.narod.ru, значит вместо "Вашлогин" в ссылку вставите "altsup".
ВАЖНО: Все пути до картинок, файлов и т.д. с гостевой книги, должны иметь абсолютный вид. Например: если у Вас фоновая картинка лежит в папке images, то путь
до фоновой картинки должен выглядеть так: http://ваш_сайт.ру/images/фоновая_картинка.гиф, на не так images/фоновая_картинка.гиф.
Если возникнут вопросы, задавайте их через форму отправки вопросов.
|
