388x60 Ads

Портал для forum2x2 с помощью Artisteer

artisteer for forum2x2
Добрый день, уважаемые читатели блога БЛОGГЕР!

В сегодняшней статье я вам расскажу о том, как при помощи программы Artisteer создать уникальный дизайн портала для форума, созданного на forum2x2.

Эта статья написана для тех администраторов форумов, созданных на forum2x2, которые не хотят в качестве портала использовать шаблон оформления форума.

Если вы относитесь именно к таким администраторам форумов, созданных на forum2x2, или просто хотите узнать, как при помощи программы Artisteer оформить html страницы, тогда эта статья для вас.

От вас потребуются:
  • Знание основ html; 
  • Знание основ CSS. 
Добавить страницы в Artisteer
Итак, начнем. Запустите Artisteer, выберите опцию "Сайт или блог" и нажмите кнопку "Предложить дизайн" несколько раз, пока не появится вариант шаблона, который вам нравится. Подробнее об этом читайте в статье Artisteer – первое знакомство.

Лично я для портала демо- форума сначала в Artisteer выбрал, предложенный программой дизайн, и особо его не дорабатывал, кроме того, что убрал в «Настройках экспорта» ненужные мне позиции (префикс “-art” и ссылки в футере). Дополнительно прочтите статью Особенности создания шаблонов в Artisteer.

Добавить блоки в Artiseer Программа позволяет позволяет добавлять дополнительные страницы  и блоки.

Если на ваш взгляд, дизайн html страниц уже завершен,экспортируйте содержимое сайта на ваш компьютер ("Файл" - "Экспорт" -"Html Website").

Обычно папка, которую формирует в таком случае Artisteer, состоит из: папки с изображениями, трех файлов стилей (.css), два из которых для IE6 и IE7, библиотеки jquery(.js), script(.js) и собственно страниц  html.

Дальше речь пойдет о том, как это применить для форумов, созданных на forum2x2.

С помощью программы "Блокнот" или ее аналога откройте сохраненную страницу html и скопируйте ее код.

В "Панели администратора" нужно выбрать меню "Модули", а в нем "Управление страницами html". Создайте новую страницу html и в открывшееся окно вставьте ранее скопированный вами код страницы html. 

Кстати, такая страница может использоваться в качестве главной страницы вашего форума.

Изображения из сохраненной вами папки можно сохранить либо в "Галерее" форума, либо на стороннем хостинге. 

Откройте программой "Блокнот" файл style.css,  вставьте в него ссылки на сохраненные изображения, и сохраните файл. Лично я для целей опять же таки демо- форума сохранил файл style.css на внешний хостинг и потом добавил ссылку на него в созданную страницу html. Стили для IE6 и IE7 я не дорабатывал.

Портал демо- форума.

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

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

Кроме этого, вы можете использовать для оформления вашего контента красивые кнопки (пример - на главной странице портала демо- форума).

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

Кроме этого, на сайте Forum2x2 - social Network можно прочитать много полезной информации, связанной с дизайном и другими техническими вопросами форумов, созданных на forum2x2.ru. 




Подпишитесь В закладки НапечататьPrint Friendly and PDF


Вячеслав Вареня
Статус: seo-специалист | Контакты


0 коммент.:

Отправить комментарий