Как установить на форум готовую html-страницу

Последовательность такая.

1) Скачайте готовый шаблон. Откройте архив, распакуйте. Получится приблизительно такой набор файлов:


Главное, что вам понадобится из шаблона:

• файл "HTML" (может называться index, home, main) — основной файл с кодом необходимой страницы
  
• файл "CSS" — файл, в котором находятся стили оформления страницы
  
• папка img (images) — папка, в которой лежат все изображения (фоны, лого, кнопки, иконки) для страницы
  

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

2) Откройте html файл index в Блокноте (клик правой кнопкой мыши по иконке файла > открыть с помощью > блокнот) и скопируйте весь код.



3) Зайдите на форум в ПА > Модули > Управление страницами html
Нажмите кнопку "Создать в продвинутом режиме (HTML)" и заполните поля
Название : главная страница
Вы хотите использовать верх и низ вашего форума? - нет
Использовать эту страницу в качестве Главной? - да
Код HTML * : вставьте туда скопированный код

Внизу, до тега

Код:

</body>

нужно будет вставить ссылку на forum2x2

Код:

<a href="http://www.forum2x2.ru" target="_blank">forum2x2.ru</a>

После этого можно сохранить страницу и продолжить ее редактирование.


4) Откройте в Блокноте  (клик правой кнопкой мыши по иконке файла > открыть с помощью > блокнот) файл style

и скопируйте его содержание.

Вернитесь в ПА к создаваемой html-странице и найдите в коде строку

Код:

<link href="style.css" rel="stylesheet" type="text/css" media="screen" />

Замените ее на теги

Код:

<style type="text/css">
</style>

и между этими тегами вставьте весь скопированный код CSS из файла style.
После этого страницу снова надо сохранить.


5) В папке image находятся картинки оформления. Их надо залить по штуке на servimg Па > Оформление > Картинки и цвета > Управление картинками — Продвинутый режим > кнопка "Отправить изображение" и сохранить ссылки.

Теперь для каждой картинки надо проделать следующее:

- скопировать из папки название файла (в данном примере — img01)


- перейти к html-странице, нажать на клавиатуре CTRL+F (или любым другим удобным для вас способом вызвать поиск), вбить туда название файла и найти его в коде


- заменить сокращенную ссылку на полную — на ссылку того же самого изображения, которое было предварительно залито на servimg


И так для каждой картинки (в примере — img01, img02, img03, img04 и img05)

После этого страницу снова надо сохранить.

6) Все. Основная часть страницы перенесена. Дальше останется заменить текст, заменить иллюстрации по своему вкусу и добавить ссылки на основные страницы форума (в таком случае стандартная главная страница со списком категорий и форумов будет открываться по ссылке /forum).

7) В ПА > Оформление > Главная - Общая информация не забудьте указать Адрес вашего форума открывает : Страница HTML