Вопросы по туториалу "Профиль под кнопкой"

Ссылка на туториал: http://help.forum2x2.ru/t16885-topic

Скажите, пожалуйста, как сменить цвет фона внутри профиля если он сделан в стиле окошка и там по центру название "Лист персонажа" сделать? И всё содержимое "Листа" можно было вынести за пределы профиля? (т.е. не в открывающемся окошке, а просто под иконкой профиля)

как сменить цвет фона внутри профиля если он сделан в стиле окошка?

За это отвечает строка:

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

Вместо #FFFFFF (белого фона) поставьте код необходимого цвета; то же для border (бордюра)

всё содержимое "Листа" можно было вынести за пределы профиля? (т.е. не в открывающемся окошке, а просто под иконкой профиля)

Тогда надо несколько изменить тот фрагмент, который заменяет шаблон по-умолчанию - ставьте это:

Код:

<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 -->
      </div>
  </div>
</div>

      {postrow.displayed.POSTER_RPG}
      </span><br />
      <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </div></td>

о, спасибо) премного благодарна, Дана)

Пожалуйста!

Доброго вечеру )

А вопросик такой - можно ли сделать так, чтобы кнопочка "Профиль", изначально была как бы частично спрятана, а при наведении курсора вылезала полностью

Заранее благодарю за ответ )))

Можно. Только надо сменить изображение кнопки на контейнер с фоном, меняющимся при наведении.

О, благодарю ))) Если не разберусь сам, буду просить помощи

Дана, а что если текст начал залазить на аватару??

http://fringe.mirbb.net/t вот форум.

Сделал всё по инструкции.

@Депрессняк пишет:Дана, а что если текст начал залазить на аватару??

http://fringe.mirbb.net/t вот форум.

Сделал всё по инструкции.

Та же проблема. У меня стоят нестандартные размеры аватара 240 px в ширину. Когда установил код поле з профилем сузилось, как ему можно обратно вернуть его 240px?

Кавайное-Неко, сейчас у Вас скрипт профиля отключен?

Dana Domirani, да, сейчас отключил, потому что смотрится не красиво

Включите на минутку, надо посмотреть

Поставил на тестовом *тык*
Там хоть границ не видно, но аватара налезла на текст и в общем тоже самое)

Здесь ничем нельзя помочь?

Можно, конечно. Только на тестовике профиль по-умолчанию 150px, и эта ширина никак не зависит от наличия/отсутствия кнопки профиля.
Надо расширять профиль через шаблон.

а как расширить профиль через шаблон?)

возникла такая же проблема, не подскажите как расширить профиль?

@Ylian4ik пишет:возникла такая же проблема, не подскажите как расширить профиль?

См. тут: http://help.forum2x2.ru/t23122-topic

спасибо большое)

Дана, заметил не очень приятный, на вид, недочет в данном туториале.
В сообщении работает все как надо, но в блоге стоит как стандартный профиль. То есть отсутствует кнопка "Профиль", вся информация находится не по центру и звание не снизу аватарки, а сверху - все по стандарту для phpbb2.

Правильно отображается в сообщении:

Не правильно отображается в блоге:

Помоги пожалуйста

Для "блогового" режима выделен отдельный шаблон — viewcomments_body (Показ комментариев)
Там надо повторить те же настройки шаблона, что и для обычных тем.

Спасибо, Дана.
А то я искал совсем не в том шаблоне.

у меня после смены по этому тутору невозможно повысить репутацию, а понизить можно. Просто перед этим я меняла этот код перенося выбор репутации из сообщения под автар. Вод код, может я чего-то случано удалила?

Код:

<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 />
                     
                                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                    <!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img src="http://r28.imgfast.net/users/2814/33/31/58/album/th/10.png" alt="Повысить репутацию" border="0" /></a></div>
<!-- END switch_vote -->

                    <!-- BEGIN switch_bar -->
                    <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                    </div>
                    <!-- END switch_bar -->

                    <!-- BEGIN switch_no_bar -->
                    <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                    <!-- END switch_no_bar -->

                    <!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"><img src="http://r28.imgfast.net/users/2814/33/31/58/album/th/-10.png" alt="Понизить репутацию" border="0" /></a></div>
<!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->
            <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>

Здравствуйте, Дана!

В заголовке туториала сказано для BB2 и Pun, но коды даны только для BB2. Я как смогла вычислила нужные фрагменты и поменяла, но скрипт не работает. Профиль по умолчанию открыт, а при нажатии на кнопку на мгновение закрывается и снова открывается. Help!

@Натали63 пишет:Здравствуйте, Дана!

В заголовке туториала сказано для BB2 и Pun, но коды даны только для BB2. Я как смогла вычислила нужные фрагменты и поменяла, но скрипт не работает. Профиль по умолчанию открыт, а при нажатии на кнопку на мгновение закрывается и снова открывается. Help!

Скорей всего где то ошибку допустили.
Могу предложить вариант как на моём форуме. Кнопки открыть и закрыть разные.

@Домовой пишет:Скорей всего где то ошибку допустили.
Могу предложить вариант как на моём форуме. Кнопки открыть и закрыть разные.

Да ясное дело, что ошибку где-то сделала. Но я даже уже знаю где. Нет таких крепостей, которые не взяли бы большевики (с) . Ошибка была не в кодах (я их правильно вычислила), а в CSS. Оказалось вся эта конструкция не терпит display block у родителей.

Я на pun нашёл но они занесены в теги div это и менять?