Jump to content
View in the app

A better way to browse. Learn more.

IPBMafia.ru - поддержка Invision Community, релизы, темы, плагины и приложения

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

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

Featured Replies

Posted

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

  • Replies 101
  • Просмотров 31,7k
  • Created
  • Последний ответ

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

Most Popular Posts

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

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

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

  • Author

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

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

  • Author

А как сделать 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;
}
  • Author

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>

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

 

 

  • Author

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

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%;
}
  • 2 недели спустя...

}

.custom_fields .fc {

        word-wrap: break-word;

}

 

 

 

 

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

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

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

  • Author

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

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

                                                                        ^

                                                                        || 

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

  • Author

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

 

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

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

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

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

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

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

Edited by RyuK

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.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.