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

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


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

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

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


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

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

Оформление сообщений в зависимости от пола автора

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

Оформление сообщений в зависимости от пола автора

Сообщение автор Luz в Пн 25 Июн - 16:57

1. Общий принцип работы

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



Принцип действия таков: мы добавим новые классы 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 разнообразны и зависят от ваших умений и воображения smile

ПА - Оформление - Картинки и цвета - Цвета - Каскадная таблица стилей 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


avatar
Luz
Администратор
Администратор

Женщина

Сообщения : 16458
Возраст : 42
Регистрация : 2005-03-01
Благодарности : 2556

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

http://help.forum2x2.ru

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

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


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