Jump to content

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

Featured Replies

Перед всей работой сохраните ваш 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>

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

 

 

 

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

post-8676-0-78834600-1366897643_thumb.pn

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/
Share on other sites
  • Replies 101
  • Created
  • Последний ответ
Expand topic overview

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

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

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

Expand topic overview

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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=29131
Share on other sites

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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=29132
Share on other sites

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

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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=29133
Share on other sites

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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=29141
Share on other sites

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

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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=29143
Share on other sites

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

Pa8v5Rt.png

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

Edited by Envy

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=29144
Share on other sites

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

Pa8v5Rt.png

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

 

Вместо:

.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;
}
Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=29148
Share on other sites

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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=29156
Share on other sites

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

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

 

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

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

 

 

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=29161
Share on other sites

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

3df83176.png

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=29288
Share on other sites

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

3df83176.png

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

.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%;
}
Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=29291
Share on other sites
  • 2 недели спустя...

}

.custom_fields .fc {

        word-wrap: break-word;

}

 

 

 

 

не находит... Находит либо .custom_fields  либо word-wrap: break-word; но все по отдельности 
Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=30889
Share on other sites

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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=30891
Share on other sites

forcer, спасибо :good:
Вот мой вариант.
post-1174-0-89261100-1368265516.jpg

Edited by taulalan

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=31078
Share on other sites

forcer, спасибо :good:

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

attachicon.gifUserInfoPane.jpg

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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=31079
Share on other sites

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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=31082
Share on other sites

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

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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=31142
Share on other sites

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

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

                                                                        ^

                                                                        || 

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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=31145
Share on other sites

:think:  :shake:

post-4072-0-73996800-1368331243.jpg
 
После всевозможных обновлений кеша:
post-4072-0-31910700-1368331245.jpg

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=31170
Share on other sites

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

 

.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 */
Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=31173
Share on other sites
  • 2 недели спустя...

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

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

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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=32618
Share on other sites
  • 3 недели спустя...

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

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

 

post-9978-0-66921300-1370817376_thumb.pn

Edited by RyuK

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=34928
Share on other sites

 

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

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

 

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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=34932
Share on other sites

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

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

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

post-9978-0-00011900-1370819375_thumb.pn

Edited by RyuK

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=34934
Share on other sites

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
Ответить в этой теме...

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

  • No registered users viewing this page.