Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор Alltin в Сб 16 Окт - 22:09

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


Последний раз редактировалось: All (Сб 16 Окт - 22:31), всего редактировалось 1 раз(а)
avatar
Alltin
Активист

Мужчина

Сообщения : 363
Возраст : 19
Регистрация : 2010-08-19
Благодарности : 67

Без предупреждений

http://ps-guild.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Сб 16 Окт - 22:16

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

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

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

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


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



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




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

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

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

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



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

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

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

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

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



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



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

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

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


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


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


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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22399
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9017

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Маскировка виджетов

Сообщение автор Dana Domirani в Пн 25 Окт - 17:00




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, то открываю ПА > Оформление > Шаблоны > Общие настройки
Жму на кнопку  modif "Изменить" рядом с шаблоном 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>

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


Если у форума движок 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>



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22399
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9017

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения