Jump to content

Красивое оформление UserInfoPane

forcer
forcer
in Дизайн и графика IP.Board

Featured Replies

  • 1 месяц спустя...
  • Replies 101
  • Просмотров 30,1k
  • Created
  • Последний ответ

Лучшие авторы в теме

Популярные дни

Most Popular Posts

  • WOLF
    WOLF

    вот что у меня:   после: <ul class='basic_info'> добавляете: <if test="postOnline:|:$author['_online']"> <span><img src="__wolf-host.ru/forum/public/style_images/online.png

  • Lordbl4
    Lordbl4

    DimanZM, попробуй использовать поиск и почитать темы с примерами, благо таких хватает. так же есть разжеванная информация по поводу того, какой кусок кода за что в UserInfoPane отвечает   а если не

  • Bathed
    Bathed

    ребят помогите сделать такую панельку и хук, с кружком около аватарки. __prntscr.com/53w979

comment_36813

В общем все сделал по инструкции из первого поста, но ничего не изменилось.

 

post-913-0-36248400-1374188830.png

  • Цитата
    comment_36851

    В общем все сделал по инструкции из первого поста, но ничего не изменилось.

    у вас поле "город" в рамку обвилось, нужно теперь в UserInfopane корректировать 

  • Цитата
    comment_36882

    как добавить над аватаром картинку "онлайн" или "оффлаин" в зависимости от статуса пользователя (в сети не в сети)?

     

    пробовал это - 

    <if test="$post['author']['_online']"><img src="{$this->settings['img_url']}/icons/online.gif"  alt='' data-tooltip="Online"  /><else /><img src="{$this->settings['img_url']}/icons/offline.gif" alt='' data-tooltip="Offline" /></if>

    отображает всегда картинку онлаин. идея реализуема? если да, то как?

  • Цитата
    comment_36883

    вот что у меня:

     

    после:

    <ul class='basic_info'>

    добавляете:

    <if test="postOnline:|:$author['_online']">
<span><img src="__wolf-host.ru/forum/public/style_images/online.png"></span>
<else />
<span><img src="__wolf-host.ru/forum/public/style_images/offline.png"></span>
</if>

    и все. 

  • Цитата
    comment_36884

    вот что у меня:

     

    после:

    

<ul class='basic_info'>

    добавляете:

    

<if test="postOnline:|:$author['_online']">
<span><img src="__wolf-host.ru/forum/public/style_images/online.png"></span>
<else />
<span><img src="__wolf-host.ru/forum/public/style_images/offline.png"></span>
</if>

    и все. 

     

    cпасибо, заменил на свои изображения и всё прекрасно работает  :good:

  • Цитата
    • 2 месяца спустя...
    comment_44449

    спасибо, а как мне б сделать чтоб сообщение было с большой буквы и чтоб было так к примеру Сообщение: 15

    тоисть после сообщение 2 точие

    от как сдесь на этом форуме?

    <if test="postCount:|:$author['member_id']">
    <ul class='custom_fields'>
    <li class='post_count desc lighter'>
    <span class='ft'>Сообщения: </span>
    <span class='fc'>{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"}
    </li>
    </if>
    </ul>
  • Цитата
    comment_44889

    Все бы хорошо но..

     

    Являюсь администратором форума, до этого у меня не показывалась графа предупреждения, после вставки нового userInfoPane появилась. 

    Как сделать так что бы показывалась данная графа как до этого ? 

     

    И еще, не нашел как поставить двоеточие после города. Спасибо!

     

    post-9674-0-29742400-1380747772.png

     

    И сам код.

     

    <div itemscope itemtype="__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>
<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="authorwarn:|:$author['show_warn']">
<li>
<if test="hasWarningId:|:$options['wl_id']">
<img src='{$this->settings['img_url']}/warn.png' class='clickable' onclick='warningPopup( this, {$options['wl_id']} )' title='{$this->lang->words['warnings_issued']}' />
</if>


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


                                       <if test="postCount:|:$author['member_id']">
                                        <li class='post_count desc lighter'>
                               {parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"} {$this->lang->words['m_posts']}
                                     </li>
                                  </if>
<li><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']}'>{parse expression="sprintf( $this->lang->words['warn_status'], $author['warn_level'] )"}</a></li>
</ul>
</if>


</div>

     

  • Цитата
    comment_44901


    И еще, не нашел как поставить двоеточие после города. Спасибо!

    Пользователи --> Доп. поля --> Изменить поле Город и добавить двоеточие


    Как сделать так что бы показывалась данная графа как до этого ? 

    Добавить в старый userInfoPane код:

    <if test="authorwarn:|:$author['show_warn']">
			<li>
				<if test="hasWarningId:|:$options['wl_id']">
					<img src='{$this->settings['img_url']}/warn.png' class='clickable' onclick='warningPopup( this, {$options['wl_id']} )' title='{$this->lang->words['warnings_issued']}' />
				</if>
				<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']}'>{parse expression="sprintf( $this->lang->words['warn_status'], $author['warn_level'] )"}</a>
			</li>
		</if>
  • Цитата
    comment_44908


    Добавить в старый userInfoPane код:

     

    Не помогло.

    Сейчас на форуме новый userInfoPane который выше в коде. В него нужно добавить не достающую часть кода, что бы нарушения не отображались у администраторов.

     

    В стандартном первоначальном userInfoPane это было реализовано. Вот он сам:

    <div itemscope itemtype="__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>
<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']">
<li class='post_count desc lighter'>
{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"} {$this->lang->words['m_posts']}
</li>
</if>
<if test="authorwarn:|:$author['show_warn']">
<li>
<if test="hasWarningId:|:$options['wl_id']">
<img src='{$this->settings['img_url']}/warn.png' class='clickable' onclick='warningPopup( this, {$options['wl_id']} )' title='{$this->lang->words['warnings_issued']}' />
</if>
<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']}'>{parse expression="sprintf( $this->lang->words['warn_status'], $author['warn_level'] )"}</a>
</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>
</ul>
</if>


</div>

    Из него нужно взять часть кода и внести уже в новый userInfoPane. Вот только какую часть и куда копировать не понятно.

  • Цитата
    comment_44909

    Эту

    <if test="authorwarn:|:$author['show_warn']">
<li>
<if test="hasWarningId:|:$options['wl_id']">
<img src='{$this->settings['img_url']}/warn.png' class='clickable' onclick='warningPopup( this, {$options['wl_id']} )' title='{$this->lang->words['warnings_issued']}' />
</if>
<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']}'>{parse expression="sprintf( $this->lang->words['warn_status'], $author['warn_level'] )"}</a>
</li>
</if>
  • Цитата
    comment_44910


    Эту

     

    Только в какую часть теперь его ставить ?

    Что бы не задавать много вопросов, можете добавить этот код сами в нужную часть моего нового userInfoPane в посте 58 ? И прислать его тут одним куском. Спасибо.

  • Цитата
    • 3 недели спустя...
    comment_47225

    Вот когда не надо все время найду эту тему(ну или другую ) Спасибо :)

  • Цитата
    comment_47509

    DimanZM, руками и css

     

    Да ты просто гениален смотрю.

    Если я знал как это делается то я бы не спрашивал.

    Наверное это форум был построен,что помогают новичка в этом.А не писать сам делай (образно).

  • Цитата
    comment_47510

    DimanZM, попробуй использовать поиск и почитать темы с примерами, благо таких хватает.

    так же есть разжеванная информация по поводу того, какой кусок кода за что в UserInfoPane отвечает

     

    а если не разбираешься, почему бы не научиться? опять же примеров полно, на их основе можно сделать что угодно. и если дадут тебе готовый код, а дальше ты захочешь например главную поменять и опять сам не сможешь? и т.д. до бесконечности

    а это уже не помощь новичкам, а "сесть на шею и делайте за меня код как нужно мне, бесплатно"

    
//del из-за безбожного и бездумного копирования

    куски кода можно менять местами и добиваться необходимого положения или же удалять не нужные (группа текстом например)

  • Цитата
    • 8 месяцев спустя...
    comment_68439 
    .pagination .pages li.active {
background: #7BA60D;
color: #fff;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 1px 5px;
}

    .ipsBadge_green {
background: #7ba60d;
}
  • Цитата

    • Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest
    Ответить в этой теме...
    Go to topic listing

    Последние посетители 0

    • No registered users viewing this page.