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

[forcer]

Перед всей работой сохраните ваш ipb_style.css и UserInfoPane

 

 

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

Найти:

}
.custom_fields .fc {
        word-wrap: break-word;
}

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

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

Для темного стиля:

background: #FFFFFF; - вместо FFFFFF ставим свой цвет.

 

Чтобы организовать 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>

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

 

 

 

Все это будет выглядеть вот так:

[Brazzers]

Слушай дай скайп помоги настроить бред получается

[Envy]

А еще покажи скрин того, что должно получится

[forcer]

А еще покажи скрин того, что должно получится

внизу смотри)

[.eXe]

а лучше бы в место названия картинки,ну вот на пример за место в wmid картинку поставить,так же и аналогично с другими сделать))

[forcer]

а лучше бы в место названия картинки,ну вот на пример за место в wmid картинку поставить,так же и аналогично с другими сделать))

Да мне на форуме не нужно, но сделать можно

[Envy]

А как сделать UserInfoPane как на скрине?

Т.е не текст, а оформление, выравнивание полупрозрачными линиями

Изменено 25 апреля, 2013 пользователем Envy

[forcer]

А как сделать UserInfoPane как на скрине?

Т.е не текст, а оформление, выравнивание полупрозрачными линиями

 

Вместо:

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

Поставь:

.custom_fields li {background: #FFFFFF;
border-bottom: 1px solid #efefef;
border-top: 1px solid #fff;
padding: 3px 0;
}

И где:

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

Замени на:

.custom_fields {        color: #818181;
        margin-top: 8px;
border-top: 1px solid #efefef;
}

[Envy]

- вот что получилось. А надо чтобы у каждого поля были полосы, и не такие жирные..

[forcer]

- вот что получилось. А надо чтобы у каждого поля были полосы, и не такие жирные..

В первом посте:

 

Чтобы организовать 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>

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

 

 

[Envy]

Вот что получилось. То же самое, только скайп выше.

[forcer]

Вот что получилось. То же самое, только скайп выше.

Тогда попробуй вставить этот код(рамки):

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

[Dean]

}

.custom_fields .fc {

        word-wrap: break-word;

}

 

 

 

 

не находит... Находит либо .custom_fields  либо word-wrap: break-word; но все по отдельности 

[Envy]

Dean,мб выше или ниже те строчки, перед кодом пробелы могут быть, по этому не ищет все вместе. 

[taulalan]

forcer, спасибо . 
Вот мой вариант.

Изменено 11 мая, 2013 пользователем taulalan

[forcer]

forcer, спасибо . 

Вот мой вариант.

UserInfoPane.jpg

Очень рад, что помогает

[AUYKGN]

А у меня вообще ничего не изменилось на стиле Velvet. Так же и после применения статьи Деспрейта. Странно.

[WOLF]

А у меня вообще ничего не изменилось на стиле Velvet. Так же и после применения статьи Деспрейта. Странно.

значит не там меняли... не все стили одинаковы, по этому нужно лишь найти нужный код.

[forcer]

А у меня вообще ничего не изменилось на стиле Velvet. Так же и после применения статьи Деспрейта. Странно.

Тот скрин что в 1 посте, это на стиле Velvet 

                                                                        ^

                                                                        || 

вот тут глянь ===========================> ||

[AUYKGN]

 

 
После всевозможных обновлений кеша:

[forcer]

, Вот так тогда сделай, уже как у меня на форуме, настроенный.

 

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

.custom_fields .ft { 
	color: #505050;
	margin-right: 3px;
}

.custom_fields .fc {
    word-wrap: break-word;
}

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

	.user_controls li a {
		padding: 0 5px;
	}

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

это ставь от (замени все внутри)

	.author_info .group_icon { margin-bottom: 3px; }

до 

/************************************************************************/
/* BOARD INDEX STYLES */

[AUYKGN]

forcer, всё равно не фига 

Вроде всё верно, шта за нахт..

	.author_info .member_title { margin-bottom: 5px; word-wrap: break-word; }
	.author_info .group_icon { margin-bottom: 3px; }
	
.custom_fields {
	color: #818181;
	margin-top: 8px;
}

.custom_fields .ft { 
	color: #505050;
	margin-right: 3px;
}

.custom_fields .fc {
    word-wrap: break-word;
}

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

.user_controls {
	text-align: center;
	margin: 6px 0;
}

	.user_controls li a {
		padding: 0 5px;
	}

/************************************************************************/
/* BOARD INDEX STYLES */

[RyuK]

Вот что получилось,как исправить?

как сделать чтобы было всё нормально?

 

Изменено 9 июня, 2013 пользователем RyuK

[WOLF]

 

Вот что получилось,как исправить?

как сделать чтобы было всё нормально?

 

а мне итак норм. в следующий раз конкретизируйте свои сообщения

[RyuK]

Вот что получилось,как исправить?

как сделать чтобы было всё нормально?

Хотелось-бы чтобы картинки(skype,samp,steam,etc...)были по левому краю,а остальное по правому  краю....

Изменено 9 июня, 2013 пользователем RyuK