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


Фотография
* * * * * 2 Голосов

Оформление userinfoPane

userinfoPane Оформление

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 539

#1 Оффлайн   ๖ۣۣۜDesperate™

    Администратор


  • Администраторы
  • Репутация
    4 611
    • Cообщений: 8 556
    • Форум:3.4.х
    • Город:IpbZona
    Участник

Отправлено 14 Май 2012 - 00:55

*
Популярное сообщение!

Вариант №1

 

Оформляем красиво userinfoPane

Для этого пройдите в ACP - Внешний вид - Ваш стиль - CSS - ipb_styles.css

Найдите:

.custom_fields {
color: #818181;
margin-top: 8px;
}

Добавить ниже:

.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%;
}

Сохранить и любуемся )
Прикрепленный файл  2.png   24,82К    скачиваний 238

 

Вариант №2

 

ACP - Внешний вид - Ваш стиль - CSS - ipb_style.css

Найти:

.custom_fields {
        color: #818181;
        margin-top: 8px;
}
.custom_fields .ft {
        color: #505050;
        margin-right: 3px;
}
.custom_fields .fc {
        word-wrap: break-word;
}

.user_controls {
        text-align: center;
        margin: 6px 0;
}
        .user_controls li a {
                display: inline-block;
                background: #f6f6f6;
                background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%); /* firefox */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)); /* webkit */
                border: 1px solid #dbdbdb;
                -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                border-radius: 3px;
                padding: 5px;
                color: #616161;
        }

Заменить на:

.custom_fields {
        color: #818181;
        margin-top: 8px;
border-top: 1px solid #efefef;
}
.custom_fields .ft {
        color: #505050;
        margin-right: 3px;
}
.custom_fields .fc {
        word-wrap: break-word;
}
.custom_fields li {
background: #FFFFFF;
border-bottom: 1px solid #efefef;
border-top: 1px solid #fff;
padding: 3px 0;
}

.user_controls {
        text-align: center;
        margin: 6px 0;
}
        .user_controls li a {
                display: inline-block;
                background: #f6f6f6;
                background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%); /* firefox */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)); /* webkit */
                border: 1px solid #dbdbdb;
                -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                border-radius: 3px;
                padding: 5px;
                color: #616161;
        }

Чтобы организовать userInfoPane в нормальном порядке нужно:
ACP - Внешний вид - Ваш стиль - Шаблоны - userInfoPane
Найти:

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

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

 

: Кому лень, можете сразу вставить в UserInfoPane этот код:

<div class='user_details'>
<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'>
    <a href="{parse url="showuser={$author['member_id']}" template="showuser" seotitle="{$author['members_seo_name']}" base="public"}" title="{$this->lang->words['view_profile']}" class='ipsUserPhotoLink'>
    <if test="hasVariable:|:$this->settings['member_topic_avatar_max']">
	 <img src='{$author['pp_main_photo']}' class='ipsUserPhoto ipsUserPhoto_variable' />
    <else />
	 <img src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
    </if>
    </a>
   </li>
  <else />
   <li class='avatar'>
    <img 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="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><span class='ft'>{$this->lang->words['m_posts']}</span>
<span class='fc'>{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"}</span></li>
<if test="authorwarn:|:$author['show_warn']">
<if test="$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 class='mp'> <a 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></li>
</if>
  </if>
</ul>
  </ul>
</if>

</div>

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

 

Пост дополнил WOLF, у кого что не получается читайте всю тему внимательно, ибо тут есть все вопросы и ответы.


Сообщение отредактировал ..ツ⋆WOLF⋆ツ..: 28 Сентябрь 2013 - 18:44

  • 28

Заработок и обучение заработку

#2 Оффлайн   ko^

    Продвинутый


  • Пользователи
  • Репутация
    5
    • Cообщений: 59
    • Форум:3.4.х
    • Город:Питер

Отправлено 18 Май 2012 - 01:57

только доп.поле обводит? а как сделать чтоб в рамках было всё, или сделать как на 3.1 ?
  • 0

#3 Оффлайн   ๖ۣۣۜDesperate™

    Администратор


  • Администраторы
  • Репутация
    4 611
    • Cообщений: 8 556
    • Форум:3.4.х
    • Город:IpbZona
    Участник

Отправлено 18 Май 2012 - 02:23

Конкретнее? Просто не помню как было на 3.1
  • 2

#4 Оффлайн   Файтинг

    Пользователь


  • Пользователи
  • Репутация
    1
    • Cообщений: 16
    • Форум:3.2.3

Отправлено 18 Май 2012 - 12:24

как можно сдлетаь чтоб обновдило сообщения
  • 0

#5 Оффлайн   ๖ۣۣۜDesperate™

    Администратор


  • Администраторы
  • Репутация
    4 611
    • Cообщений: 8 556
    • Форум:3.4.х
    • Город:IpbZona
    Участник

Отправлено 18 Май 2012 - 12:34

чтоб обновдило сообщения

Это как?
  • 1

#6 Оффлайн   Файтинг

    Пользователь


  • Пользователи
  • Репутация
    1
    • Cообщений: 16
    • Форум:3.2.3

Отправлено 18 Май 2012 - 15:57

сейчас обводит доп.поля помоги сделать чтоб еще сообщения обводила также как и доп.поля


Сообщение отредактировал Файтинг: 19 Май 2012 - 14:40

  • 1

#7 Оффлайн   VNA

    Новичок


  • Пользователи
  • Репутация
    -1
    • Cообщений: 8
    • Форум:3.2.3

Отправлено 18 Май 2012 - 16:05

На 3.2.х пойдет?
  • -1

#8 Оффлайн   Файтинг

    Пользователь


  • Пользователи
  • Репутация
    1
    • Cообщений: 16
    • Форум:3.2.3

Отправлено 18 Май 2012 - 16:13

-

Сообщение отредактировал Файтинг: 19 Май 2012 - 14:41

  • 0

#9 Оффлайн   Файтинг

    Пользователь


  • Пользователи
  • Репутация
    1
    • Cообщений: 16
    • Форум:3.2.3

Отправлено 18 Май 2012 - 17:03

Desperate помоги, скрин выше


сейчас обводит доп.поля помоги сделать чтоб еще сообщения обводила также как и доп.поля


Сообщение отредактировал Файтинг: 18 Май 2012 - 17:03

  • 0

#10 Оффлайн   ๖ۣۣۜDesperate™

    Администратор


  • Администраторы
  • Репутация
    4 611
    • Cообщений: 8 556
    • Форум:3.4.х
    • Город:IpbZona
    Участник

Отправлено 18 Май 2012 - 20:25

ACP - Внешний вид - Ваш стиль - CSS - ipb_style.css

Найдите:
.desc.lighter, .desc.lighter.blend_links a {
color: #a4a4a4;
}

Добавьте ниже:

.desc.lighter, .desc.lighter.blend_links 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%;
}


ВНИМАНИЕ

Не выполняйте данное действие!!!


  • 6





Темы с аналогичными тегами: userinfoPane, Оформление