Создание виджетов на главной странице. Маскировка виджетов.

1. Как создать виджет на главной и добавить в него свой код?
2. Можно ли как то замаскировать виджеты, чтобы они не показывались вообще или показывались только на главной?
Спасибо

1. Создание левой колонки виджетов

Алгоритм действий:

Открываю ПА > Модули > Виджеты форума

Общие настройки виджетов главной страницы.
Ставлю:
- Показывать виджеты главной страницы: да
- Ширина колонки 1 (слева): 200px
Сохраняю.


Затем перетаскиваю из нижнего блока "Стандартные виджеты" в левую колонку все нужные мне виджеты.



Сохраняю. Открываю главную страницу и проверяю: появилась левая колонка с виджетами.




2. Создание правой колонки виджетов

Алгоритм действий:

Открываю ПА > Модули > Виджеты форума

Общие настройки виджетов главной страницы.
Ставлю:
- Показывать виджеты главной страницы: да
- Ширина колонки 3 (справа): 200px



Сохраняю.
Затем перетаскиваю из нижнего блока в правую колонку все нужные мне виджеты и снова сохраняю.

3. Создание двух колонок виджетов

Алгоритм действий:

Открываю ПА > Модули > Виджеты форума

Общие настройки виджетов главной страницы.
Ставлю:
- Показывать виджеты главной страницы: да
- Ширина колонки 1 (слева): 180px
- Ширина колонки 3 (справа): 180px



Сохраняю.
Затем перетаскиваю из нижнего блока в колонки все нужные мне виджеты и снова сохраняю.

---

4. Создание персонального виджета

На примере виджета с часами.

1) Нажмаю кнопку "Создать персональный виджет"


2) Заполняю поля названия виджета и нажмаю кнопку "Сохранить".


3) Возвращаюсь на страницу управления виджетами. Открываю вкладку "Персональные виджеты" и нахожу там только что созданный виджет. Перетаскиваю его во включенную колонку и сохраняю изменения.


4) Проверяю: на главной странице появляется новый виджет (в данном случае — часы)

---

1. Полная маскировка левой колонки виджетов

Открываю Па > Оформление > Цвета > Каскадная таблица стилей CSS
Добавляю код, скрывающий левую колонку виджетов со всех страниц:

Код:

#content-container div#left {
width: 0;
height: 0;
margin-right: 0;
}

Сохраняю.

Открываю форум и проверяю: левая колонка с виджетами исчезла. Все.

---

2. Полная маскировка правой колонки виджетов

Открываю Па > Оформление > Цвета > Каскадная таблица стилей CSS
Добавляю код, скрывающий правую колонку виджетов со всех страниц:

Код:

#content-container #right {
width: 0;
height: 0;
}
#content-container div#content {
margin-right:0;
}

Сохраняю.

Открываю форум и проверяю: правая колонка с виджетами исчезла. Все.

Вряд ли возникнет необходимость в маскировке обеих колонок, но если это понадобится — просто добавьте оба кода.

---

3. Чтобы колонка виджетов оставалась видна только на главной странице

Сначала выполняю предыдущий пункт — полностью маскирую колонку (или колонки) через CSS.

Если у форума движок Pun или BB2, то открываю ПА > Оформление > Шаблоны > Общие настройки
Жму на кнопку   "Изменить" рядом с шаблоном index_body (Главная страница).

Добавляю в самом верху страницы код, который сделает колонку виджетов снова видимой, но исключительно на главной странице:

Для левой колонки:

Код:

<style type="text/css">
#content-container div#left {
width: 180px;
height: auto;
margin-right: 5px;
}
</style>

Для правой колонки

Код:

<style type="text/css">
#content-container div#right {
width: 180px;
height: auto;
}
#content-container div#content {
margin-right: 185px;
}
</style>

Для обеих колонок:

Код:

<style type="text/css">
#content-container div#left {
width: 180px;
height: auto;
margin-right: 5px;
}
#content-container div#right {
width: 180px;
height: auto;
}
#content-container div#content {
margin-right: 185px;
}
</style>

Сохраняю изменения. Потом не забываю опубликовать измененный шаблон, нажав на кнопку    "Опубликовать"!


Если у форума движок BB3 или IPB, то открываю ПА > Оформление > Главная — Общая информация > Приветствие на главной странице и добавляю код туда:

Сохраняю.

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

5. Скрыть колонки виджетов на html-странице

Добавьте в ПА > Модули > Управление страницами HTML > Изменить > в самом верху страницы:

Код:

<style type="text/css">
#content-container div#left {
width: 0;
height: 0;
margin-right: 0;
}
#content-container #right {
width: 0;
height: 0;
}
#content-container div#content {
margin-right:0;
} 
</style>