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

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>

https://i.servimg.com/u/f24/16/54/26/99/prof10.png - это ссылка на изображение кнопки "Профиль":

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

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

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 запрещается.