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

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


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

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

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


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

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

Профиль под кнопкой [для BB2, Pun]

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

Профиль под кнопкой [для BB2, Pun]

Сообщение автор Dana Domirani в Пт 8 Окт - 23:34

1. Откройте ПА > Оформление > Шаблоны > Общие настройки - шаблон viewtopic_body (Показ темы)

Найдите в шаблоне фрагмент:
Для BB2
Код:
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
         </span><br />
         <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
Для Pun
Код:
<div class="user-info">
   {postrow.displayed.ONLINE_IMG}
   <!-- BEGIN profile_field -->
   {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
   <!-- END profile_field -->
   {postrow.displayed.POSTER_RPG}
</div>
и замените на:

Для BB2
Код:
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"><div style="overflow: visible; width: 150px">
         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />

<div class="prf">
   <div class="user-in">
      <img src="http://i24.servimg.com/u/f24/16/54/26/99/prof10.png" class="prfimg" alt="Профиль" title="Профиль" />
      <div class="user-info">
      <!-- BEGIN profile_field -->
      {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
      <!-- END profile_field -->
      {postrow.displayed.POSTER_RPG}
      </span><br />
      <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </div>
   </div>
</div>

      </div></td>
Для Pun
Код:
{postrow.displayed.ONLINE_IMG}
<br />
<div class="prf">
   <div class="user-in">
      <img src="http://i24.servimg.com/u/f24/16/54/26/99/prof10.png" class="prfimg" alt="Профиль" title="Профиль" />
      <div class="user-info">
      <!-- BEGIN profile_field -->
      {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
      <!-- END profile_field -->
      {postrow.displayed.POSTER_RPG}
      </div>
   </div>
</div>
http://i24.servimg.com/u/f24/16/54/26/99/prof10.png - это ссылка на изображение кнопки "Профиль":

Вы можете заменить ее на собственную.

После этого сохраните и опубликуйте шаблон, нажав на plus

2. Откройте ПА > Модули > Управление кодами JS, укажите Активировать управление кодами Javascript : Да и создайте новый файл
Название : профиль
Расположение : в темах
Код:
Код:
jQuery(document).ready(function(){

jQuery(".prfimg").click(function(){
jQuery(this).parent().children(".user-info").slideToggle(300);
return false
});

});
Сохраните.

3. В Па > Оформление > Цвета > Каскадная таблица стилей CSS скопируйте настройки для разворачивающегося профиля.


  • Если хотите, чтобы поля разворачивались внутри профиля, добавьте:
    Код:
    /* весь блок с разворачивающимся профилем */
    .prf {
    margin-bottom: 5px;
    font-size: 10px;
    }

    /* профиль скрыт по умолчанию */
    .user-info {
    display: none;
    }

    /* настройки кнопки профиля */
    .prfimg {
    cursor: pointer;
    display:block;
    margin:0 auto;
    }





  • Если хотите, чтобы поля разворачивались в отдельном окошке поверх профиля, добавьте:
    Код:
    /* весь блок с разворачивающимся профилем */
    .prf {
    height: 35px; /* укажите тут высоту кнопки профиля */
    width: 100%;
    font-size: 10px;
    position: relative;
    }
    .user-in {
    position: relative;
    margin: 0 auto;
    }
    .pun .post .user {
    overflow: visible;
    }

    /* профиль, скрытый по умолчанию */
    .user-info {
    display: none;
    position: relative;
    z-index: 999;
    width: 200px;
    background-color: #FFFFFF;
    border: 1px solid #C8C8C8;
    padding: 4px;
    }

    /* настройки кнопки профиля */
    .prfimg {
    cursor: pointer;
    display:block;
    margin: 0 auto;
    }

Сохраните настройки.




Внимание! Если у вас есть форумы в режиме блогов, то для них также надо будет произвести изменения (см. пункт 1) в шаблоне viewcomments_body (Показ комментариев)






© Данный туториал создан пользователем Dana Domirani.  Любая публикация этого материала без разрешения администрации help.forum2x2.ru запрещается.



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

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


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