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

Итак
TABLE – работаем с таблицами
TR – начинается строка
TD – начинается ячейка

Сразу же замечу, что теги таблиц парные, т.е. на каждый открывающий тег, нужно поставить свой закрывающий.
И если в IE ваша невнимательность может остаться незамеченной, то в других браузерах, например Opera или FireFox вся ваша верстка может отобразиться совсем иным образом.

Внутри данных тегов можно применять известные атрибуты, например такие как:

ALIGN WIDTH HEIGHT BGCOLOR

Но, есть и несколько особенных атрибутов, которые будут работать только для тега TABLE, это внутренние и внешние отступы.

Соответственно, cellpadding применяем, когда хотим задать отступ внутри ячейки, а cellspacing когда нужно сделать отступ в границах.

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

COLSPAN – объединяет ячейки
ROWSPAN – объединяет строки

Пример использования.

<table border=”1” cellpadding=”10″ cellspacing=”10″>
<tr>
<td colspan=”2″>Ячейка 0</td>
</tr>
<tr>
<td>Ячейка 1</td>
<td>Ячейка 2</td>
</tr>
</table>

В данном примере мы видим, что верхняя ячейка будет одна, а ниже под ней будут размещены две ячейки.

<table border=1 cellpadding=”10″ cellspacing=”10″>
<tr>
<td rowspan=”2″>Ячейко 0</td>
<td>Ячейка 1</td>
</tr>
<tr>
<td>Ячейка 2</td>
</tr>
</table>

А если сохранить данный код, то мы увидим, как первая ячейка будет продолжена, таким образом с одной стороны мы получим одну ячейку, а с другой – две.

Тема таблиц в HTML – обширна.
Поэтому другие моменты мы рассмотрим в других темах.

Также рекомендую прочитать статьи про электронные системы управления документооборотом и уничтожение документов на сайте ArhiDelo.ru

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

Для работы такого скрипта необходим всего лишь один js файл. Я уже писал, что применение JavaScript на сайте накладывает некоторые ограничения. Так, например если у пользователя отключена поддержка JavaScript, листинг работать не будет. Но вы можете указать фоновое изображение для блока, где будет установлен скрипт, а значит, в случае, если у пользователя поддержка js отсутствует, он увидит фоновое изображение.

Стоит также заметить, что для использования этого скрипта вам не нужно знать HTML или языки программирования. В комплекте с скриптом идет файл readme.txt, в котором написано (правда, на английском) как его установить на странице. Но, ниже я привел пример отображения слайдшоу, поэтому код вы можете взять и с этого сайта.

Сам скрипт вставляется на страницу вставкой JS-кода:

<script type=”text/javascript”>
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(slide1, 140, 225, 0, 3000, 1, “R”)
</script>

Выше в комментарии даны подсказки, рассмотрим их подробнее:

IMAGES_ARRAY_NAME: название массива, с вашими картинками, например в нашем примере мы указали slide1;
slideshow_width: ширина вашего блока, соответственно, slideshow_height: его высота.
borderwidth: ширина бордюра, можно поставить, 0, 1 и т.д.;
delay: промежуток времени, перед появлением следующей картинки;
pause: имеет два параметра 1 и 0, если выберите 1, то при наведении курсора на картинку слайдшоу остановится;
optionalRandomOrder: если укажите “R” картинки будут отображаться случайным образом, если вам это не нужно, просто уберите этот параметр, как в нашем примере.

Пример
Скачать скрипт слайдшоу картинок

Листинг картинок, это как просмотр кино по качественному телевизору. Их не так много, но найти можно. Например, данный ресурс, предлагает телевизоры samsung, по отличному соотношению цена/качество.

Анализируя статистику посещений сайта, я решил, что буду писать ответы на наиболее интересные поисковые запросы. Тогда, если кто-либо еще раз решит найти то, что уже искалось кем-то ранее, он сможет получить точный ответ на свой запрос. При этом я воспользовался статистикой портала Top.Mail.Ru

В каждой статье буду даны краткие ответы на 5 поисковых запросов. Также, если вопрос уже рассматривался ранее, буду давать ссылку на полный обзор.

Итак, поехали.

1. создать ссылку mp3

Для того чтобы создать ссылку на mp3 файл, вам необходимо создать такой адрес:
<a href=”файл.mp3”>Название композиции</a>

Например, <a href=”britney.mp3”>скачать новую песню Бритни Спирс</a>
Более подробно о ссылках речь шла в статье

Создание ссылок в HTML. Как сделать ссылку на архив?

2. создать выпадающий список

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

О том, как создать выпадающие списки речь шла в трех статьях.

Выпадающий список со ссылками – 3 (+ CSS)
Создание выпадающего списка ссылок – 2
Создание выпадающего списка ссылок

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

3. тег align

Тег align в HTML применяется для выравнивания. Так, например, для выравнивания таблицы мы применяем его так.

<table align=”center”>

В данном примере таблица будет выровнена по центру.
Среди вариантов его параметров можно указать left – выравнивание по левому краю страницы, right – выравнивание по правому краю страницы.

Данный тег можно применить к абзацам <p align=”параметр”>
К блокам DIV <div align=”параметр”>и т.д. и т.п.

О теге align вы также можете почитать в статье.

Параметр ALIGN в HTML

Помимо горизонтального выравнивания, вы можете применять атрибут valign. Он служит, как возможно вы и догадались для вертикального выравнивания.

Среди наиболее употребляемых его параметров top – выравнивание по верхнему краю, bottom – выравнивание по нижнему краю, center – выравнивание по центру.

Также стоит заметить, что хоть и искали тег align, align – не является тегом, а атрибутом к нему. Так, например, в конструкции <p align=”center”> p – тег, для создания абзаца, а align – его атрибут.

4. как воспроизводить видео на сайте

О том, как воспроизводить видео на сайте, было написано в статье:

Воспроизводим видео на сайте с помощью своего плеера

Там речь шла о применении небольшого плеера, который помимо того, что может воспроизвести видео, также воспроизводит mp3 и картинки. Вполне удачное решение на мой взгляд. Но, у этого плеера есть существенный недостаток, он может воспроизводить только файлы в формате flv. А это значит, что вам нужно будет конвертировать ваши ролики в этот формат.

5. атрибуты тега img

Тег IMG применяется в HTML для добавления изображений. Указывается путь, где находится картинка, она может быть расположена на вашем хостинге, а может и на другом сайте. А также в большинстве случаев необходимо указать ряд атрибутов. Например, желательно указывать ширину (weight) и высоту изображения (height). Это позволит пользователю с медленным подключение к интернету загрузить страницу быстрее, т.к. в этом случае сначала загрузится текст и только потом изображения.

Тегу IMG посвящена статья

Изображения. Атрибуты тега <IMG>

Вот мы и рассмотрели 5 запросов. Теперь буду каждый месяц отвечать на запросы посетителей.

Помимо создания сайтов иногда хочется и поиграть, да и просто отдохнуть. Одно из решений - игра в покер. Рекомендую поиграть в бесплатный покер. Ознакомиться с правилами, и почуствовать себя в этом увлекательном мире, настоящим лидером!

Начнем с того, что CSS – это не язык программирования, впрочем, как и HTML. Возможно поэтому, конструкции CSS можно просто запомнить, если часто с ними работать. Далее, если вы освоили язык верстки HTML, каскадные стили таблиц (CSS) вам также будет освоить проще.

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

<html>
<head>
<title>Осваиваем CSS. Урок первый </title>
<style>
A {color: #000; text-decoration: underline}
</style>
</head>
<body>
Текст-текст
</body>
</html>

Напомню, что статью стоит изучать скорее тем, кто хоть немного знакомом с HTML и его тегами, т.к. без этих знаний учить CSS как минимум рано, ведь вам все время придется думать, что этот за тег, а этот за что отвечает. )

Итак, в нашем примере стили начинаются с тега <style> и заканчиваются тегом </style>. Т.е. вы, скорее всего уже догадались, что это обычные теги html.

В нашем примере, мы описали стиль ССЫЛОК. Само описание началось с открывающей фигурной скобки – { и закончилось соответственно закрывающей фигурной скобкой – }

Color: #000
Здесь мы отметили, что на данной странице все ссылки будут черного цвета.
Также вы могли заменить #000, на #000000 или на black.

Text-decoration: underline
Здесь мы указали, что все ссылки помимо того, что будут черными, так еще и подчеркнутыми. Данный параметр может принимать значение none и некоторые другие.

Второй способ, подключения стилей имеет следующий вид

<html>
<head>
<title>Осваиваем CSS. Урок первый </title>
<link rel=”stylesheet” type=”text/css” href=”style.css”>
</head>
<body>
Текст-текст
</body>
</html>

В этом случае, вам нужно создать файл style.css и вставить туда

A {color: #000; text-decoration: underline}

Все. Но, у многих возникают ошибки с сохранением документа. Поэтому опишу этот момент подробнее. А заодно опишу и то, как вообще сохранять html страницы.

1. Создаем текстовый документ

2. Вставляем в него наше описание для ссылок, а именно
A {color: #000; text-decoration: underline}

3. Сохраняем наш CSS-файл

Обратите внимание на то, что в строке “Тип файла”, мы указали “Все файлы”. А в строке имя файла, название нашего стилевого файла заканчивается расширением .css

4. Готово. Вот и закончился первый урок по CSS.
Далее будем разбирать остальные стили, ведь их очень и очень много.

Как создать выпадающий список при помощи JS я уже писал, также мы продемонстрировали работу дизайнера со вторым видом выпадающего списка. При создании очередного сайта, мне попался еще один интересный вариант решения проблемы расположения большого количество ссылок на разделы сайта.

Т.к. в JS-файле находится функция создания выпадения, ничего интересного в ней нет. Поэтому рассмотрим файл style.css со стилями оформления списка. Вообще, для того чтобы изменить внешний вид списка достаточно знание основ HTML. Так, например в CSS, для того, чтобы прописать фон списка указывается параметр background-color.

#id {background-color: #000;}

Для того чтобы создать верхний бордюр border-top, а для нижнего бордюра соответственно border-bottom.

#id {border-top: 1px solid #000; border-bottom: 1px solid #ccc}

Где 1px – это толщина линии, solid – вид линии, #000 – ее цвет.
Для того чтобы указать используемый шрифт применяется font-family, а для указания его размера font-size.

#id {font-family: Tahoma, Arial, Verdana; font-size: 11px;}

Даже если вы ранее не сталкивались с каскадными стилями таблиц (CSS) попробуйте поменять значения описанных выше атрибутов. Именно таким вот методом “тыка” я в свое время начинал свое знакомство со стилями – CSS.

Если вы захотите сделать ссылки жирным начертанием, укажите в атрибуте font-weight параметр – bold, а если захотите оставить без изменений уберите его вообще.

#id {font-weight: bold;}

Цвет ссылки меняется в color. Вы можете задать как формат RGB, вида #000 или #dfdfdf, так и вписать английское значение цвета, например, orange или black.

#id {color: black;}

Если вы хотите сделать все ссылки подчеркнутыми, по умолчанию, все ссылки подчеркнуты примените в атрибуте text-decoration, параметр underline. Если наоборот убрать возможно, это надоевшее подчеркивание примените параметр none.

A {text-decoration: none}
A:hover {text-decoration: underline} – когда вы подводите курсор к ссылке, она становится подчеркнутой.

За ширину в CSS отвечает параметр width.

#id {width: 700px}

Также помимо этих тегов, которые встречаются в файле style.css вы можете воспользоваться классическими тегами HTML.

Скачать архив с файлами
Просмотреть, как выглядит выпадающий список

Внешний вид

Интерфейс phpBB приятный и понятный для пользователя, скажем в отличие от того же Vbulletin-а. Настраивая ваш форум вам не обязательно знать программирование, а достаточно лишь по вашему велению, взмахнуть волшебной палочкой и выбрать соответствующую опцию в интересующем вас разделе :-) Разделы разбиты на отдельные блоки, что упростит вашу работу.

На главной странице представлена детальная статистка, в которой вы найдете информацию о количестве сообщений, тем и пользователей на вашем форуме. Здесь же доступна информация об объеме БД и дате запуска вашего форума.

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

Настройка форума phpBB

Не буду отходить от того правила, которым пользовался в статье установка форума phpBB, а именно каждый блок будем рассматривать по-отдельности. Хотя по ходу рассказа, возможно, мы еще будем возвращаться к тому или иному блоку.

Первые три ссылки, это ссылки-помощники, т.е. они не открывают какой-либо из разделов с опциями, а просто служат для быстрого доступа к соответствующим адресам.

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

Forum Admin (Форумы)

В данном блоке представлены три раздела, Управление, Права доступа и Чистка. Если с чисткой форума все более-менее понятно, то первые два раздела мы рассмотрим подробнее.

Management (Управление) - к каждому из разделов в phpBB имеется небольшое описание, вот каким оно будет для данного раздела: “Здесь вы можете создавать, удалять и изменять порядок вывода категорий и форумов”, как видно из рисунка интерфейс очень прост, а вот ссылка Resync (Синхронизация) понадобится, если сбился счетчик сообщений на форуме и вместо 10 тыс. сообщений показывает только 5 тысяч :-)

Создание форума не представляет ничего сложного, в верхнее поле вводите заголовок, после кликнете по кнопке: Создать новый форум (Create new forum). Конечно же, он не создастся сразу, вам предложат ввести небольшое описание и категорию, в которой будет расположен данный форум. Для создания категории достаточно и вовсе только названия, после ввода кликните по кнопке: Создать новую категорию (Create new category).

Permissions (Права доступа) - здесь вы можете регулировать доступ к каждому форуму. У вас будет обычный и продвинутый режим для этого, продвинутый даёт больше возможностей для контроля. Помните, что изменение прав доступа к форуму повлияет на то, какие пользователи смогут совершать в нём различные действия, спасибо phpBB за советы :-)

Кратко пробегусь по каждому из вариантов:

• Публичный (Public) - на форуме могут оставлять сообщения незарегистрированные пользователи.
• Зарегистрированный (Registered) - могут оставлять сообщения, только зарегистрированные пользователи, при этом гости форума смогут просматривать разделы и темы.
• Зарегистрированный [Спрятанный] (Registered [Hidden]), все тоже, но гости не смогут видеть ни тем, ни сообщений.
• Модераторы (Moderators) - просматривать раздел и оставлять сообщения смогут только модераторы раздела, но гости и пользователи смогут видеть название раздела. Модераторы [Спрятанный] (Moderators [Hidden]) раздел будет виден только модераторам раздела.

Общие настройки (General Admin)

Вот мы и подошли к общим настройкам форума phpBB.

Массовая рассылка почты (Mass Email)

Вы можете разослать e-mail сообщение либо всем вашим пользователям, либо пользователям, входящим в определённую группу. Сообщение будет отправлено на административный адрес, с BCC: всем получателям. Если вы отправляете письмо большой группе людей, то будьте терпеливы: не останавливайте загрузку страницы после нажатия кнопки. Массовая рассылка может занять много времени, вы увидите сообщение, когда выполнение завершится. Все сказано разработчиками phpBB, поэтому переходим к следующим настройкам.

Смайлики (Smilies)

На странице настроек вы увидите таблицу с четырьмя столбцами, в первом столбце расположены коды смайликов, например, для улыбки :-) во втором изображение смайлика, в третьем эмоцию, которую он означает и в последнем столбце действие над выбранным смайликом.

В столбце действия расположены две ссылки, если с пунктом Удалить все понятно, то ссылку Изменить мы рассмотрим подробнее.

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

Автоцензор (Word Censors)

Здесь вы можете добавить, изменить или удалить слова, которые будут автоматически подвергаться цензуре на ваших форумах. Кроме того, пользователи не смогут зарегистрироваться под именами, содержащими эти слова. В списке слов могут использоваться шаблоны (*), т.е. к ‘*тест*’ подойдёт ‘протестировать’, к ‘тест*’ — ‘тестирование’, к ‘*тест’ — ‘протест’. Проще говоря, кликнем по кнопке Добавить новое слово, далее в первой строчке вводим слово, которое хотим заменить, во вторую строчку на что заменить это слово, я обычно заменяю на *** При необходимости пользуемся фильтром, но скажем при выборе фильтра *бля словосочетание два рубля будет заменено на два *** 

Резервная копия БД (Backup Database)

В данном разделе вам предлагают сохранить все данные вашего форума phpBB. Также, пользуясь данным инструментом, вы можете сохранить данные других таблиц, названия которых нужно через запятую перечислить в строке Дополнительные таблицы.

Мы создаем копию БД форума для того, чтобы при случае ее восстановить, поэтому плавно рассмотрим процесс восстановления БД, для чего переходим по ссылке: Восстановить БД (Restore Database)

На рисунке мы видим простую форму, все, что нам необходимо выбрать резервную копию БД, которую мы создавали в предыдущем разделе. Процитирую подсказку форума phpBB:
“Будет проведено полное восстановление всех таблиц phpBB из файла. Если ваш сервер поддерживает такую возможность, вы можете закачать файл, сжатый gzip’ом, и он будет автоматически распакован. ВНИМАНИЕ! Все существующие данные будут утеряны. Восстановление может занять много времени, не уходите с этой страницы до завершения процесса”

Конфигурация (Configuration)

Описание всех настроек раздела Конфигурация мы рассмотрели в статье Конфигурация форума phpBB.

Группы (Group Admin)

phpBB позволяет создавать группы пользователей, у каждой группы должен быть свой модератор, также вы можете указать открытой или закрытой будет данная группа. В случае если вы выберите тип группы Открытая, любой зарегистрированный пользователь сможет подать заявку на вступление в группу, если выберите тип группы Закрытая, новых участников сможет добавлять только модератор группы. Можно еще создать скрытую группу.

Вообще для чего создавать группы пользователей? Ответов много, например, в группы можно объединить людей по интересам, встречал на некоторых форумах разделение на группы мальчиков и девочек :-) Еще одним ярким примеров может служить создание группы для назначения ей прав модератора на определенные форумы.

Как видно из рисунка форма достаточно простая. Выбираете форум, указываете, является ли группа ее модератором. Скажем на форуме Веб-дизайн 7 модераторов, эффективнее было бы создать группу, например, Веб-мастеры добавить туда всех модераторов и сделать группу закрытой.

По статистике большинство населения России лето проводит либо дома, либо на даче :( Однако мы нашли немного средств и решили отправиться в Лоо. Почему именно Лоо был выбран маршрутом для нашей поездки? Во-первых, в Лоо один из самых широких пляжей, а во-вторых, Лоо расшифровывается как: “Любителям острых ощущений” или “Лучше отдыхать одному” Ну и третий фактор это знакомые, которые сопровождали нас в поездке и предложили Лоо, как поселок с хорошим соотношением цена/качество за вполне приличное жилье. На этом наше вступление заканчивается, переходим к статье, в которой вкратце расскажем что брать, куда ехать, как отдыхать в Лоо.

Собираемся в Лоо

Как, оказалось, о билетах стоит позаботиться заранее не много ни мало за 45 дней до отправки на море. Речь идет о городе Ульяновске, за какой срок необходимо купить билеты уточните в кассах вашего города. Поездка на поезде у меня ассоциируется с общением, смехом и хорошими знакомствами, поэтому билеты взяли плацкарт. Что еще? Настоятельно рекомендую не брать на море:

• Картошки, макароны, консервы и остальную еду в больших количествах, все это вы сможете купить в Лоо, поверьте, разница в цене и таскание всего этого добра того не стоит ;)
• Много одежды.. понятие растяжимое и каждый понимает “много” по-своему, однако суть от этого не меняется, много не берите :)

Конечно, что-то мне подсказывает это далеко не полный список, я например, пожалел, что взял кроссовки, спортивный костюм, они так и пролежали в шкафу.

Перед поездкой лучше задуматься о том, в каких условиях вы собираетесь жить. Я понимаю, вы скажете, что дома вас практически не будет. Но это неправда, тихий час на море просто необходим вашему организму :) К тому же не забывайте что промежуток с 11:00 до 15:00 вас не должно быть на пляже, “сгорите” и испортите себе отдых.

В Лоо. День первый

Приехать вы можете в любое время, однако мы в Лоо приехали, раним утром, когда все отдыхающие еще спали, а на вокзале нас встречали радостные лица арендаторов. Первое предупреждение, вам начнут предлагать съездить посмотреть жилье бесплатно. Поверьте, судя по парам, которых разводили, таким образом, это еще один вид заработка местных жителей в Лоо. Обязательно уточняйте и проговаривайте, что поедете только при условии, что вас бесплатно привезут на вокзал, если жилье вас не устроит.

Далее, вы должны определиться, какой класс жилья вы хотите и сколько готовы заплатить. Самое дешевое жилье Лоо в этом году стоило порядка 300 руб. в сутки. Как видите совсем недорого, если вы собираетесь только спать в таком номере. За 400-450 руб. вы сможете приобрести вполне приличное жилье эконом класса, ну и от 500 руб. номера близкие к люксу. Да, кстати, цены сильно занижены, учтите мы приехали ранним утром и хорошенько торговались. :)

Что еще .. Разберите чемоданы, и хорошенько отдохните, у вас весь день впереди. Настоятельно советую познакомиться с вашими соседями, ведь от того, как вас примут, и как вы сами войдете в этот коллектив, будет немало зависеть, как вы проведете свои каникулы.

Продолжение следует…

Разработчик: Web-команда Ferus.ru

Скачать: Каталог для Web-мастера v1.0

Стоит заметить, что phpBB по умолчанию позволяет вам вообще забыть о каких-либо настройках форума, предлагая свои варианты. Даже ничего, не меняя в конфигурации форумов, вы сможете стабильно работать с ними, писать сообщения, регистрировать пользователей, т.е. начать жизнь форума с момента окончания установки. Тем не менее, название сайта, предлагаемое как: “yourdomain.com” и описание: “A _little_ text to describe your forum” нас, конечно же, не устроят :-)

Общие настройки форумов (General Board Settings)

В данном блоке нас попросят ввести общую информацию о нашем форуме. С названием сайта и его описанием, думаю, вы сами разберетесь. По остальным отпишу подробнее:

Отключить форумы (Disable board), опция отключает форум, после чего на главной странице форума появится следующее сообщение: “Извините, эти форумы отключены. Попробуйте зайти попозже”. Необходимость выключения форума может понадобиться в самых различных ситуациях, от проведения тех. работ, установки модов, работы с сайтом в целом до банального закрытия сайта и указания более информативного сообщения. phpBB предупреждает нас о том, что: “Форумы станут недоступными пользователям. Не выходите после отключения форумов, снова войти вы не сможете!” но в админку вы попасть сможете :-)

Включить активизацию учётных записей (Enable account activation), по умолчанию phpBB отключил такую возможность. Давайте подумаем почему? Пользователю по e-mail приходит письмо, в котором содержится ссылка, по которой нужно перейти и только после чего пользователь сможет войти на форум и писать сообщения. Да, это защита от спамеров, но практика показывает, что далеко не идеальная и в большинстве случаев пользы от нее немного. Если вы выберите активизацию учётных записей администратором, то получите одну хорошую новость и другую плохую. Плохая новость в том, что при выборе данного варианта на вашу почту будут приходить письма, с уведомлением о новой регистрации и предложением активизировать пользователя. Вам нужна такая головная боль, мне после двух-трех недель это жутко надоело, и я убрал ее подальше :-) Хорошая новость, это неплохая защита от спамеров, т.к. решать спамер человек или нет вам.

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

Не пройти мимо такой опции как: Рассылка e-mail сообщений через форумы, пользователи смогут посылать друг другу e-mail через форумы, оно вам надо, мне нет, поэтому ничего не менял.

Задержка «флуда» (Flood Interval), если на вашем форуме много игр, например Ассоциации, Города, Цепочка, Угадай фильм по кадру, то можно выставить значение 0 и тем самым выключить антифлуд. Однако, для информационного форума, антифлуд должен быть включен, хотя бы даже на 15 сек.

Сколько тем и сообщений на страницу, а также количество сообщений в «популярной» теме выставите сами, мы рассмотрим опцию Стиль по умолчанию (Default Style) по умолчанию в списке будет только один – subSilver, стиль выполнен достаточно красиво, но если вы скачаете стили для phpBB, вам нужно будет залить их в папку templates/ после чего стиль станет доступным в списке, и вы сможете его установить в качестве основного стиля, при этом пользователь в настройках своего профиля сможет выбрать любой из доступных стилей.

Заменять стиль пользователя (Override user style) - не будьте так строги, дайте пользователям несколько вариантов стилей, subSilver хоть и приятный и красивый стиль, но такой же, как и на многих других форумах phpBB. Сделайте свой форум чуточку оригинальнее, хотя оформление и не играет решающей роли в жизни форума, но, тем не менее, отключение данной опции оставит пользователю только тот стиль, который вы выбрали основным.

Часовой пояс (Date Format) – пользователи жалуются на то, что время на форуме отстает, верный признак того, что пора заглянуть в конфигурацию и настроить ваш часовой пояс, на вскидку для жителей России нужно выбрать: GMT + 3 (московское время)

Настройки Куков (Cookie settings)

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

Личные сообщения (Private Messaging)

Как видно из рисунка ничего сложного в настройке нет, в первой строке включаете/выключаете возможность отправки личных сообщений, следующие три строки регулируют какое количество сообщений вы разрешаете хранить в вашей БД.

Общие настройки форумов и пользователей (User and Forum Basic Settings)

Все настройки довольно несложные, поэтому разберитесь с ними сами :-) Стоит заметить, опция Разрешить смену имени пользователя (Allow Username changes) отключена, я думаю это вполне разумно, т.к. получив возможность смены имени пользователи обязательно ей воспользуются, что не очень приятно при общении на форуме.

Настройки аватар (Avatar Settings)

phpBB, предлагает мощный инструмент по управлению аватарами на форуме. Рассмотрим каждую из опций данного раздела.

• Разрешить аватар из галереи (Enable gallery avatars) – прежде чем включать эту опцию, галерею необходимо создать, для этого вам нужно закачать свои аватарки в директорию, которую вы укажете в поле Путь к галерее аватар (Avatar Gallery Path)
• Разрешить удаленных аватар (Enable remote avatars) – при включении данной опции, пользователь в своем профиле сможет указывать ссылку на аватару, находящуюся на другом сайте, при этом она постоянно будет грузиться с этого сайта. Стоит или нет включать данную опции решать вам, я же ее отключил ;-)
• Разрешить закачку аватар (Enable avatar uploading) – конечно разрешить :-)
• Макс. размер файла аватары – по умолчанию размер для аватар предлагается очень небольшим, в большинстве случаев вам придется увеличивать его самостоятельно, также как и опцию Макс. размер изображения (Maximum Avatar File Size)

COPPA Settings

Что это за чудо такое и с чем его едят?! Давайте попробуем зарегистрировать нового пользователя.

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

“Добро пожаловать на форумы yourdomain.com.

В соответствии с законом ‘COPPA’ ваша учётная запись не была активизирована.
Пожалуйста, распечатайте это сообщение и попросите вашего родителя или опекуна подписать его и поставить дату.

Затем отправьте его по факсу:
Или по почте:

И т.д.”

Теперь взглянем на форму, которую нам предлагает phpBB

Остались вопросы? В поле COPPA Fax Number указываете номер вашего факса, в поле COPPA Mailing Address почтовый адрес. В нашей стране эта функция не пользуется популярностью, пользователю легче пройти заново регистрацию или написать письмо администратору с просьбой активировать его аккуант. Сейчас все чаще можно встретить форумы, в которых данного вопроса уже нет.

Настройки e-mail (Email Settings)

В данном блоке, пожалуй, стоит упомянуть, что почтовый адрес, который вы введете в поле: Адрес e-mail администраторадолжен быть реальный т.к. на него будут приходить все письма с форума phpBB, включая и случаи, когда пользователи будут кликать по ссылке: Я согласен с этими условиями и мне меньше 13 лет.

Вот и все. Настроек phpBB подготовил немало, но по времени на конфигурацию форума вы потратите не более 2-3 минут. Поэтому не будем терять время, а перейдем к установке наиболее популярных модов к форуму phpBB.

На официальном сайте Пола вы можете найти информацию о других его книгах, а также посмотреть содержание любой книги, скачать готовые примеры. Вообще помимо основной идеи данной статьи, а это пример выпадающего списка ссылок я бы хотел выразить огромную благодарность этому человеку. Во многом его книги помогали мне на протяжении всего пути изучения мной языка разметки текстов HTML. Интересный стиль написания, а также что-то такое, что заставляет вас читать и читать его книги с большим интересом залог успеха любого начинающего веб мастера.

Наш пример работает на JavaScript, что накладывает на него некоторые ограничения. Дело в том, что JavaScript зависит от настроек пользователя. А точнее настроек его браузера, если пользователь отключил поддержку JavaScript, то и список работать не будет. Поэтому можете продублировать навигацию в нижней части страницы или как то иначе предложить альтернативный вариант навигации.

<FORM>
<SELECT WIDTH=”20″ onChange=”JumpToIt(this)”>
<OPTION VALUE=”None”>Select a JavaScript resource from this list —>
<OPTION VALUE=”http://www.mcfedries.com/UsingJavaScript/”>SE Using JavaScript
<OPTION VALUE=”http://www.geocities.com/SiliconValley/7116/”>The JavaScript Planet
<OPTION VALUE=”http://javascript.internet.com/”>The JavaScript Source
<OPTION VALUE=”http://www.javascripts.com/”>JavaScripts.com
<OPTION VALUE=”http://developer.netscape.com/docs/manuals/communicator/jsref/index.htm”>Netscape’s Online JavaScript Reference Manual
<OPTION VALUE=”http://www.scriptsearch.com/”>ScriptSearch
<OPTION VALUE=”http://www.wsabstract.com/”>Website Abstraction
<OPTION VALUE=”http://dir.yahoo.com/Computers_and_Internet/JavaScript/”>Yahoo! JavaScript Index
</SELECT>
</FORM>

И JavaScript код, который перенаправляет посетителя

<SCRIPT LANGUAGE=”JavaScript” TYPE=”text/javascript”>
<!–
function JumpToIt(list)
{
var selection = list.options[list.selectedIndex].value
if (selection != “None”)
location.href = selection
}
//–>
</SCRIPT>

Как всегда результат работы в тестовом разделе

Выпадающий список на JavaScript

И на последок …

Спасибо вам Пол Макфедрис.