Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как поменять вид нумерации страниц тем?автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
Оформление сообщений в зависимости от пола автора
Страница 1 из 1
Оформление сообщений в зависимости от пола автора
1. Общий принцип работы
Данный туториал поможет вам оформить сообщения на форуме в зависимости от пола их авторов.
Чтобы предложенный здесь способ сработал на вашем форуме, необходимо, чтобы поле "Пол" показывалось в профиле в сообщениях, и обязательно в виде иконки или иконки и текста, а не только текста:
Принцип действия таков: мы добавим новые классы CSS (fa_postbody_xy для мужчин и fa_postbody_xx для женщин), чтобы связать корпус сообщения с полом, указанным в профиле сообщения, и с помощью этих новых классов сможем управлять оформлением сообщений.
2. Установка скрипта Javascript
Создайте новый файл Javascript :
ПА - Модули - HTML & Javascript - Управление кодами Javascript
Название : любое по вашему желанию
Расположение: в темах
Код Javascript :
Внимание: Для правильной работы этого скрипта необходимо указать версию вашего форума, отредактировав переменную version, которая может принимать значения phpBB2, phpBB3, punBB и Invision.
3. Настройка CSS
Для примера мы дадим здесь код CSS, позволяющий применить разные цвета для фона сообщений в зависимости от пола их авторов. Этот код использует 2 класса, добавленных нами выше посредством скрипта Javascript.
Возможности настройки с помощью CSS разнообразны и зависят от ваших умений и воображения
ПА - Оформление - Картинки и цвета - Цвета - Каскадная таблица стилей CSS
4. Результат :
© Данный туториал разработан командой форума поддержки FOROACTIVO.COM и в частности пользователем Turbodeif. Любая публикация этого материала без разрешения администрации help.forum2x2.ru запрещается.
Данный туториал поможет вам оформить сообщения на форуме в зависимости от пола их авторов.
Чтобы предложенный здесь способ сработал на вашем форуме, необходимо, чтобы поле "Пол" показывалось в профиле в сообщениях, и обязательно в виде иконки или иконки и текста, а не только текста:
Принцип действия таков: мы добавим новые классы CSS (fa_postbody_xy для мужчин и fa_postbody_xx для женщин), чтобы связать корпус сообщения с полом, указанным в профиле сообщения, и с помощью этих новых классов сможем управлять оформлением сообщений.
2. Установка скрипта Javascript
Создайте новый файл Javascript :
ПА - Модули - HTML & Javascript - Управление кодами Javascript
Название : любое по вашему желанию
Расположение: в темах
Код Javascript :
- Код:
$(function() {
//Укажите здесь версию вашего форума!
var version = "phpBB3";
if(version.toLowerCase() == "phpbb2"){
$(".postdetails img[title='Мужчина']").closest('.postdetails').parent('td').next('td').addClass("fa_postbody_xy");
$(".postdetails img[title='Женщина']").closest('.postdetails').parent('td').next('td').addClass("fa_postbody_xx");
}else if(version.toLowerCase() == "phpbb3"){
$(".postprofile img[title='Мужчина']").closest('.postprofile').prev('.postbody').addClass("fa_postbody_xy");
$(".postprofile img[title='Женщина']").closest('.postprofile').prev('.postbody').addClass("fa_postbody_xx");
}else if(version.toLowerCase() == "punbb"){
$(".user-info img[title='Мужчина']").closest('.postmain').addClass("fa_postbody_xy");
$(".user-info img[title='Женщина']").closest('.postmain').addClass("fa_postbody_xx");
}else if(version.toLowerCase() == "invision"){
$(".postprofile img[title='Мужчина']").closest('.post-container').addClass("fa_postbody_xy");
$(".postprofile img[title='Женщина']").closest('.post-container').addClass("fa_postbody_xx");
}
});
Внимание: Для правильной работы этого скрипта необходимо указать версию вашего форума, отредактировав переменную version, которая может принимать значения phpBB2, phpBB3, punBB и Invision.
3. Настройка CSS
Для примера мы дадим здесь код CSS, позволяющий применить разные цвета для фона сообщений в зависимости от пола их авторов. Этот код использует 2 класса, добавленных нами выше посредством скрипта Javascript.
Возможности настройки с помощью CSS разнообразны и зависят от ваших умений и воображения
ПА - Оформление - Картинки и цвета - Цвета - Каскадная таблица стилей CSS
- Код:
.fa_postbody_xy{
background-color: #87CEEB;
min-height: 500px;
}
.fa_postbody_xx {
background-color: #DDA0DD;
min-height: 500px;
}
4. Результат :
© Данный туториал разработан командой форума поддержки FOROACTIVO.COM и в частности пользователем Turbodeif. Любая публикация этого материала без разрешения администрации help.forum2x2.ru запрещается.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Похожие темы
» Приветствие в зависимости от времени суток
» Оформление цитаты и последних сообщений
» Как запретить регистрацию для мужского пола?
» Иконка пола рядом с ником пользователя
» Как изменить картинки пола женский/мужской
» Оформление цитаты и последних сообщений
» Как запретить регистрацию для мужского пола?
» Иконка пола рядом с ником пользователя
» Как изменить картинки пола женский/мужской
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения