Illusion


Описание

Шаблон для развлекательных порталов, сообществ на основе InstantCMS. Illusion включает в себя 9 стилей на темы "Музыка", "Игры", "Видео". Существует бесплатная версия шаблона, в которой всего 3 стиля (№1,4,7 платной версии). Скачать бесплатную версию можно перейдя по этой ссылке.


Особенности

  • Стилей: 9
  • Версия CMS: 1.8 - 1.10.7
  • Браузеры: IE 7+, Firefox 3+, Opera 11+, Google Chrome 12+, Safari 5+
  • Заглушка IE 6: есть
  • Ширина: 1000px., регулируемая, динамическая
  • Дополнительные модули: Слайдер новостей

Демо


Демо сайты



Используйте demo/demo (логин/пароль) для входа в демо-аккаунт. Не используйте логинзу!


Стиль №1

123456879

Стиль №2

123456879

Стиль №3

132496587

Стиль №4

123457689

Стиль №5

234568791

Стиль №6

519263748

Стиль №7

132456879

Стиль №8

123456798

Стиль №9

123456789

Документация

Общие настройки

Установка шаблона

1. Скопировать папку ic_illusion (не переименовывать) в папку templates на вашем сайте.

2. Зайти в панель управления сайтом (далее админка), перейти в раздел настройки -> дизайн, установить ic_illusion шаблоном по умолчанию.

3. На сервере зайти в папку cache и удалить в ней все файлы кроме файла .htaccess. Очистка кэша обязательна, не стоит пропускать данный пункт.

4. В админке перейти к настройкам аватаров пользователей (раздел Пользователи -> Настройки профилей -> аватары) и установить значения как показано на снимке

5. Перейти в раздел Компонент -> Каталог статей -> Фото статей, установить значения как на снимке

6. Определиться с выбором стиля и открыть файл template.php для редактирования, он находится на сервере в каталоге шаблона (templates/ic_illusion).
Провести настройку

Строка 17, $style=""; - между кавычек введите номер стиля (пример для стиля №1 $style="1";)


Строка 21, $dynamic="0"; - включает/отключает динамическую ширину шаблона. Ширина будет колебаться от 1000 до 1600 пикселей. Значение 0 - отключено, 1 - включено.
Внимание! Включение данной опции не приводит к динамическим изменениям ширины, отступов или высоты элементов внутри модулей и компонентов. Может образоваться много пустых областей при большом разрешении. Удобна только для сайтов где в основном преобладает текстовая информация, и не используются модули с элементами, у которых фиксированные размеры и отступы.


Строка 27, $mywidth="0"; - включает/отключает пользовательское значение ширины шаблона. Значение 0 - отключено, 1 - включено. Если включить данную опцию ($mywidth="1";), нужно обязательно на строке 30 в переменную $newwidth=""; ввести значение новой ширины (пример $newwidth="1200";) от 1001 до 1600.
Внимание! Стоит понимать, что данная опция очень специфическая, и может привести к некорректному отображению шаблона, в частности к пустым местам на странице. Используйте данную опцию если точно знаете как можно заполнить пустые области.


Строка 37, $powered="1" - включает/отключает показ блока со ссылками на сайты разработчиков шаблона и CMS. Значение 0 - отключено, 1 - включено.


Сохраните изменения, сохранив файл

7. Скопируйте изображения для компонентов системы из папки extra/images на сервер в папку images, правильно распределив их по назначениям. Каждая папка означает к какому компоненту относятся изображения. Также они пронумерованы по стилям. Внимательно смотрите то ли изображения заменяете, учитывайте размер, не заменяйте маленькое большим. Данный пункт не обязателен к выполнению, можно ставить стандартные изображения.

Установка модуля Слайдер Новостей

1. Скопируйте 2 папки admin и modules (находятся в extra/newsslider) в корень сайта, там где находятся такие же папки.

2. В админке перейдите в раздел модули и нажмите установить модуль Если модулей на установку найдено не будет, проверьте правильность выполнения пункта №1 установки слайдера. Если все правильно, согласитесь на установку слайдера.

3. На сервере перейдите в modules/mod_newsslider и удалите файл install.php.

4. В админке, раздел модули, найдите установленный модуль "Новостной слайдер", перейдите к его настройкам, измените их как нужно вам или оставьте стандартные значения. Внимание параметр "Категория" со значением 0, означает выводить новости со всех категорий, вы можете ввести номер нужной вам категории. Количество материалов желательно оставить 4, но можно и увеличить/уменьшить. Обязательно сохраните изменения, даже если вы ничего не меняли, иначе слайдер новостей так и не появится на сайте.

5. Настройте параметры отображения модуля.
Заголовок модуля — включить
Шаблон модуля - в зависимости от стиля шаблона, смотрите подробней в настройках конкретного стиля.
Поставьте галочку публиковать модуль
Определите показ модуля только на главной странице в позиции top_right
Внимание! Модуль может конфликтовать с другими расширениями использующими jquery ui, и некорректно отображается на страницах где используются встроенная система вкладок/табов(например страница профиля пользователя). Сохраните изменения

Общие настройки модулей и модули в спец. позициях

Модуль "Авторизация"

Позиция - login_tab
Шаблон модуля - module.tpl (для всех стилей)
Показывать на всех страницах - да
Публиковать модуль - да
Заголовок модуля - да

Модуль меню с пунктами "Меню пользователя"

Позиция - user_tab
Шаблон модуля - module.tpl
CSS префикс - user_menu_
Показывать на всех страницах - да
Публиковать модуль - да
Заголовок - нет


Модуль "Меню пользователя" до версии 1.10.5

Позиция - user_tab
Шаблон модуля - module.tpl (для всех стилей)
Показывать на всех страницах - да
Публиковать модуль - да
Заголовок модуля - нет (кроме стиля №4)

Модуль "Поиск" и "Поиск пользователей"


Для InstantCMS 1.9 в эту спец. позицию (search_tab) устанавливайте только модуль "Поиск".
Позиция - search_tab
Шаблон модуля - module.tpl (для всех стилей)
Показывать на всех страницах - да
Публиковать модуль - да
Заголовок модуля - да

Баннера в позициях top_banner и foo_banner

Шаблон модуля - module_simple.tpl (для всех стилей)
Внимание! В стиле №2 позиция top_banner используется для вывода важной новости, смотрите подробней настройку стиля №2.

Модули меню и работа с меню

Модули меню, которые выводятся в позициях top_menu, main_menu, foo_menu должны иметь шаблон модуля module_simple.tpl.

Для меню в позиции left1, left2, left3, left4, foo_module используется шаблон модуля согласно инструкции к конкретному стилю в данных позициях (например для стиля №1 - module_round.tpl).

Подписи пунктов меню

В шаблон включена функция подписей пунктов меню. Создать такую подпись очень легко, достаточно при создании/редактировании пункта меню в админке добавить к нему описание через символ "|" . Данная функция работает для меню только в позиции main_menu,left1-4, для всех остальных меню можно использовать шаблон меню mod_menu_no_desc.tpl, но при этом пункты этого меню не должны содержать подписей. Также стоит понимать, что не обязательно создавать подписи для всех пунктов меню, можно подписывать пункты находящиеся на 2 и 3 уровне меню.

Внимание!
1. В некоторых компонентах подпись попадает в тайтл страницы.
2. Используйте mod_menu_no_desc.tpl для позиций top_menu, foo_menu, foo_module, если ни один пункт этих меню не имеет подписи. Если у какого-то пункта в эпих позициях существует подпись, лучше ее удалить.

3. Меню в позиции main_menu 3-х уровневое для всех стилей, в позиции left1-4, foo_menu, foo_module 1-но уровневое, в позиции top_menu - у каждого стиля имеет разное количество уровней, от 1 до 3.


Позиция right_menu и модуль "Меню Пользователя"

Данная позиция предназначена для вывода модуля "Меню Пользователя" с префиксом user_menu_ (до версии 1.10.5 horizontal_), который обеспечивает вывод этого модуля в горизонтальном положении без аватара и биллинга, но с иконками для пунктов.
Все префиксы для модуля "Меню пользователя"
horizontal_ - вывод горизонтально, без аватара и биллинга.
noavatar_ - вывод вертикально, без аватара и биллинга.
noicon_ - вывод горизонтально, без аватара и биллинга и иконок.

Модуль "Новые статьи"

Модуль "Новые статьи" можно выводить в 2-мя способами.
1. Обычно без префиксов. 2. В виде блоков, с префиксом block_ Используйте настройки модуля для вывода анонсов, авторов и т.д.

Модуль "Новые пользователи"

В режиме таблица имеет постраничный вид с пагинацией. Выводит крупноразмерные аватарки (примерно 150px). Параметр "Количество колонок" регулирует количество пользователей на страницу. Все остальные режимы стандартны.

Модули "Новое в каталоге, Популярное в каталоге и Случайное в каталоге"

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


Настройки для "Случайное в каталоге"
Параметр Количество записей - общее кол-во выводимых элементов
Для данного модуля установлено одно значение равное 4, которое отвечает за кол-во элементов на странице.

Стиль №1

Расположение позиций


В данном стиле не используется позиция foo_module.

Шаблоны модулей

Внимание! При создании/редактировании модулей правильно выставляйте шаблоны модуля, иначе сайт будет отображаться неправильно.

top_menu - module_simple.tpl
login_tab - module.tpl
user_tab - module.tpl
search_tab - module.tpl
top_banner - module_simple.tpl
top_left - module_round.tpl
top_right - module_round.tpl
main_menu - module_simple.tpl
left1 - module.tpl
left2 - module.tpl
left3 - module_round.tpl
left4 - module_round.tpl
right_menu - module.tpl
right1 - module.tpl
right2 - module.tpl
right3 - module_round.tpl
right4 - module_round.tpl
foo_menu - module_simple.tpl
foo_module - не используется
foo_banner - module_simple.tpl

Стиль №2

Расположение позиций


В данном стиле позиция top_banner используется для вывода модуля с новостью.
Создаете дубликат модуля "Добро пожаловать!" и в содержимое модуля вносите текст новости. Используйте теги h3 - для заголовка новости, img - для изображения, p - для текста, a - для ссылки "Подробнее..."


Не все модули в позиции foo_module будут отображаться корректно, тщательно подбирайте модули для этой позиции.

Шаблоны модулей

Внимание! При создании/редактировании модулей правильно выставляйте шаблоны модуля, иначе сайт будет отображаться неправильно.

top_menu - module_simple.tpl
login_tab - module.tpl
user_tab - module.tpl
search_tab - module.tpl
top_banner - module.tpl
top_left - module.tpl
top_right - module.tpl
main_menu - module_simple.tpl
left1 - module.tpl
left2 - module.tpl
left3 - module.tpl
left4 - module.tpl
right_menu - module.tpl
right1 - module.tpl
right2 - module.tpl
right3 - module.tpl
right4 - module.tpl
foo_menu - module_simple.tpl
foo_module - module.tpl
foo_banner - module_simple.tpl

Стиль №3

Расположение позиций


В данном стиле можно создавать эффектное сообщение на фоновом изображении. Исходник изображения лежит в дополнительных материалах.


Не все модули в позиции foo_module будут отображаться корректно, тщательно подбирайте модули для этой позиции.

Шаблоны модулей

Внимание! При создании/редактировании модулей правильно выставляйте шаблоны модуля, иначе сайт будет отображаться неправильно.

top_menu - module_simple.tpl
login_tab - module.tpl
user_tab - module.tpl
search_tab - module.tpl
top_banner - module_simple.tpl
top_left - module.tpl
top_right - module.tpl
main_menu - module_simple.tpl
left1 - module.tpl
left2 - module.tpl
left3 - module.tpl
left4 - module.tpl
right_menu - module.tpl
right1 - module.tpl
right2 - module.tpl
right3 - module.tpl
right4 - module.tpl
foo_menu - module_simple.tpl
foo_module - module.tpl
foo_banner - module_simple.tpl

Стиль №4

Расположение позиций


В данном стиле не используется позиция foo_module.

Шаблоны модулей

Внимание! При создании/редактировании модулей правильно выставляйте шаблоны модуля, иначе сайт будет отображаться неправильно.

top_menu - module_simple.tpl
login_tab - module.tpl
user_tab - module.tpl
search_tab - module.tpl
top_banner - module_simple.tpl
top_left - module.tpl
top_right - module.tpl
main_menu - module_simple.tpl
left1 - module.tpl
left2 - module.tpl
left3 - module.tpl
left4 - module.tpl
right_menu - module.tpl
right1 - module.tpl
right2 - module.tpl
right3 - module.tpl
right4 - module.tpl
foo_menu - module_simple.tpl
foo_module - не используется
foo_banner - module_simple.tpl

Стиль №5

Расположение позиций


В данном стиле фоновое изображение можно заменить на игровое.
Выберите нужное вам изображение, желательно размера 1900х1200px переименуйте его в body.jpg и замените им стандартное в папке templates/ic_illusion/style5/images


Также используйте позицию left3 для выделения модуля из общей массы. В этой позиции модулю задается зеленый фоновый цвет. Не все модули будут корректно отображаться в этой позиции.

Не все модули в позиции foo_module будут отображаться корректно, тщательно подбирайте модули для этой позиции.

Шаблоны модулей

Внимание! При создании/редактировании модулей правильно выставляйте шаблоны модуля, иначе сайт будет отображаться неправильно.

top_menu - module_simple.tpl
login_tab - module.tpl
user_tab - module.tpl
search_tab - module.tpl
top_banner - module_simple.tpl
top_left - module.tpl
top_right - module.tpl
main_menu - module_simple.tpl
left1 - module.tpl
left2 - module.tpl
left3 - module.tpl
left4 - module.tpl
right_menu - module.tpl
right1 - module.tpl
right2 - module.tpl
right3 - module.tpl
right4 - module.tpl
foo_menu - module_simple.tpl
foo_module - module.tpl
foo_banner - module_simple.tpl

Стиль №6

Расположение позиций


В данном стиле фоновое изображение можно заменить на игровое.
Выберите нужное вам изображение, желательно размера 1900х1200px переименуйте его в body.jpg и замените им стандартное в папке templates/ic_illusion/style6/images


Также используйте позицию left3 для выделения модуля из общей массы. В этой позиции модулю задается красноватый фоновый цвет. Не все модули будут корректно отображаться в этой позиции.

Не все модули в позиции foo_module будут отображаться корректно, тщательно подбирайте модули для этой позиции.

Шаблоны модулей

Внимание! При создании/редактировании модулей правильно выставляйте шаблоны модуля, иначе сайт будет отображаться неправильно.

top_menu - module_simple.tpl
login_tab - module.tpl
user_tab - module.tpl
search_tab - module.tpl
top_banner - module_simple.tpl
top_left - module.tpl
top_right - module.tpl
main_menu - module_simple.tpl
left1 - module.tpl
left2 - module.tpl
left3 - module.tpl
left4 - module.tpl
right_menu - module.tpl
right1 - module.tpl
right2 - module.tpl
right3 - module.tpl
right4 - module.tpl
foo_menu - module_simple.tpl
foo_module - module.tpl
foo_banner - module_simple.tpl

Стиль №7

Расположение позиций


В данном стиле не используется позиция foo_module.

Шаблоны модулей

Внимание! При создании/редактировании модулей правильно выставляйте шаблоны модуля, иначе сайт будет отображаться неправильно.

top_menu - module_simple.tpl
login_tab - module.tpl
user_tab - module.tpl
search_tab - module.tpl
top_banner - module_simple.tpl
top_left - module_round.tpl
top_right - module_round.tpl
main_menu - module_simple.tpl
left1 - module.tpl
left2 - module.tpl
left3 - module_round.tpl
left4 - module_round.tpl
right_menu - module.tpl
right1 - module.tpl
right2 - module.tpl
right3 - module_round.tpl
right4 - module_round.tpl
foo_menu - module_simple.tpl
foo_module - не используется
foo_banner - module_simple.tpl

Стиль №8

Расположение позиций



Не все модули в позиции foo_module будут отображаться корректно, тщательно подбирайте модули для этой позиции.

Шаблоны модулей

Внимание! При создании/редактировании модулей правильно выставляйте шаблоны модуля, иначе сайт будет отображаться неправильно.

top_menu - module_simple.tpl
login_tab - module.tpl
user_tab - module.tpl
search_tab - module.tpl
top_banner - module_simple.tpl
top_left - module.tpl
top_right - module.tpl
main_menu - module_simple.tpl
left1 - module.tpl
left2 - module.tpl
left3 - module.tpl
left4 - module.tpl
right_menu - module.tpl
right1 - module.tpl
right2 - module.tpl
right3 - module.tpl
right4 - module.tpl
foo_menu - module_simple.tpl
foo_module - module.tpl
foo_banner - module_simple.tpl

Стиль №9

Расположение позиций


В данном стиле фоновое изображение можно заменить на постер с фильма или т.п..
Выберите нужное вам изображение, желательно размера 1900х1200px переименуйте его в body.jpg и замените им стандартное в папке templates/ic_illusion/style9/images



Не все модули в позиции foo_module будут отображаться корректно, тщательно подбирайте модули для этой позиции.

Шаблоны модулей

Внимание! При создании/редактировании модулей правильно выставляйте шаблоны модуля, иначе сайт будет отображаться неправильно.

top_menu - module_simple.tpl
login_tab - module.tpl
user_tab - module.tpl
search_tab - module.tpl
top_banner - module_simple.tpl
top_left - module.tpl
top_right - module.tpl
main_menu - module_simple.tpl
left1 - module.tpl
left2 - module.tpl
left3 - module.tpl
left4 - module.tpl
right_menu - module.tpl
right1 - module.tpl
right2 - module.tpl
right3 - module.tpl
right4 - module.tpl
foo_menu - module_simple.tpl
foo_module - module.tpl
foo_banner - module_simple.tpl

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

Запрещено устанавливать одну копию шаблона более чем на 9 сайтах.
Запрещена передача шаблона 3-м лицам и распространение его в интернете.
Шаблон не может использоваться как основа для другого шаблона без согласия автора.