Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

UserInfoPane как в 3.1

Опубликовано:

Здравствуйте :)

 

подскажите как мне сделать такой UserInfoPane как у вас на движке (3.1.х)

http://piccy.info/view3/7589718/f290d23b79aaf4314865c0753a882db7/

То есть нужно чтобы левая колонка (тексты) была всегда по центру и совпадала что снизу что сверху.

А то я вот делаю, вот что у меня получается...

 

http://piccy.info/view3/7589741/47808d02e96674766aa3170ddc22bdd6/

Получается ник в игре уже уходит в право...

Рекомендованные сообщения

Опубликовано:

Потому что тут сверстано на двух блоков - левый и правый. У левого блока текст выровнен по правому краю.

 

<style>
ul.user_fields li{
  clear: both;
}
ul.user_fields li span.ft { 
  text-align: right;
}
ul.user_fields li span.ft, ul.user_fields li span.fc{
  display: block;
  float: left;
}
</style>

<ul class="user_fields">
   <li>
       <span class="ft">Группа:</span>
       <span class="fc">Пользователи</span>
   </li>
</ul>

Опубликовано:
  • Автор

а это куда ?

Опубликовано:

В userinfopane очевидно. Вы же хотели узнать как элементы центрируются в 3.1, ну вот. Можете сверстать также, можете по другому, главное суть вы уже знаете.

Опубликовано:
  • Автор

Я добавил все это в дополнительные поля (Отображение поля в сообщении)

И работает

Опубликовано:
  • Автор

В userinfopane очевидно. Вы же хотели узнать как элементы центрируются в 3.1, ну вот. Можете сверстать также, можете по другому, главное суть вы уже знаете.

а и как мне вставить правильно код в userinfopane

Например я хочу под аватаркой поставить иконку icq

 

как правильно ключ написать

сам ключ - icq

 

<span>[ $icq ]</span>

то не пашит..

Опубликовано:

Все "это" добавлять в дополнительные поля не надо. Добавлять можно

  • , но зависит от того как сверстан блок в userinfopane.
  • Опубликовано:
    • Автор

    оставил только

    <ul class="user_fields">
       <li>
           <span class="ft">{title}</span>
           <span class="fc">{content}</span>
       </li>
    </ul>

     

    в userinfopane добавил

    <style>
    ul.user_fields li {
      clear: both;
      background: #fff;
    }
    ul.user_fields li span.ft { 
      text-align: right;
      width: 44%;
      font-size: 0.9em;
    }
    ul.user_fields li span.ft, ul.user_fields li span.fc {
      display: block;
      float: left;
      font-size: 0.9em;
      padding: 0 2px 0 4px;
    }
    </style>

     

    все работает, не подскажите как сделать еще

    http://ipbskins.ru/forum/topic13526.html/page__view__findpost__p__89624

     

    ?

    Опубликовано:

    Вообще-то пихать весь список в дополнительные поля не нужно, потому что они уже фетчатся в ul:

     

    <foreach loop="customFieldsOuter:$author['custom_fields'] as $group => $data">
    <foreach loop="customFields:$author['custom_fields'][ $group ] as $field">
    	<if test="$field != ''">
    		<li>
    			{$field}
    		</li>
    	</if>
    </foreach>
    </foreach>
    

    Если включить воображение видно, что достаточно будет указать только span'ы.

     

           <span class="ft">{title}:</span>
           <span class="fc">{content}</span>
    

    Css селекторы указать с учетом класса этого ul - custom_fields.

     

    как правильно ключ написать

    сам ключ - icq

    $author['custom_fields'][ $group ][ $field ]

    Где:

    • $group - группа к которой относится поле
    • $field - ключ

    Похожие темы:

    Не выравниваются дополнительные поля

    Дополнительные поля профиля в HoverCard

    Опубликовано:
    • Автор

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

     

    вот мой userunfopane

     

    то выходит так

    http://piccy.info/view3/7591584/f7681f5e2b905c04c58443ed3765ed27/

     

    да я понимаю что все пропало так, как я вывел только аську, ну так её даже нет, а сделал все как тут

    http://ipbskins.ru/forum/topic9298.html

    Опубликовано:
    делаю по инструкции и все пропадает..

    По какой инструкции? Здесь нет точных инструкций к действию, только аналогичные примеры.

     

    П.С.

    Не цитируете большие сообщения, либо сообщения с кодом. Если хотите процитировать что-то, цитируйте нужный фрагмент текста.

    Опубликовано:
    • Автор

    выше написал, гляньте может где-то ошибся но не думаю.

    думаю проблема в версиях...

    Опубликовано:

    {$field}

    Нахрена вы это добавили? Я вам дал ссылку где говорится о структуре переменной с дополнительными полями, чтобы вы знали какие группы есть $author['custom_fields']. Там же написано - "специфично". Прежде чем тупо копировать думайте и анализируйте код.

    Верните обратно дефолтную структура, а как обращаться к дополнительному полю смотрите выше. На примере icq это будет выглядеть так - $author['custom_fields']['contact']['icq'].

     

    Не приводите длинные портянки кода. Приводите только точные фрагменты кода, разбираться в ваших шаблонах никто не будет, а длинные блоки затрудняет восприятия кода.

    Опубликовано:
    • Автор

    белая стр выходит

    Опубликовано:
    белая стр выходит

    Переменные правильно вставляете? Знаете что их нужно обрамлять в фигурные скобки {}?

    Покажите фрагмент кода.

    Опубликовано:
    • Автор

    <b><if test="authorcfields:|:$author['custom_fields'] != """></b>
    <ul class='custom_fields'>
    
    <foreach loop="customFieldsOuter:$author['custom_fields'] as $group => $data">
    <foreach loop="customFields:$author['custom_fields'][ $group ] as $field">
    
    <if test="$field != ''">
    <li>
    {$author['custom_fields']['contact']['icq']}
    </li>
    </if>
    </foreach>
    </foreach>

     

    выходит так

    нет аськи

    Создайте аккаунт или войдите в него для комментирования

    Сейчас на странице 0

    • Нет пользователей, просматривающих эту страницу.

    Configure browser push notifications

    Chrome (Android)
    1. Tap the lock icon next to the address bar.
    2. Tap Permissions → Notifications.
    3. Adjust your preference.
    Chrome (Desktop)
    1. Click the padlock icon in the address bar.
    2. Select Site settings.
    3. Find Notifications and adjust your preference.