Jump to content
Sign in to follow this  
THEfUm3

Оформление userinfopanel как тут

Recommended Posts

Подскажите где взять оформление инфопанели пользователя в теме как на данном ресурсе.
Или что-то подобное возможно есть?

Так же интересует плагин/приложение с уровнями (престиж), что у Вас используется? 😥

Share this post


Link to post
Share on other sites
Pinned posts

Вставляем в Postcontainer

{{$idField = $comment::$databaseColumnId;}}
{{$itemClassSafe = str_replace( '\\', '_', mb_substr( $comment::$itemClass, 4 ) );}}
{{if $comment->isIgnored()}}
	<div class='ipsComment ipsComment_ignored ipsType_light' id='elIgnoreComment_{$comment->$idField}' data-ignoreCommentID='elComment_{$comment->$idField}' data-ignoreUserID='{$comment->author()->member_id}'>
		{lang="ignoring_content" sprintf="$comment->author()->name"} <a href='#elIgnoreComment_{$comment->$idField}_menu' data-ipsMenu data-ipsMenu-menuID='elIgnoreComment_{$comment->$idField}_menu' data-ipsMenu-appendTo='#elIgnoreComment_{$comment->$idField}' data-action="ignoreOptions" title='{lang="see_post_ignore_options"}' class='ipsType_blendLinks'>{lang="options"} <i class='fa fa-caret-down'></i></a>
		<ul class='ipsMenu ipsHide' id='elIgnoreComment_{$comment->$idField}_menu'>
			<li class='ipsMenu_item ipsJS_show' data-ipsMenuValue='showPost'><a href='#'>{lang="show_this_post"}</a></li>
			<li class='ipsMenu_sep ipsJS_show'><hr></li>
			<li class='ipsMenu_item' data-ipsMenuValue='stopIgnoring'><a href='{url="app=core&module=system&controller=ignore&do=remove&id={$comment->author()->member_id}" seoTemplate="ignore"}'>{lang="stop_ignoring_posts_by" sprintf="$comment->author()->name"}</a></li>
			<li class='ipsMenu_item'><a href='{url="app=core&module=system&controller=ignore" seoTemplate="ignore"}'>{lang="change_ignore_preferences"}</a></li>
		</ul>
	</div>
{{endif}}

<a id='comment-{$comment->$idField}'></a>
<article {{if $comment->author()->hasHighlightedReplies()}}data-memberGroup="{$comment->author()->member_group_id}" {{endif}} id='elComment_{$comment->$idField}' class='cPost ipsBox {{if $otherClasses}}{$otherClasses}{{endif}} ipsComment {{if ( settings.reputation_enabled and settings.reputation_highlight and $comment->reactionCount() >= settings.reputation_highlight ) OR $comment->isFeatured()}}ipsComment_popular{{endif}} ipsComment_parent ipsClearfix ipsClear ipsColumns ipsColumns_noSpacing ipsColumns_collapsePhone {{if $comment->author()->hasHighlightedReplies()}}ipsComment_highlighted{{endif}}{{if $comment->isIgnored()}}ipsHide{{endif}} {{if $comment->hidden() OR $item->hidden() === -2}}ipsModerated{{endif}}'>
	{{if $item->isQuestion() and !$comment->new_topic}}
		{template="postRating" group="topics" app="forums" params="$item, $comment, $votes"}
	{{endif}}

	<div class='cAuthorPane cAuthorPane_mobile ipsResponsive_showPhone ipsResponsive_block'>
		<h3 class='ipsType_sectionHead cAuthorPane_author ipsResponsive_showPhone ipsResponsive_inlineBlock ipsType_break ipsType_blendLinks ipsTruncate ipsTruncate_line'>
			{template="userLink" group="global" app="core" params="$comment->author(), $comment->warningRef(), $comment->author()->group['g_id']"}
			<span class='ipsResponsive_showPhone ipsResponsive_inline'>&nbsp;&nbsp;{template="reputationBadge" group="global" app="core" params="$comment->author()"}</span>
		</h3>
        
		<div class='cAuthorPane_photo'>
			{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
          	
		</div>
	</div>
	<aside class="ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone">
    <div class="ipsComment_author_avatarnick">
        <div class="ipsComment_author_avatar">
            <span class="ipsUserPhoto ipsUserPhoto_large">
			{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}	
             {{if $comment->author()->isOnline()}} <span class="userIsOnline" data-ipsTooltip title="{lang="online_now" sprintf="$comment->author()->name"}"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Online</font></font></span>{{endif}}
			</span>
        </div>
        <div class="ipsComment_author_nick">
           {{$coverPhoto = $comment->author()->coverPhoto();}}
				    {{if $coverPhoto->file}}
						          
      				<div class="postbit_background_container">
						<div class="postbit_background uid1" style="background-image: url('{$coverPhoto->file->url}') !important; opacity: 0.03;"></div>
					</div>
      		{{else}}
			{{endif}} 
          	<h3 class="ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break ips_bottom_author_desc">
           	<strong>{$comment->author()->link( $comment->warningRef() )|raw}</strong> 
			<span class="ipsResponsive_showPhone ipsResponsive_inline">
				<a href="" title="" data-ipstooltip="" class="ipsRepBadge ipsRepBadge_positive">
					<i class="fa fa-plus-circle"></i> {$comment->author()->rank['image']|raw}
		 		</a>
		 	</span>
			</h3>
          	{{if $comment->author()->member_title && $comment->author()->member_id}}
      			<p class="ipsComment_author_desc" data-ipstooltip="" _title="{$comment->author()->rank['title']}">{$comment->author()->rank['title']}</p>
        	{{endif}}
          	
            
              
            <div class="ipsRankIMG">
          		<span data-group_id='{$comment->author()->member_group_id}'>{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )" raw="true"}</span>
          	</div>	
          	
        </div>
    </div>
    {{if $comment->author()->member_id}}
        {{$currency = \IPS\points\Currency::load( 1 );}}
		{{$member = \IPS\Member::load( $comment->author()->member_id );}}
     	{{$worth = $currency->netWorthAsOf( new \IPS\DateTime( 'now' ), $member );}}  
    <ul class="ipsComment_author_iconlist">
        {{if $comment->author()->member_id}}
      	<li>
            <div class="topic_icon ic_postnum" data-ipstooltip="" _title="">
                <i class="fa fa-comments" aria-hidden="true"></i>
                <span class="topic_icon_numtext">{$comment->author()->member_posts}</span>
            </div>
        </li>
        <li>
            <div class="topic_icon ic_pointsgraphic" data-ipstooltip="" _title="{$worth} {$currency->pluralized( $worth )}">
               <i class="fa fa-btc" aria-hidden="true"></i>
               <span class="topic_icon_numtext">{$worth}</span>
            </div>
         </li>
        <li>
            <div class="topic_icon ic_pointsrep" data-ipstooltip="" _title="">
                <i class="fa fa-thumbs-up"></i>
                <span class="topic_icon_numtext">{$comment->author()->pp_reputation_points}</span>
            </div>
        </li>
      	{{endif}}
    </ul>
    {{$currency = \IPS\points\Currency::load( 2 );}}
      		{{$member = \IPS\Member::load( $comment->author()->member_id );}}
      		{{$worth2 = $currency->netWorthAsOf( new \IPS\DateTime( 'now' ), $member );}}    
			<div id="poziom_widget" class="postpoziom">
                <div class="poziom_top">
                    <div class="poziom_info"><span class="ipsPoziomCount PsmallSize poziom_{$worth2}">{$currency->pluralized( $worth2 )} {$worth2}</span></div>
             	{{$currency = \IPS\points\Currency::load( 1 );}}
				{{$member = \IPS\Member::load( $comment->author()->member_id );}}
     			{{$worth = $currency->netWorthAsOf( new \IPS\DateTime( 'now' ), $member );}}     
                    <div class="poziom_exp"><span class="poziom_youexp poziom_{$worth2}">***</span> / <span data-ipstooltip="" _title="ваша валюта (название)">{$worth} XP</span></div>
                </div>
                <div class="poziom_bottom">
                    <div class="poziom_progressbar">
                        <div class="poziom_progress_line poziom_{$worth2}" style="width:{$worth2}1%;"></div>
                    </div>
                </div>
            </div>
    <ul class="ipsCommentButtonList">
       	{{if !$member->members_disable_pm and !\IPS\Member::loggedIn()->members_disable_pm and \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'messaging' ) )}} 
      	<li class="ipsCommentButton_send ">
            <a href='{url="app=core&module=messaging&controller=messenger&do=compose&to={$member->member_id}" seoTemplate="messenger_compose"}' class="ipsButton" data-ipsDialog data-ipsDialog-title='{lang="compose_new"}' data-ipsDialog-remoteSubmit data-ipsDialog-flashMessage="{lang="message_sent"}" data-ipsDialog-forceReload><i class='fa fa-envelope'></i> {lang="message_send"}</a>
        </li>
      	{{endif}}
        <li class="ipsCommentButton_more">
            <a href="#elSocial_1094_menu" id="elSocial_1094" class="ipsButton" data-ipsmenu="" data-ipsmenu-closeonclick="false"><i class="fa fa-globe"></i> <i class="fa fa-sort-down"></i></a>
            <ul id="elSocial_1094_menu" class="ipsMenu ipsMenuSocial ipsMenu_narrow ipsHide">
             {{if $comment->author()->member_id}}
              	{template="customFieldsDisplay" group="global" app="core" params="$comment->author()"}
            {{endif}}
          </ul>
        </li>
 {{endif}}      
    </ul>
      
</aside>
	<div class='ipsColumn ipsColumn_fluid'>
		{template="post" group="topics" app="forums" params="$item, $comment, $item::$formLangPrefix . 'comment', $item::$application, $item::$module, $itemClassSafe"}
	</div>
</article>

Это в стили css

ul.pageButtonList {
	float:right;
	display:inline-block;
	margin:0;
	padding:0
}
ul.pageButtonList>li {
	display:inline-block;
	margin-left:10px;
}
ul.konkurs_list {
	display:inline-block;
	width:100%;
	margin:0 0 30px 0;
}
ul.konkurs_list>li {
	background:#0a0f16;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	width:23.5%;
	float:left;
	margin:0 2% 2% 0;
	position:relative;
	padding:13px;
	display:block;
	z-index:1;
}
ul.konkurs_list>li:before {
	content:"";
	position:absolute;
	background:url(https://grafinity.pl/uploads/set_resources_7/84c1e40ea0e759e3f1505eb1788ddf3c_icon_konkursbg.png) no-repeat;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	top:10px;
	left:0;
	width:79px;
	z-index:-1;
}
ul.konkurs_list>li.konkurs_fotm:before {
	background-position:0px -292px;
	height:81px;
}
ul.konkurs_list>li.konkurs_potm:before {
	background-position:0px 0px;
	height:87px;
}
ul.konkurs_list>li.konkurs_patm:before {
	background-position:0px -483px;
	height:93px;
}
ul.konkurs_list>li.konkurs_lotm:before {
	background-position:0px -198px;
	height:93px;
}
ul.konkurs_list>li.konkurs_lo2w:before {
	background-position:0px -88px;
	height:110px;
}
ul.konkurs_list>li.konkurs_uiux:before {
	background-position:0px -373px;
	height:110px;
}
ul.konkurs_list>li:nth-child(4n+4) {
	margin:0 0 2% 0;
}
ul.konkurs_list>li h3.ipsWidget_title {
	text-align:center;
	margin:11px 0 24px 0;
}
ul.konkurs_list>li ul.ipsKonkurs_info {
	display:block;
	width:100%;
}
ul.konkurs_list>li ul.ipsKonkurs_info>li {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-bottom:10px;
	padding:16px;
	display:block;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
ul.konkurs_list>li ul.ipsKonkurs_info>li:last-child {
	margin-bottom:0;
}
ul.konkurs_list>li ul.ipsKonkurs_info>li i {
	color:#47515d;
	margin:0 8px 0 0;
}
ul.konkurs_list>li ul.ipsKonkurs_info>li.ipsButtonItem {
	text-align:center;
}
ul.konkurs_list>li ul.ipsKonkurs_info>li.ipsButtonItem i {
	color:#fff;
}
.ipsNagrodaMini,.ipsNagroda {
	background:#f5d312;
	color:#272727;
	border-radius:2px;
	font-weight:500;
	display:inline-block;
	vertical-align:middle;
	text-shadow:none;
	letter-spacing:0;
	overflow:hidden;
}
.ipsNagrodaMini {
	height:20px;
	line-height:20px;
	padding:0 8px;
}
.ipsNagroda {
	height:30px;
	line-height:30px;
	padding:0 12px;
	margin:0 20px 0 0;
}
.ipsNagroda a {
	text-align:center;
	height:30px;
	width:30px;
	display:inline-block;
	float:right;
	margin:0 -12px 0 12px;
	background:rgba(0,0,0,0.25);
}
.ipsNagroda a:hover {
	background:rgba(0,0,0,0.45);
}
.ipsNagroda a:after {
	content:"\f129";
	font-family:"FontAwesome";
	font-size:11px;
}
.ipsBadge_vote {
	height:30px;
	line-height:30px;
	padding:0 12px;
}
#ipsnagroda_content {
	display:inline-block;
	width:100%;
	margin:25px 15px;
}
ul.ipsnagroda_info {
	margin:0;
	display:inline-block;
	float:left;
	width:calc(100% - 194px);
}
ul.ipsnagroda_info>li {
	display:block;
}
ul.ipsnagroda_info>li h2 {
	font-size:14px;
	margin:0;
}
ul.ipsnagroda_info>li p {
	margin:5px 0 10px 0;
}
ul.ipsnagroda_info>li.partnerphoto {
	padding:20px 0 0 0;
}
.ipsnagroda_photo {
	margin:0 15px 0 0;
	border:2px solid #f2f2f2;
	width:150px;
	height:150px;
	display:inline-block;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	float:left;
}
.ipsnagroda_photo img {
	display:block;
	-o-object-fit:cover;
	object-fit:cover;
	object-position:50% 50%;
	-o-object-position:50% 50%;
	-webkit-transform:scale(1);
	transform:scale(1);
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	height:100%;
	width:100%;
	left:0;
	top:0;
	position:absolute;
	z-index:1;
}
.cQuestKonkurs .ipsButton.ipsButton_primary {
	width:100%;
	max-width:350px;
}
.color_konkurs {
	height:20px;
	line-height:20px;
	display:inline-block;
	border-radius:2px;
	padding:0 8px;
	font-size:10px;
	font-weight:400;
	text-transform:uppercase;
	color:#fff;
}
.aotw {
	background:#0072ff;
}
.sotw {
	background:#b84f21;
}
.uiux {
	background:#adbe1f;
}
.lotm {
	background:#29926c;
}
.lo2w {
	background:#693988;
}
.potm {
	background:#1fa2be;
}
.fotm {
	background:#ea991e;
}
.patm {
	background:#d6413a;
}
.cotm {
	background:#3960f2;
}
ul.archiwumkonkurs_list {
	display:table;
	width:100%;
	margin:0 0 30px 0;
}
ul.archiwumkonkurs_list>li {
	width:31.3%;
	margin:0 1% 1% 1%;
	float:left;
}
ul.ipsVoteList {
	margin:0;
	padding:0;
	width:100%;
	display:table;
}
ul.ipsVoteList>li {
	width:50%;
	float:left;
	display:block;
	padding:25px 25px;
}
ul.ipsVoteList>li .ipsVoteList_avatar,ul.ipsVoteList>li .ipsVoteList_info {
	display:table-cell;
	vertical-align:middle;
}
ul.ipsVoteList>li .ipsVoteList_avatar {
	min-width:55px;
}
ul.ipsVoteList>li .ipsVoteList_info {
	width:100%;
}
ul.ipsVoteList>li .ipsVoteList_info h2 {
	font-size:15px;
	margin:0;
	padding:0;
}
ul.ipsVoteList>li .ipsVoteList_info p {
	margin:0;
	padding:0;
}
ul.ipsPropozycje_lista {
}
ul.ipsPropozycje_lista .ipsPropozycjeInfo,ul.ipsPropozycje_lista .ipsPropozycjeAuthor,ul.ipsPropozycje_lista .ipsPropozycjeAction,ul.ipsPropozycje_lista .ipsPropozycjeVote {
	display:table-cell;
	padding:12px 10px;
	vertical-align:middle;
}
ul.ipsPropozycje_lista .ipsPropozycjeInfo {
	width:100%;
}
ul.ipsPropozycje_lista .ipsPropozycjeAuthor {
	min-width:200px;
	max-width:200px;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
ul.ipsPropozycje_lista .ipsPropozycjeAction {
	padding:12px 5px;
	min-width:110px;
	max-width:110px;
	text-align:right;
}
ul.ipsPropozycje_lista .ipsPropozycjeVote {
	min-width:90px;
	text-align:right;
}
.ipsButtonPropozycje {
	font-size:10px;
	font-weight:300;
	text-align:center;
	text-decoration:none;
	text-shadow:none;
	white-space:nowrap;
	display:inline-block;
	vertical-align:middle;
	padding:2px 8px;
	border-radius:3px;
	border:1px solid rgba(0,0,0,0.1);
}
.glosy_normal,.glosy_positive,.glosy_negative {
	background:#111823;
	box-shadow:none;
	white-space:nowrap;
}
.ipsAreaCategory .glosy_normal,.ipsAreaCategory .glosy_positive,.ipsAreaCategory .glosy_negative {
	background:#192331;
}
.glosy_normal:after,.glosy_positive:after,.glosy_negative:after {
	right:100%;
	border-color:transparent #111823 transparent transparent !important;
}
.ipsAreaCategory .glosy_normal:after,.ipsAreaCategory .glosy_positive:after,.ipsAreaCategory .glosy_negative:after {
	right:100%;
	border-color:transparent #192331 transparent transparent !important;
}
.glosy_normal {
	color:#fff;
}
.glosy_positive {
	color:#598f5b;
}
.glosy_negative {
	color:#c75050;
}
ul.widgetPropozycje {
	margin:0;
	padding:0;
}
ul.widgetPropozycje>li {
	display:block;
	width:100%;
}
ul.widgetPropozycje>li h2 {
	font-weight:500;
	margin:0;
	padding:0;
}
ul.widgetPropozycje>li p {
	font-size:12px;
	color:#687482;
	margin:5px 0 0 0;
	padding:0;
}
html[dir="ltr"] .ipsWidget .ipsDataItem_main.cWidgetProp {
	padding-right:55px;
}
html[dir="ltr"] .ipsWidget .ipsDataItem_main.cWidgetProp .ipsCommentCount {
	margin-right:-55px;
	margin-left:0;
}
ul.ipsButtonUrl {
	width:100%;
	margin:15px 0 0 0;
	padding:0;
	display:table;
}
ul.ipsButtonUrl>li {
	display:inline-block;
}
ul.ipsButtonUrl>li a {
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	border-radius:14px;
	display:inline-block;
	height:28px;
	line-height:28px;
	padding:0 13px;
	font-size:11px;
	color:#ffffff;
}
ul.ipsButtonUrl>li a:hover {
	background:#141c28;
}
ul.ipsButtonUrl>li.active a {
	background:#192331;
	font-weight:500;
}
ul.ipsButtonUrl>li.active a:hover {
	background:#151d2a;
}
.ipsSpacer_bottomPage {
	margin:20px 0 35px 0;
}
li.ipsRankingUserPanel {
	color:#687482;
	padding:20px 20px 0 20px;
}
li.ipsRankingUserPanel .ipsRankingInfo {
	display:block;
	width:100%;
}
li.ipsRankingUserPanel .ipsRankingInfo .ipsRankingInfo_left,li.ipsRankingUserPanel .ipsRankingInfo .ipsRankingInfo_right {
	display:table-cell;
	vertical-align:middle;
}
li.ipsRankingUserPanel .ipsRankingInfo .ipsRankingInfo_left {
	width:100%;
}
li.ipsRankingUserPanel .ipsRankingInfo .ipsRankingInfo_right {
	min-width:34px;
	max-width:34px;
}
li.ipsRankingUserPanel .ipsRankingInfo .ipsRankingInfo_left h2 {
	font-size:13px;
	margin:0;
	padding:0;
}
li.ipsRankingUserPanel .ipsRankingInfo .ipsRankingInfo_left p {
	font-size:11px;
	margin:0;
	padding:0;
}
li.ipsRankingUserPanel .ipsRankingInfo .ipsRankingInfo_right {
	text-align:center;
	position:relative;
}
li.ipsRankingUserPanel .ipsRankingInfo .ipsRankingInfo_right span {
	z-index:1;
	position:relative;
	color:#fff;
	font-size:10px;
	font-weight:600;
	top:-7px;
}
li.ipsRankingUserPanel .ipsRankingInfo .ipsRankingInfo_right span.countrank {
	font-size:9px;
	left:1px;
}
li.ipsRankingUserPanel .ipsRankingInfo .ipsRankingInfo_right:after {
	content:"\f091";
	font-family:"FontAwesome";
	font-size:34px;
	position:Absolute;
	top:7px;
	right:1px;
	color:#d1d3d5;
}
li.ipsRankingUserPanel .ipsRankingInfo .ipsRankingInfo_right.ipsRa_1:after {
	color:#eeca20;
}
li.ipsRankingUserPanel .ipsRankingInfo .ipsRankingInfo_right.ipsRa_2:after {
	color:#d1d3d5;
}
li.ipsRankingUserPanel .ipsRankingInfo .ipsRankingInfo_right.ipsRa_3:after {
	color:#ae7149;
}
.ipsPoziomCount {
	display:inline-block;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	text-transform:uppercase;
}
.ipsPoziomCount.poziom_1,.poziom_progress_line.poziom_1,.ipsPoziomBar.poziom_1 {
	background:#1d293a;
}
.ipsPoziomCount.poziom_2,.poziom_progress_line.poziom_2,.ipsPoziomBar.poziom_2 {
	background:rgb(111,195,64);
	background:-moz-linear-gradient(left,rgba(111,195,64,1) 0%,rgba(59,183,86,1) 100%);
	background:-webkit-linear-gradient(left,rgba(111,195,64,1) 0%,rgba(59,183,86,1) 100%);
	background:linear-gradient(to right,rgba(111,195,64,1) 0%,rgba(59,183,86,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fc340',endColorstr='#3bb756',GradientType=1 );
}
.ipsPoziomCount.poziom_3,.poziom_progress_line.poziom_3,.ipsPoziomBar.poziom_3 {
	background:rgb(25,137,226);
	background:-moz-linear-gradient(left,rgba(25,137,226,1) 0%,rgba(25,79,226,1) 100%);
	background:-webkit-linear-gradient(left,rgba(25,137,226,1) 0%,rgba(25,79,226,1) 100%);
	background:linear-gradient(to right,rgba(25,137,226,1) 0%,rgba(25,79,226,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1989e2',endColorstr='#194fe2',GradientType=1 );
}
.ipsPoziomCount.poziom_4,.poziom_progress_line.poziom_4,.ipsPoziomBar.poziom_4 {
	background:rgb(97,40,212);
	background:-moz-linear-gradient(left,rgba(97,40,212,1) 0%,rgba(2,39,128,1) 100%);
	background:-webkit-linear-gradient(left,rgba(97,40,212,1) 0%,rgba(2,39,128,1) 100%);
	background:linear-gradient(to right,rgba(97,40,212,1) 0%,rgba(2,39,128,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6128d4',endColorstr='#022780',GradientType=1 );
}
.ipsPoziomCount.poziom_5,.poziom_progress_line.poziom_5,.ipsPoziomBar.poziom_5 {
	background:rgb(230,88,16);
	background:-moz-linear-gradient(left,rgba(230,88,16,1) 0%,rgba(222,177,25,1) 100%);
	background:-webkit-linear-gradient(left,rgba(230,88,16,1) 0%,rgba(222,177,25,1) 100%);
	background:linear-gradient(to right,rgba(230,88,16,1) 0%,rgba(222,177,25,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e65810',endColorstr='#deb119',GradientType=1 );
}
.ipsPoziomCount.poziom_6,.poziom_progress_line.poziom_6,.ipsPoziomBar.poziom_6 {
	background:rgb(241,93,34);
	background:-moz-linear-gradient(left,rgba(241,93,34,1) 0%,rgba(237,32,53,1) 100%);
	background:-webkit-linear-gradient(left,rgba(241,93,34,1) 0%,rgba(237,32,53,1) 100%);
	background:linear-gradient(to right,rgba(241,93,34,1) 0%,rgba(237,32,53,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15d22',endColorstr='#ed2035',GradientType=1 );
}
.ipsPoziomCount.poziom_7,.poziom_progress_line.poziom_7,.ipsPoziomBar.poziom_7 {
	background:rgb(200,24,31);
	background:-moz-linear-gradient(left,rgba(200,24,31,1) 0%,rgba(217,45,58,1) 100%);
	background:-webkit-linear-gradient(left,rgba(200,24,31,1) 0%,rgba(217,45,58,1) 100%);
	background:linear-gradient(to right,rgba(200,24,31,1) 0%,rgba(217,45,58,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8181f',endColorstr='#d92d3a',GradientType=1 );
}
.poziom_youexp.poziom_1,.ipsPoziomExp.poziom_1 {
	color:#687482;
}
.poziom_youexp.poziom_2,.ipsPoziomExp.poziom_2 {
	color:#3bb756;
}
.poziom_youexp.poziom_3,.ipsPoziomExp.poziom_3 {
	color:#194fe2;
}
.poziom_youexp.poziom_4,.ipsPoziomExp.poziom_4 {
	color:#743aec;
}
.poziom_youexp.poziom_5,.ipsPoziomExp.poziom_5 {
	color:#deb119;
}
.poziom_youexp.poziom_6,.ipsPoziomExp.poziom_6 {
	color:#ed2035;
}
.poziom_youexp.poziom_7,.ipsPoziomExp.poziom_7 {
	color:#d92d3a;
}
.ipsPoziomCount.PsmallSize {
	font-size:9px;
	font-weight:600;
	color:#fff;
	padding:0 6px;
	height:17px;
	line-height:17px;
}
.ipsPoziomCount.PnormalSize {
	font-size:10px;
	font-weight:600;
	color:#fff;
	padding:0 8px;
	height:23px;
	line-height:23px;
}
li.ipsPoziomUserPanel {
	color:#687482;
	padding:22px 20px 0 20px;
}
li.ipsPoziomUserPanel .ipsPoziomInfo {
	display:table;
	width:100%;
	margin:0 0 11px 0;
	height:17px;
	line-height:17px;
}
li.ipsPoziomUserPanel .ipsPoziomInfo .ipsPoziomInfo_left {
	float:left;
	width:50%;
}
li.ipsPoziomUserPanel .ipsPoziomInfo .ipsPoziomInfo_left .ipsPoziomCount {
	float:left;
	margin:0 5px 0 0;
}
li.ipsPoziomUserPanel .ipsPoziomInfo .ipsPoziomInfo_left a {
	color:#687482;
}
li.ipsPoziomUserPanel .ipsPoziomInfo .ipsPoziomInfo_right {
	font-size:10px;
	font-weight:600;
	color:#0d131c;
	float:right;
	text-align:right;
	width:50%;
}
li.ipsPoziomUserPanel .ipsPoziomProgressBar {
	background:#d1d3d5;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	display:block;
	width:100%;
	height:4px;
}
li.ipsPoziomUserPanel .ipsPoziomProgressBar .ipsPoziomBar {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	display:block;
	height:4px;
}
h3.ipsType_title3 {
	color:#ffffff;
	font-size:20px;
	font-weight:400;
	line-height:1;
	padding:30px 0;
	margin:0;
	position:relative;
}
h3.ipsType_title3:before {
	content:"";
	position:absolute;
	z-index:1;
	background-image:-moz-linear-gradient( 0deg,rgb(240,152,33) 0%,rgb(241,90,91) 100%);
	background-image:-webkit-linear-gradient( 0deg,rgb(240,152,33) 0%,rgb(241,90,91) 100%);
	background-image:-ms-linear-gradient( 0deg,rgb(240,152,33) 0%,rgb(241,90,91) 100%);
	box-shadow:0px 3px 30px 0px #f07542;
	height:3px;
	width:93px;
	top:0;
	left:0;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
}
p.ipsType_description3 {
	font-size:13px;
	font-weight:400;
	color:#687482;
	margin:0;
	padding:0;
}
ul.ipsList3 {
	margin:20px 0 50px 0;
	padding:0;
	display:table;
	width:100%;
}
ul.ipsList3>li {
	font-size:13px;
	font-weight:400;
	color:#687482;
	display:block;
	width:100%;
	padding:0 0 0 10px;
	position:relative;
}
ul.ipsList3>li:before {
	content:"";
	background:#687482;
	border-radius:2px;
	position:absolute;
	height:3px;
	width:3px;
	left:0px;
	top:8px;
}
#poziom_widget {
	background:rgb(17,29,46);
	background:-moz-linear-gradient(left,rgb(13,24,39) 0%,rgb(13,22,33) 100%);
	background:-webkit-linear-gradient(left,rgb(13,24,39) 0%,rgb(13,22,33) 100%);
	background:linear-gradient(to right,rgb(13,24,39) 0%,rgb(13,22,33) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d1827',endColorstr='#0d1621',GradientType=1 );
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:13px 13px;
	margin:0 0 15px 0;
}
#poziom_widget.postpoziom {
	background:transparent;
	border-radius:0;
	padding:0;
	margin:0 0 34px 0;
}
#poziom_widget .poziom_top,#poziom_widget .poziom_bottom {
	width:100%;
	display:table;
}
#poziom_widget .poziom_top {
	margin:0 0 11px 0;
}
#poziom_widget .poziom_top .poziom_exp {
	float:right;
	width:50%;
	font-size:10px;
	font-weight:600;
	color:#ffffff;
	text-align:right;
	height:23px;
	line-height:23px;
}
#poziom_widget .poziom_top .poziom_info {
	float:left;
	width:50%;
	text-align:left;
}
#poziom_widget .poziom_bottom .poziom_progressbar {
	background:#d1d3d5;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	display:block;
	height:4px;
	width:100%;
}
#poziom_widget.postpoziom .poziom_bottom .poziom_progressbar {
	background:#192331;
}
#poziom_widget .poziom_bottom .poziom_progressbar .poziom_progress_line {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	display:block;
	height:4px;
}
.ipsUserPhoto .konkurs_winner {
	background:#29926c;
	border:3px solid #111823;
	border-radius:13px;
	position:absolute;
	color:#fff;
	height:26px;
	width:26px;
	font-size:9px;
	text-align:center;
	line-height:20px;
	right:-5px;
	bottom:-5px;
}
#photoUs .ipsUserPhoto .konkurs_winner {
	display:none;
}
.ipsStream .ipsUserPhoto .konkurs_winner {
	top:-10px;
	left:-10px;
}
.ipsUserPhoto.ipsUserPhoto_tiny .konkurs_winner {
	font-size:7px;
	height:21px;
	width:21px;
	line-height:15px;
}
.ipsUserPhoto.ipsUserPhoto_xlarge .konkurs_winner {
	height:36px;
	width:36px;
	border-radius:18px;
	font-size:11px;
	line-height:30px;
}
.ipsRankIMG {
	display:block;
	width:100%;
}
.ipsRankIMG span {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	font-size:9px;
	font-weight:500 !important;
	text-transform:uppercase;
	height:22px;
	line-height:22px;
	padding:0 9px;
	display:inline-block;
	max-width:100%;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
ul.ipsComment_author_iconlist {
	display:table;
	width:100%;
	margin:0 0 40px 0;
	padding:0;
}
ul.ipsComment_author_iconlist>li {
	display:block;
	float:left;
	width:33.3%;
}
ul.ipsComment_author_iconlist>li:first-child {
	text-align:left;
}
ul.ipsComment_author_iconlist>li:last-child {
	text-align:right;
}
ul.ipsComment_author_iconlist>li .topic_icon,ul.ipsHovercard_iconlist>li .hovercard_icon {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	display:inline-block;
	position:relative;
	height:35px;
	line-height:35px;
	width:35px;
	font-size:14px;
	text-align:center;
	cursor:pointer;
}
ul.ipsComment_author_iconlist>li .topic_icon.ic_postnum,ul.ipsHovercard_iconlist>li .hovercard_icon.ic_postnum {
	background:#3c8eb0;
	color:#fff;
}
ul.ipsComment_author_iconlist>li .topic_icon.ic_pointsgraphic,ul.ipsHovercard_iconlist>li .hovercard_icon.ic_pointsgraphic {
	background:#f5d312;
	color:#000;
}
ul.ipsComment_author_iconlist>li .topic_icon.ic_pointsrep,ul.ipsHovercard_iconlist>li .hovercard_icon.ic_pointsrep {
	background:#68a03f;
	color:#fff;
}
ul.ipsComment_author_iconlist>li .topic_icon span,ul.ipsHovercard_iconlist>li .hovercard_icon span {
	background:#29384f;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	font-size:10px;
	font-weight:600;
	color:#fff;
	position:absolute;
	bottom:-8px;
	right:-10px;
	height:17px;
	line-height:17px;
	padding:0 5px;
}
ul.ipsHovercard_iconlist>li .hovercard_icon.ic_warnpoints {
	background:#ff3b3b;
	color:#fff;
}
ul.ipsHovercard_iconlist {
	margin:0;
	padding:5px 0 0 120px;
}
ul.ipsHovercard_iconlist>li {
	display:inline-block;
	margin:0 30px 0 0;
}
#circle_avatar {
	position:absolute;
	top:-1px;
	left:-2px;
}
.commentposition_1 i.fa-trophy,.commentposition_2 i.fa-trophy,.commentposition_3 i.fa-trophy {
	font-size:9px;
}
.commentposition_1 i.fa-trophy {
	color:#f4ce1d;
}
.commentposition_2 i.fa-trophy {
	color:#e0e0e0;
}
.commentposition_3 i.fa-trophy {
	color:#ae7149;
}
.ipsIcon_konkursy {
	font-size:13px;
}
.ipsIcon_zleceniodawca {
	color:#8BC34A;
}
.ipsIcon_title {
	border-radius:50%;
	margin:0 5px 0 0;
	float:left;
	height:33px;
	width:33px;
	line-height:33px;
	text-align:center;
}
.ipsIcon_title.ipsIcon_zleceniodawca {
	background-image:-moz-linear-gradient( 0deg,rgb(240,152,33) 0%,rgb(241,90,91) 100%);
	background-image:-webkit-linear-gradient( 0deg,rgb(240,152,33) 0%,rgb(241,90,91) 100%);
	background-image:-ms-linear-gradient( 0deg,rgb(240,152,33) 0%,rgb(241,90,91) 100%);
	box-shadow:0px 5px 30px 0px rgba(240,117,66,0.44);
	color:#fff;
	font-size:13px;
}
#elProfileStats>ul>li.profilStats_points {
	position:relative;
	z-index:1;
}
#elProfileStats>ul>li.profilStats_points:after {
	content:"\f091";
	font-family:"FontAwesome";
	font-size:43px;
	position:absolute;
	top:11px;
	left:-16px;
	color:#26324469;
	z-index:-1;
	transform:rotate(20deg);
}
#elProfileStats>ul>li.profilStats_points.rank_1:after {
	color:#f4ce1c1f;
}
#elProfileStats>ul>li.profilStats_points.rank_2:after {
	color:#efefef1f;
}
#elProfileStats>ul>li.profilStats_points.rank_3:after {
	color:#ae71493b;
}
.ipsType_rankingstats {
	font-size:11px;
	font-weight:normal;
	color:#687482;
	margin: 0 0 0 10px;
}

А лучше создайте отдельный css и вставьте в него

  • Thanks 1

Правила форума       Правила оформления контента       Приватный форум и чат

podpis.png

 

Share this post


Link to post
Share on other sites
22 минуты назад, THEfUm3 сказал:

Подскажите где взять оформление инфопанели пользователя в теме как на данном ресурсе.
Или что-то подобное возможно есть?

Так же интересует плагин/приложение с уровнями (престиж), что у Вас используется? 😥

инфопанелью я могу поделиться как тут. Престиж это всего лишь скрипт))Который складывает. выычитает, умножает все цифры, заработанные вами (репутация, комменты и тд и тп)))Им не поделюсь)И конечно же вместе с системой поинтов)Создал свою валюту в виде "монеты" и прилепил все в кучу

  • Like 1

Правила форума       Правила оформления контента       Приватный форум и чат

podpis.png

 

Share this post


Link to post
Share on other sites
3 минуты назад, ANDROS сказал:

инфопанелью я могу поделиться как тут. Престиж это всего лишь скрипт))Который складывает. выычитает, умножает все цифры, заработанные вами (репутация, комменты и тд и тп)))Им не поделюсь)И конечно же вместе с системой поинтов)Создал свою валюту в виде "монеты" и прилепил все в кучу

Поделитесь инфопанелью как тут, без престижа и валюты 😅
Уж очень она у Вас симпотная))

 

А престиж это как я понял iEconomy или как-то так)

 

Share this post


Link to post
Share on other sites

А не подскажите что за версия форума у Вас?
Судя по всему у меня что-то по выше, стиль начал ругаться:
"[[Template forums/front/topics/postContainer is throwing an error. This theme may be out of date. Run the support tool in the AdminCP to restore the default theme.]]"

Share this post


Link to post
Share on other sites
2 часа назад, THEfUm3 сказал:

А не подскажите что за версия форума у Вас?
Судя по всему у меня что-то по выше, стиль начал ругаться:
"[[Template forums/front/topics/postContainer is throwing an error. This theme may be out of date. Run the support tool in the AdminCP to restore the default theme.]]"

потому что экономика не установлена)
установите PointsEconomy
У вас в коде есть такие теги как {$worth}, вот он и отвечает за вывод валюты)Их там два {$worth} и {$worth_2}


Правила форума       Правила оформления контента       Приватный форум и чат

podpis.png

 

Share this post


Link to post
Share on other sites
1 минуту назад, ANDROS сказал:

потому что экономика не установлена)
установите PointsEconomy
У вас в коде есть такие теги как {$worth}, вот он и отвечает за вывод валюты)Их там два {$worth} и {$worth_2}

Побежал тестировать 😂

  • Thanks 1

Share this post


Link to post
Share on other sites
4 минуты назад, THEfUm3 сказал:

Побежал тестировать 😂

забыл сказать))а еще  Automation Rules


Правила форума       Правила оформления контента       Приватный форум и чат

podpis.png

 

Share this post


Link to post
Share on other sites

хм, всё равно ругается (та же ошибка).

Добавил ради интереса валюту, а он не хочет 😐

Share this post


Link to post
Share on other sites

Разобрался, надо было добавить конкретно 2 валюты. 
Назрел вопрос - а у Вас какой то кастомный плагин стоит на вывод сетевого статуса в userinfo (онлайн/оффлайн)?

Share this post


Link to post
Share on other sites
10 часов назад, THEfUm3 сказал:

Разобрался, надо было добавить конкретно 2 валюты. 
Назрел вопрос - а у Вас какой то кастомный плагин стоит на вывод сетевого статуса в userinfo (онлайн/оффлайн)?

Нет))Всего лишь код

{{if $comment->author()->isOnline()}} <span class="userIsOnline" data-ipsTooltip title="{lang="online_now" sprintf="$comment->author()->name"}"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Online</font></font></span>{{endif}}

и стиль к нему

.userIsOnline {
    overflow: hidden;
    position: absolute;
    display: block;
    right: 50px;
    bottom: 2px;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    background: rgb(66, 183, 42);
    text-indent: -9999em;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    z-index: 1;
}

 


Правила форума       Правила оформления контента       Приватный форум и чат

podpis.png

 

Share this post


Link to post
Share on other sites

screenshot-cmsmafia.ru-2020.04.28-13_51_11.png

 

1. После

{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}	

2. Вставь это

{{if $comment->author()->isOnline()}} <span class="userIsOnline" data-ipsTooltip title="{lang="online_now" sprintf="$comment->author()->name"}"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Online</font></font></span>{{else}} <span class="userIsOffline" data-ipsTooltip title="{$comment->author()->name} не в сети"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Offline</font></font></span>{{endif}}

 


Правила форума       Правила оформления контента       Приватный форум и чат

podpis.png

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Language
  • стиль

2020 © cmsmafia.ru

×
×
  • Create New...

Important Information

Privacy Policy