Перейти к содержимому

Добро пожаловать на форум IP-Board.Ru - У нас есть хуки, стили и релизы IP.Board
Зарегистрируйтесь сейчас, чтобы получить доступ ко всем из наших особенностей. После регистрации и входа в систему вы сможете создавать темы, отвечать на сообщения в существующих разделах, изменять репутацию другим пользователям, получить возможность обмениваться личными сообщениями, обновления статуса, управлять профилем и многое другое.Если у вас уже есть аккаунт, войдите или зарегистрируетесь бесплатно!
Уважаемые пользователи IP-Board.ru , спешу сообщить, что каждую неделю администрация будет выкладывать VIP файлы для общего доступа.
Форум нуждается в активных участниках, для получения привилегий на форуме любой пользователь может оставить заявку тут Набор команды на форум. Внесите свой вклад на форум и форум Вас не забудет. ;)

Фотография

UserInfoPane с изображениями

* * * * * 1 Голосов

Сообщений в теме: 40

#1
Offline Inquisitor

Inquisitor
  • Пользователи
  • 154 сообщений
  • 11 тем
32
    Итак, если Вы хотите оформить красиво свою информацию под Аватаром в темах, такую как на скрине, я Вам расскажу.

    2.png


    Первым делом нам нужно красиво оформить фон поля рамочкой. Для этого делаем следующее:
    Пройдите в ACP - Внешний вид - Ваш стиль - CSS - ipb_styles.css
    Вставьте в любое место следующий код:

    
    
    .custom_fields li {
    
    background: #FFFFFF;
    
    padding:4px;
    
    margin-top:2px;
    
    border:1px solid #DDDDDD;
    
    border-radius: 5px;
    
    -webkit-border-radius: 5px;
    
    -moz-border-radius: 5px;
    
    text-align:center;
    
    width:100%;
    
    }
    
    

    Далее нам нам нужно подогнать поля сообщений и предупреждений под эти рамочки, для этого замените свой шаблон UserInfoPane на этот:
    
    
    <div itemscope itemtype="http://schema.org/Person" class='user_details'>
    
    <span class='hide' itemprop="name">{$author['members_display_name']}</span>
    
    <ul class='basic_info'>
    
      <if test="membertitle:|:$author['member_title']">
    
       <p class='desc member_title'>{$author['member_title']}</p>
    
      </if>
    
      <if test="avatar:|:$author['member_id']">
    
       <li class='avatar'>
    
                                    <if test="canSeeProfiles:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
    
                                    <a itemprop="url" href="{parse url="showuser={$author['member_id']}" template="showuser" seotitle="{$author['members_seo_name']}" base="public"}" title="{$this->lang->words['view_profile']}: {$author['members_display_name']}" class='ipsUserPhotoLink'>
    
                                    </if>
    
                                    <if test="hasVariable:|:$this->settings['member_topic_avatar_max']">
    
                                     <img itemprop="image" src='{$author['pp_main_photo']}' class='ipsUserPhoto ipsUserPhoto_variable' />
    
                                    <else />
    
                                     <img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
    
                                    </if>
    
                                    <if test="canSeeProfiles2:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
    
                                    </a>
    
                                    </if>
    
       </li>
    
      <else />
    
       <li class='avatar'>
    
                                    <img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
    
       </li>
    
      </if>
    
      <li class='group_title'>
    
       {$author['_group_formatted']}
    
      </li><br/>
    
      <if test="rankimage:|:$author['member_rank_img']">
    
       <li class='group_icon'>
    
       <if test="rankimageimage:|:$author['member_rank_img_i'] == 'img'">
    
                                    <img src='{$author['member_rank_img']}' alt='' />
    
       <else />
    
                                    {$author['member_rank_img']}
    
       </if>
    
       </li>
    
      </if>
    
      <if test="postCount:|:$author['member_id']">
    
      </if>
    
      <if test="authorwarn:|:$author['show_warn']">
    
       <li>
    
       </li>
    
      </if>
    
    </ul>
    
    <if test="authorcfields:|:$author['custom_fields'] != """>
    
      <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>
    
                                       {$field}
    
                                      </li>
    
                                     </if>
    
                                    </foreach>
    
       </foreach>
    
                                                                                                    <li>
    
                                                                                                    <table width="100%" border="0">
    
                                                                                                      <tr>
    
                                                                                                                                    <td width="18"><img src="http://forum.madtown.ru/public/style_extra/cprofile_icons/post.png"></td>
    
                                                                                                                                    <td width="50" align="left">Сообщений:</td>
    
                                                                                                                                    <td align="left">{parse exp[b][/b]ression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"}</td>
    
                                                                                                      </tr>
    
                                                                                                    </table>
    
                                                                                                    </li>
    
    <li>
    
                                                                                                    <table width="100%" border="0">
    
                                                                                                      <tr>
    
                                                                                                                                    <td width="18"><img src="http://forum.madtown.ru/public/style_extra/cprofile_icons/warning.png"></td>
    
                                                                                                                                    <td width="50" align="left"><a class='desc lighter blend_links' href='{parse url="app=members&amp;module=profile&amp;section=warnings&amp;member={$author['member_id']}&amp;from_app={$this->request['app']}&amp;from_id1={$contentid}&amp;from_id2={$options['id2']}" base="public"}' id='warn_link_{$contentid}_{$author['member_id']}' title='{$this->lang->words['warn_view_history']}'>Предупреждений:</a></td>
    
                                                                                                                                    <td align="left"><b>{parse exp[b][/b]ression="sprintf( $this->lang->words['warn_status'], $author['warn_level'] )"}</b></td>
    
                                                                                                      </tr>
    
                                                                                                    </table>
    
                                                                                                    </li>
    
      </ul>
    
    </if>
    
    </div>
    
    

    Не забудьте поменять пути к картинкам на свои:
    
    
    http://forum.madtown.ru/public/style_extra/cprofile_icons/warning.png
    
    http://forum.madtown.ru/public/style_extra/cprofile_icons/post.png
    
    


    А что бы отображались картинки в дополнительных полях нужно зайти в АЦ - Пользователи - Дополнительные поля профиля и в нужных вам полях в Отображение поля в сообщении вставить такой код:

    
    
    <table width="100%" border="0">
    
      <tr>
    
                    <td width="18"><img src="http://forum.madtown.ru/public/style_extra/cprofile_icons/skype.png"></td>
    
                    <td width="30" align="left">{title}</td>
    
                    <td align="left"><b>{content}</b></td>
    
      </tr>
    
    </table>
    
    


    только опять же указать свои картинки
    После этого, информация под Аватаром будет выглядеть так же красиво как у меня.

    Если вдруг чего не получится, пишите в данной теме, объясню более подробно

    Сообщение отредактировал KuroKy: 16 Июль 2012 в 13:11

    • 4

    #2
    Offline Finch

    Finch
    • Пользователи
    • 4 404 сообщений
    • 70 тем
    1 415
      [/font][/color]
      
      [color=#5A5A5A][font=tahoma, helvetica, arial, sans-serif]
      
      
      Это и подобное надо подчистить в коде.
      • 0

      #3
      Offline Inquisitor

      Inquisitor
      • Пользователи
      • 154 сообщений
      • 11 тем
      32
        Эх да не заметил. Приеду с моря обязательно подчищу. Просто нету времени уже :cautious:
        • 0

        #4
        Offline Finch

        Finch
        • Пользователи
        • 4 404 сообщений
        • 70 тем
        1 415

          Просто нету времени уже

          Почти 4 часа в чате проторчал. За это время можно было уже сделать.
          • -1

          #5
          Offline Inquisitor

          Inquisitor
          • Пользователи
          • 154 сообщений
          • 11 тем
          32
            Обновил первый пост, вроде бы ничего не забыл, очистил от ненужного кода.
            Finch, настроение уже не рабочее=)
            • -1

            #6
            Offline Pe4en9 aKa Anonymous

            Pe4en9 aKa Anonymous
            • Пользователи
            • 10 сообщений
            • 2 тем
            -2
              а как убрать вот этот текст?Чтоб только цифру показывало...

              Сообщение отредактировал Rain Man: 17 Июль 2012 в 21:14

              • -1

              #7
              Offline zCreaded

              zCreaded
              • Модераторы
              • 643 сообщений
              • 23 тем
              160

                а как убрать вот этот текст?Чтоб только цифру показывало...

                Это уже к IPS. :lol:
                • -1

                #8
                Offline Inquisitor

                Inquisitor
                • Пользователи
                • 154 сообщений
                • 11 тем
                32
                  Это нужно в языках найти этот текст и оставить только цифру, она будет выглядеть примерно вот так "%d"
                  • -1

                  #9
                  Offline kenni72

                  kenni72
                  • Пользователи
                  • 102 сообщений
                  • 19 тем
                  -101
                    Помоги поправить!
                    123.png
                    • -10

                    #10
                    Offline Finch

                    Finch
                    • Пользователи
                    • 4 404 сообщений
                    • 70 тем
                    1 415

                      Помоги поправить!
                      123.png

                      Найдите в коде это безобразие и засуньте в <td> предов.
                      • 0

                      #11
                      Offline kenni72

                      kenni72
                      • Пользователи
                      • 102 сообщений
                      • 19 тем
                      -101


                        Помоги поправить!
                        123.png

                        Найдите в коде это безобразие и засуньте в <td> предов.

                        Не понел...
                        • -7

                        #12
                        Offline Finch

                        Finch
                        • Пользователи
                        • 4 404 сообщений
                        • 70 тем
                        1 415

                          Не понел.

                          В коде найдите то, что вылезло, и засуньте обратно к слову Предупреждения
                          • 1

                          #13
                          Offline kenni72

                          kenni72
                          • Пользователи
                          • 102 сообщений
                          • 19 тем
                          -101


                            Помоги поправить!
                            123.png

                            Найдите в коде это безобразие и засуньте в <td> предов.


                            С этим разобрался!

                            Сообщение отредактировал kenni72: 29 Август 2012 в 16:08

                            • -8

                            #14
                            Offline kenni72

                            kenni72
                            • Пользователи
                            • 102 сообщений
                            • 19 тем
                            -101
                              А теперь оно чуть в право сьехало.
                              Вот код

                              width="50" align="left"><a class='desc lighter blend_links' href='{parse url="app=members&amp;module=profile&amp;section=warnings&amp;member={$author['member_id']}&amp;from_app={$this->request['app']}&amp;from_id1={$contentid}&amp;from_id2={$options['id2']}" base="public"}' id='warn_link_{$contentid}_{$author['member_id']}'title='{$this->lang->words['warn_view_history']}'>Предупреждений:
                              <b>{parse expression="sprintf($author['warn_level'])"}</b></a></td>
                              Как поправить ?
                              • -3

                              #15
                              Offline Roman_Yaniuk

                              Roman_Yaniuk
                              • Пользователи
                              • 40 сообщений
                              • 17 тем
                              -1

                                У меня тёмный стиль deflection и теперь стало вот так:

                                Прикрепленный файл  ф.bmp   145,6К   87 Количество загрузок:


                                • 0

                                #16
                                Offline Finch

                                Finch
                                • Пользователи
                                • 4 404 сообщений
                                • 70 тем
                                1 415

                                  У меня тёмный стиль deflection и теперь стало вот так:

                                  Для этого есть css. В первом посте найдете. Меняйте цвет бэкграунда
                                  • 0

                                  #17
                                  Offline Александр Маланин

                                  Александр Маланин
                                  • Пользователи
                                  • 4 сообщений
                                  • 1 тем
                                  1

                                    А теперь оно чуть в право сьехало.
                                    Вот код

                                    width="50" align="left"><a class='desc lighter blend_links' href='{parse url="app=members&amp;module=profile&amp;section=warnings&amp;member={$author['member_id']}&amp;from_app={$this->request['app']}&amp;from_id1={$contentid}&amp;from_id2={$options['id2']}" base="public"}' id='warn_link_{$contentid}_{$author['member_id']}'title='{$this->lang->words['warn_view_history']}'>Предупреждений:
                                    <b>{parse expression="sprintf($author['warn_level'])"}</b></a></td>
                                    Как поправить ?


                                    тоже самое как поправить чтобы было все ровно??
                                    • 0

                                    #18
                                    Offline Александр Маланин

                                    Александр Маланин
                                    • Пользователи
                                    • 4 сообщений
                                    • 1 тем
                                    1
                                      Нужно сделать перед заменой запрос, чтобы можно было менять в языке значения
                                      UPDATE `ваш_префикс_core_sys_lang` SET `lang_protected` = '0'
                                      • 1

                                      #19
                                      Offline Felix

                                      Felix
                                      • Пользователи
                                      • 39 сообщений
                                      • 6 тем
                                      -6
                                        Ув. Форумчане помогите засунуть строку Баллы в таблицу

                                        pointsinPane
                                        Скрытый текст

                                        Прикрепленные изображения

                                        • 1.jpg

                                        • 0

                                        #20
                                        Offline k1Rey

                                        k1Rey
                                        • Пользователи
                                        • 1 сообщений
                                        • 1 тем
                                        0
                                          Кто может помочь? Skype: mr.swut
                                          • 0



                                          Ответить



                                            


                                          Количество пользователей, читающих эту тему: 0

                                          0 пользователей, 0 гостей, 0 анонимных