Создание своих страниц
Не так давно на сервисе появилась функция — своя страница. Можно создавать неограниченное число страниц, с интересующим Вас содержанием, будь то флеш-игры, чаты, какая-нибудь реклама... Словом, простор для творчества велик. Осталось только разобраться — как это работает. Что сейчас мы и попробуем сделать.В меню в админ-панеле находится пункт с названием "Страницы", при его выборе открывается страница по адресу: http://ваш-форум.liveforums.ru/admin_pages.php.
Вы видите перед собой страницу с различными опциями и списком внизу.
Создание новой страницы:
"Заголовок" — это будущее название страницы. Можно использовать русские и английские буквы, цифры, спецсимволы и так далее."Адресное имя" — это адрес будущей страницы. Можно использовать только буквы английские буквы.
"Панель инструментов" — с помощью неё вы сможете создавать свою страницу точно так же, как если бы писали сообщение на форме.
"Поле для просмотра" — тут будет отображаться эскиз страница, чтобы вы в процессе её создания могли постоянно следить за результатом.
"Объявление" — опция показа на странице объявления, которое размещено у Вас на форуме.
"Кнопка "Создать" страницу" — по завершению всех операций для сохранения результата следует её нажать.
Чуть пониже таблица, где отображается список созданных страниц.
Вот его элементы:
"Колонка адреса" — здесь можно найти адрес нужной страницы из уже созданных.
"Колонка заголовков" — название страниц.
"Колонка Редактировать/удалить" - изменить содержимое конкретной страницы или удалить её.
Как создать новую страницу
Сейчас попробуем создать свою страницу. Сначала введём заголовок будущей страницы. Пока мы вписывали название страницы, в окне адресного имени на основе названия создано рекомендуемое адресное имя для этой страницы. Например, если написано название "Моя страница", то рекомендуемый адрес такой: http://ваш-форум.liveforums.ru/pages/moya_stranisa. Если Вам по каким-либо причинам он не нравится, можно в строчке для адреса ввести что-то своё.Теперь приступаем непосредственно к созданию содержимого страницы. Найдите на панели инструментов кнопку
и нажмите на неё - откроется окно редактора кода странички, которое выглядит так:
В окно нужно вводить HTML-код страницы. Если Вам не нравится, что код уходит за пределы окошка и необходимо прокручивать вправо, можно установить галочку на "Перенос по словам" (правый верхний угол). По окончании написания кода нажмите кнопку "Обновить" (левый нижний угол) или "Отмена" (правый нижний угол), если Вам не нужны Ваши изменения.
Обратите внимание - при создании странички нет необходимости прописывать это:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Без названия 1</title>
</head>
<body>
</body>
</html>
Как только Вы закончили работать с кодом и нажали "обновить" — в окне предпросмотра появится Ваша страница в уменьшенном варианте. Кстати, маленькая хитрость: потяните за правый нижний уголок этого окошка, и оно увеличится в размерах (если Ваша страничка большая и не помешается в его стандартный размер, таким образом можно легко это поправить).
Теперь подробнее про панель инструментов. Можно совершать некоторые операции без редактора кода. Например, вставку текста или изображений.
Идём по порядку:
1 — Сделать текст жирным.
2 — Сделать текст курсивом.
3 — Сделать текст подчёркнутым (снизу).
4 — Сделать текст перечёркнутым.
5 — Выравнивание содержимого по левому краю.
6 — Выравнивание содержимого по центру.
7 — Выравнивание содержимого по правому краю.
8 — Выравнивание содержимого по ширине.
9 — Изменение шрифта текста.
10 — Изменение размера текста.
11 — Изменение цвета текста.
Заметим, что кроме стандартных цветов можно создавать и свои. Достаточно нажать на "Выбрать цвет" внизу палитры и перед Вами откроется новая палитра, теперь уже для выбора своего цвета:
12 — Вставить изображение. При нажатии на кнопку перед Вами откроется окошко:
В него нужно ввести данные о изображении:
— Адрес изображения — вводим ссылку на него.
— Описание изображения — введите то, что хотите, чтоб отображалось во всплывающей подсказке при наведении курсора на изображении.
— Выравнивание изображения — определит положение изображения относительно остальных элементов, например текста.
— Размеры изображения — введите длину и высоту изображения в пикселях. При вставке изображения его размеры будут автоматически подсчитаны.
— Граница — введите толщину рамки вокруг изображения в пикселях.
— Вертикальный отступ — отступ от изображения до соседних элементов по вертикали.
— Горизонтальный отступ — отступ от изображения до соседних элементов по горизонтали.
Нажмите "Вставить", чтобы добавить изображение (левый нижний угол) или "Отмена", чтоб отказаться от вставки изображения на страничку.
13 — Предварительный просмотр — откроет окно предварительного просмотра.
14 — Полноэкранный режим редактирования — для тех, кто любит, чтоб форма с панелью кнопок была во весь экран. В отдельном окне естественно.
15 — Редактирование HTML-кода — собственно, с неё и начиналось наше создание странички — открывает окошко с исходным кодом (исходник), который можно отредактировать.
16 — Вставить готовый шаблон — возможно вставить один из трёх готовых шаблонов странички (об этом подробнее ниже).
В отличие от привычной формы ответа на самом форуме, где теги добавлялись в форму по нажатию кнопки, тут действует иной принцип. Например, чтоб сделать текст жирным, нам надо нажать на соответствующию кнопку (она будет выделена после нажатия) и начинать писать: текст будет вводиться жирным! По окончании ввода текста просто ещё раз нажмите на кнопку жирного текста. Выделение с неё снимется, и далее можно писать обычным текстом. Аналогично и для остальных кнопочек.
А ещё можно выделить нужный фрагмент текста и просто нажать на нужную кнопку (например, на курсив) и выделенный фрагмент будет написан курсивом.
Ещё одна тонкость: под формой будут показываться не закрытые теги. Кликните по любому из них, и он выделит фрагмент странички, за который отвечает. Например, кликнув по тегу "u" автоматически выделится подчёркнутый текст.
А ещё при наведении мыши на кнопку всплывает небольшая подсказка, для чего эта опция нужна.
Далее можно указать имеется ли необходимость показывать на Вашей страничке форумное объявление. Кому-то, возможно, оно надо, кому-то - нет. Дело вкуса. Соответственно устанавливаем "галочку" на "ДА" или "НЕТ". И, если создание страницы закончено, нажимаем на кнопку "Создать". После переадресации возврат на страницу создания своих страниц. Внизу, в списке появится только что созданная страница. Если до этого были созданы свои страницы, то страницы будут расположены в порядке убывания, начиная с только что созданной.
Шаблоны
На форуме можно создать страницы с помощью шаблонов: две из них будут игры, а одна - графический редактор аля Adobe Photoshop. Предложите добавление нового шаблона.1. Тетрис: "Описание: Необычный форк игры Tetris. Вам нужно строить вверх так, чтобы конструкция не завалилась".
2. Хексагон: "Описание: Побеждает тот, кто займет большее пространство, когда не останется свободных ячеек".
3. Графический редактор: "Описание: Добавляет графический редактор изображений на страницу".
Чтобы выбрать нужный из шаблонов, необходимо найти на панели инструментов кнопку
и нажать на неё. Откроется новое окошко, где собственно и будет возможность выбирать шаблоны, а так же прочесть их описание и просмотреть их в действие перед тем, как добавить.
Выбираем понравившееся изображение из списка и дожидаемся, пока оно загрузится. Затем, если Вы хотите добавить его на Вашу страничку - нажимайте "Добавить" (левый нижний угол) или "Отмена", если Вы не хотите, ставить подобного.
Для использования данных приложений ваш браузер должен поддерживать технологию Flash, возможно для этого нужно скачать плагин (дополнение) Adobe Flash Player и установить его.