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


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

Оформление userinfoPane

userinfoPane Оформление

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

#31 Оффлайн   MakSim™

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


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

Отправлено 08 Июнь 2012 - 22:54

Да. на подобие как у вас
  • 0

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

#32 Онлайн   ๖ۣۣۜDesperate™

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


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

Отправлено 08 Июнь 2012 - 22:56

Да. на подобие как у вас


Так если на подобии, то выше все описано.
  • 0

#33 Оффлайн   Boreek

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


  • Пользователи
  • Репутация
    7
    • Cообщений: 17
    • Форум:3.3.х

Отправлено 14 Июнь 2012 - 00:16

как сделать количество сообщений как у вас в рамке?
  • 0

#34 Онлайн   ๖ۣۣۜDesperate™

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


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

Отправлено 14 Июнь 2012 - 00:17

Вы все прикалываетесь парни? Тему всю читаем, начиная с 1 поста
  • 1

#35 Оффлайн   Boreek

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


  • Пользователи
  • Репутация
    7
    • Cообщений: 17
    • Форум:3.3.х

Отправлено 14 Июнь 2012 - 00:30

Прикрепленный файл  Без имени-5.png   74,92К    скачиваний 52 вот у меня так выходит
  • 1

#36 Онлайн   ๖ۣۣۜDesperate™

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


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

Отправлено 14 Июнь 2012 - 00:41

Попробуйте в 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>

  • 6

#37 Оффлайн   Boreek

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


  • Пользователи
  • Репутация
    7
    • Cообщений: 17
    • Форум:3.3.х

Отправлено 14 Июнь 2012 - 00:52

и еще вопрос, как сделать такую ленточку ?
Изображение
  • 0

#38 Онлайн   ๖ۣۣۜDesperate™

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


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

Отправлено 14 Июнь 2012 - 01:26

и еще вопрос, как сделать такую ленточку ?
Изображение


Миллион раз обсуждалось.
  • 0

#39 Оффлайн   bonflecher

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


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

Отправлено 14 Июнь 2012 - 10:31

После всех этих замененных кодов вышло вот такое
Изображение

Можете посоветовать как сделать что бы каждое поле выводилось как у вас "в отдельном красивом" и как отступы уменьшить между всем, включая репу и иконку.

Кстати желательно что бы у меня потом отображались все эти поля.
Изображение

Сообщение отредактировал bonflecher: 14 Июнь 2012 - 10:35

  • 0

#40 Оффлайн   Vision

    Продвинутый


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

Отправлено 14 Июнь 2012 - 21:34

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>

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



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



Я не могу найти в ipb.style.css, даже через CTRL + F вот это: display: inline-block; и то что ниже много строчек там...
Я скину весь мой ipb.style.css, сделайте мне пожалуйста, и скиньте в эту тему... Я сам не могу, я просто еще начинающий...
Скрытый текст

Заранее, большое спасибо!

Сообщение отредактировал Desperate: 14 Июнь 2012 - 22:00

  • 0





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