Перейти к содержанию
  • Профиль в темах postContainer


    wasder12

    postContainer.thumb.gif.11705f2d8bcc3bab0bee08bac45ba0ac.gif

    Панель пользователя со спойлером и информацией в нём

    Сперва отдельное спасибо @DavidGuetta за скрипт для globalTemplate

    В globalTemplate после <head> вставляем;

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
          <style type="text/css">
     .spoiler_body {display:none; cursor:pointer;}
    </style>
    <script type="text/javascript">
    $(document).ready(function(){
     $('.spoiler_links').click(function(){
      $(this).parent().children('div.spoiler_body').toggle('normal');
      return false;
     });
    });
    </script>

    Открываем свой 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='author_info'>
    			<div class="wa_pContainer" itemscope="" itemtype="http://schema.org/Person">
                  <div class='textnikkk'>                
    		<h3 class='ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break'>
              <strong>{$comment->author()->link( $comment->warningRef() )|raw}</strong> 
              <span class='ipsResponsive_showPhone ipsResponsive_inline'>&nbsp;&nbsp;{template="reputationBadge" group="global" app="core" params="$comment->author()"}</span>
                    </h3>
    		
                      </div>
    				<div class="pContainer_b1">
    					{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
    				</div>
                  
                  		{{$coverPhoto = $comment->author()->coverPhoto();}}
    				    {{if $coverPhoto->file}}
    					<div class="pc_coverphoto" style="background-image: url('{$coverPhoto->file->url}') !important;">
                  </div>
    			          {{else}}
    			          {{endif}}
                  
    
                  
                  	
     
         <div class="wa_pContainer_b4">
           <div class="wa_pContainer_lnk">
    					{{if \IPS\Member::loggedIn()->member_id != $comment->author()->member_id}}
    							{{if \IPS\Member::loggedIn()->member_id != $comment->author()->member_id and ( !$comment->author()->members_bitoptions['pp_setting_moderate_followers'] or \IPS\Member::loggedIn()->following( 'core', 'member', $comment->author()->member_id ) )}}
    								{{$memberFollowers = $comment->author()->followers();}}
    								{{if member.member_id}}
    										{{if member.following( 'core', 'member', $comment->author()->member_id )}}
    											<a href="{url="app=core&module=system&section=notifications&do=follow&follow_app=core&follow_area=member&follow_id={$comment->author()->member_id}"}" title="{lang="following_this_member"}" data-ipsTooltip class="pContainerLink" data-role="followButton" data-ipsHover data-ipsHover-cache='false' data-ipsHover-onClick><i class="fa fa-user-times"></i></a>
    										{{else}}	
    											<a href="{url="app=core&module=system&section=notifications&do=follow&follow_app=core&follow_area=member&follow_id={$comment->author()->member_id}"}" title="{lang="follow_this_member"}" data-ipsTooltip class="pContainerLink" data-role="followButton" data-ipsHover data-ipsHover-cache='false' data-ipsHover-onClick><i class="fa fa-user-plus"></i></a>
    										{{endif}}
    								{{endif}}
    							{{endif}}
    							{{if \IPS\Member::loggedIn()->member_id && !$comment->author()->members_disable_pm and !\IPS\Member::loggedIn()->members_disable_pm and \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'messaging' ) )}}
    							<a href='{url="app=core&module=messaging&controller=messenger&do=compose&to={$comment->author()->member_id}" seoTemplate="messenger_compose"}' data-ipsDialog data-ipsDialog-title='{lang="compose_new"}' data-ipsDialog-remoteSubmit data-ipsDialog-flashMessage="{lang="message_sent"}" title="Отправить сообщение" data-ipsTooltip class='pContainerLink'><i class="fa fa-inbox"></i></a>
    							{{endif}}
    					{{endif}}
                        
         {{$skype = preg_replace('/<wbr>/', '', $comment->author()->contentProfileFields()['core_pfieldgroups_2'][3]);}}
         {{if $comment->author()->contentProfileFields()['core_pfieldgroups_2'][3]}}
    		<a href="skype:{$skype}?chat" target="_blank" title="Скайп" data-ipsTooltip class="pContainer_Button"><i class="fa fa-skype" aria-hidden="true"></i></a>
    	 {{else}}
    	    <a style="opacity:0.5" target="_blank" title="Скайп" data-ipsTooltip class="pContainer_Button"><i class="fa fa-skype" aria-hidden="true"></i></a>
    	 {{endif}}
    					
         {{$vk = preg_replace('/<wbr>/', '', $comment->author()->contentProfileFields()['core_pfieldgroups_2'][4]);}}
    	 {{if $comment->author()->contentProfileFields()['core_pfieldgroups_2'][4]}}
    		<a href="http://www.privatelink.de/?https://vk.com/{$vk}" target="_blank" title="Вконтакте" data-ipsTooltip class="pContainer_Button"><i class="fa fa-vk" aria-hidden="true"></i></a>
    	 {{else}}
    		<a style="opacity:0.5" target="_blank" title="Вконтакте" data-ipsTooltip class="pContainer_Button"><i class="fa fa-vk" aria-hidden="true"></i></a>
    	 {{endif}}
    	 </div></div>
                  
     <div class='textGroprank'>
       {{if $comment->author()->rank['image'] && $comment->author()->member_id}}
    				{$comment->author()->rank['image']|raw}
    			{{endif}}</div>
                 
     <!-- Плагин репутации
    {template="reputationBadge" group="global" app="core" params="$comment->author()"}
    Плагин репутации -->              
     <div class='textGrop'>{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->formattedName" raw="true"}
    			{{if \IPS\Member\Group::load( $comment->author()->member_group_id )->g_icon }}
    				<img src='{file="$comment->author()->group['g_icon']" extension="core_Theme"}' alt='' class='cAuthorGroupIcon'>
    			{{endif}}
    </div>              
    <!-------------------------------------------------------------------------------------->
    <div>
    <a href="" class="spoiler_links ipsButton ipsButton_light ipsButton_verySmall ipsButton_narrow" style="padding: 0px 62px;margin-bottom: 5px;background:#36485C;" data-ipstooltip="" _title="Нажмите для просмотра"><i class="fa fa-user-plus" aria-hidden="true"></i> Информация</a>
             <div class="spoiler_body">                   
    <li class="uip">
    <span class="leftinfo"><i class="fa fa-star-half-o"></i> Звание:</span>
     {{if $comment->author()->member_title && $comment->author()->member_id}} 
    <span class="rightinfo">{$comment->author()->member_title}</span>
     {{elseif $comment->author()->rank['title'] && $comment->author()->member_id}} 
    <span class="rightinfo">{$comment->author()->rank['title']}</span>
      {{endif}}
    </li> 
    <li class="uip">
     {{$date_joined = floor((strtotime("now")-strtotime("{$comment->author()->joined}"))/86400) ;}}  
    <span class="leftinfo"><i class="fa fa-calendar"></i> C нами уже:</span>
    <span class="rightinfo">{$date_joined} дней</span>
    </li>              
    <li class="uip">
    <span class="leftinfo"><i class="fa fa-trophy fa-lg" aria-hidden="true"></i> {lang="members_days_won_count"}</span>
    <span class="rightinfo">{number="$comment->author()->getReputationDaysWonCount()"}</span>
    </li> 
    <li class="uip">  
    <span class="leftinfo"><i class="fa fa-commenting-o"></i> Созданных тем:</span>
    <span class="rightinfo">{{$where[] = "starter_id = " . $comment->author()->member_id;}}
    {{$author_topics = \IPS\forums\Topic::getItemsWithPermission( $where, NULL, 0 );}}
    {{$topics_count = count($author_topics);}} {$topics_count}</span>
    </li>  
    <li class="uip">  
    <span class="leftinfo"><i class="fa fa-comments-o" aria-hidden="true"></i> Созданных сообщений:</span>
    <span class="rightinfo">{$comment->author()->member_posts}</span>
    </li>               
     
      </div>
    </div>  
     <!-------------------------------------------------------------------------------------->              
    <div class='textgame'><i class="fa fa-info"></i> Репутация пользователя <i class="fa fa-level-down"></i></div> 
    <li class="uip"> 
    <span class="leftinfo"><i class="fa fa-exclamation-triangle"></i> Репутация:</span>
    <span class="rightinfo">{template="reputationBadge" group="global" app="core" params="$comment->author()"}</span>
    </li>              
    <li class="uip"> 
    <span class="leftinfo"><i class="fa fa-exclamation-triangle"></i> Предупреждения:</span>
    <span class="rightinfo">{number="$comment->author()->warn_level"}</span>
    </li>
                 
    			             
                 
    <!--            
                <div class="wa_pContainer_b2">
    			<div class="wa_pContainer_b2_1">
    			<div>
    			<span class="wa_pContainer_b2_m">Тем</span>
    			</div>
    			<span style="font-size: 15px;">{{$where[] = "starter_id = " . $comment->author()->member_id;}}
    {{$author_topics = \IPS\forums\Topic::getItemsWithPermission( $where, NULL, 0 );}}
    {{$topics_count = count($author_topics);}} {$topics_count}</span>
    			</div>
                <div class="wa_pContainer_b2_1">
    			<div>
    			<span class="wa_pContainer_b2_m">Сообщений</span>
    			</div>
    			<span style="font-size: 15px;">{$comment->author()->member_posts}</span>
    			</div>
    			</div>-->
    			</div>
    		</div>
    	</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>

    То что закомментировано можно разкоментить.

    Закомментировать эту часть;

    <li class="uip">  
    <span class="leftinfo"><i class="fa fa-commenting-o"></i> Созданных тем:</span>
    <span class="rightinfo">{{$where[] = "starter_id = " . $comment->author()->member_id;}}
    {{$author_topics = \IPS\forums\Topic::getItemsWithPermission( $where, NULL, 0 );}}
    {{$topics_count = count($author_topics);}} {$topics_count}</span>
    </li>  
    <li class="uip">  
    <span class="leftinfo"><i class="fa fa-comments-o" aria-hidden="true"></i> Созданных сообщений:</span>
    <span class="rightinfo">{$comment->author()->member_posts}</span>
    </li>

    Будет не много другой вид

    Теперь добавьте в custom.css

    /* Панель пользователя в темах форума */
    .cAuthorPane {
        padding: 10px !important;
      margin-top: 57px
    }
    
    aside.ipsComment_author.cAuthorPane.ipsColumn.ipsColumn_medium {
        width: 245px;
    }
    
    .wa_pContainer {
        padding: 2px;
        background-color: rgb(66, 66, 66);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
        margin: -10px 2px 15px 2px;
        border-radius: 5px;
    }
    
    .pContainer_b1 {
        margin-top: 0px;
        margin-bottom: 5px;
        text-align: center;
    }
    
    .pContainer_b1 img {
        border: 1px solid rgba(0,0,0,0.1);
        border-radius: 500px;
        height: 90px;
    }
    
    .pc_coverphoto {
        margin-bottom: 5px !important;
        background-color: #FFFFFF !important;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        background-size: 100% 100% !important;
        height: 114px;
        width: 216px;
        border-radius: 10px;
        margin: -98px 0 0 0;
    }
    
    .wa_pContainer_b2 {
        background-color: #3f84d2;
        background-image: url({resource="diagmonds.png" app="core" location="global"});
        overflow: hidden;
        padding: 8px 0;
        /*margin: 10px -5px -5px -5px;*/
    }
    
    .wa_pContainer_b2_1 {
        width: 50%;
        float: left;
    }
    
    .wa_pContainer_b2_1 .ipsRepBadge {
        font-size: 15px;
        font-weight: normal;
    }
    
    .wa_pContainer_b2_m {
        color: #f5f5f5;
        text-transform: uppercase;
        font-size: 11px;
    }
    
    .wa_pContainer_lnk {
      text-align: center;
    }
    
    .wa_pContainer_b3 {
      margin: 5px 0;
    }
    
    .wa_pContainer_b4 {
      margin: 5px 0;
    }
    
    .pContainerLink {
        width: 36px;
        height: 28px;
        line-height: 28px;
        margin: 0 1px;
        text-align: center;
        background: #34495e;
        border-radius: 2px;
        display: inline-block;
        color: #FFFFFF;
        font-size: 15px;
    }
    
    .pContainerLink:hover {
      color: #FFFFFF;
    }
    
    .pContainer_Button {
        width: 60px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        background: rgb(52, 73, 94);
        border-radius: 2px;
        display: inline-block;
        color: #FFFFFF;
        font-size: 15px;
    }
    
    .pContainer_Button:hover {
      color: #FFFFFF;
    }
    
    .textnikkk {
    margin-bottom: 3px;
            margin-left: 2px;
        margin-right: 2px;
        line-height: 25px;
        border-radius: 5px;
        font-size: 14px !important;
        max-width: 100%;
        background-color: rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 3px rgba(59, 124, 206, 0.86) inset, 0 0 0 1px rgb(83, 144, 213), 0 1px 0 rgba(22, 107, 193, 0.95);
    }
    .textGrop {
      margin-top: 5px;
        margin-bottom: 8px;
        margin-left: 2px;
        margin-right: 2px;
        line-height: 25px;
        border-radius: 5px;
        font-size: 14px !important;
        max-width: 100%;
        background-color: rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 3px rgba(59, 124, 206, 0.86) inset, 0 0 0 1px rgb(83, 144, 213), 0 1px 0 rgba(22, 107, 193, 0.95);
    }
    .textGroprank {
        margin-bottom: 5px;
        margin-left: 2px;
        margin-right: 2px;
        line-height: 20px;
        height: 24px;
        border-radius: 5px;
        font-size: 14px !important;
        max-width: 100%;
        background: linear-gradient(55deg, #34495e 50%, #1b1b1b 50%, #1b1b1b);
        box-shadow: 0px 0px 10px 0px #3a3a54;
        margin-top: 5px;
    }
    .textGroprank:hover {
        background: linear-gradient(55deg, #1b1b1b 50%, #34495e 50%, #34495e);
    }
    
    .autornik {
    display: block;
        line-height: 10px;
        -moz-hyphens: initial;
        margin-top: -5px;
        height: 25px;
        border-radius: 35px;
        font-size: 16px !important;
        max-width: 100%;
        /* background: #1c1d2680; */
        background: linear-gradient(55deg, #232331 80%, #f1f1f500 100%, #ededef00);
        font-family: 'Roboto Condensed', sans-serif;
    }
    .oNpane1 {
    position: relative;
        display: inline-block;
        float: left;
        height: 20px;
        width: 30px;
        border-radius: 50px;
        border: 1px solid #249168;
        font-size: 18px;
        text-align: center;
        line-height: 25px;
        color: #56cf61;
        margin: 0 auto;
        margin-top: 2px;
        margin-left: 30px;
        margin-right: -50px;
    }
    .oFFpane1 {
    position: relative;
        display: inline-block;
        float: left;
        height: 20px;
        width: 30px;
        border-radius: 50px;
        border: 1px solid #ab300b;
        font-size: 18px;
        text-align: center;
        line-height: 25px;
        color: #f52e0c;
        margin: 0 auto;
        margin-top: 2px;
        margin-left: 30px;
        margin-right: -50px;
    }
    .paneLogin {
        border-top: 5px solid #303c4a;
        border-bottom: 5px solid #37474f;
        background: linear-gradient(#37474f61 10%, #1213176b 90%) !important;
        border-radius: 5px;
        position: relative;
        margin: 0 auto;
        margin-top: 0px;
        margin-left: -10px;
        margin-right: -10px;
    }
    
    
    
    
    
    .uip {
        display: inline-block;
        width: 100%;
        color: #fefffe;
        padding: 1px 10px;
        margin-top: -2px;
        border-radius: 5px;
        background: #1b1b1b;
        border: 1px #3f84d2 solid;
        box-shadow: inset rgb(52, 86, 125) 0px 1px 5px, rgb(50, 80, 115) 0px 0px 0px, rgb(50, 80, 115) 0px 0px 1px 0px;
    }
    .uip:hover {
        background: rgb(46, 80, 124);
    }
    
    .leftinfo {
        font-size: 11px;
        float: left;
        text-align: left;
        margin-right: 3px;
        margin-left: 0;
        min-width: 60px;
        width: auto !important;
    }
    
    .rightinfo {
        float: right;
        color: #CCC;
        font-size: 11px;
    }
    .textgame {
        margin-bottom: 5px;
        margin-top: 5px;
        margin-left: 2px;
        margin-right: 2px;
        line-height: 20px;
        border-radius: 5px;
        font-size: 12px !important;
        max-width: 100%;
        color: #fdfefe;
         background: linear-gradient(55deg, #34495e 50%, #1b1b1b 50%, #1b1b1b);
        box-shadow: 0px 0px 10px 0px #3a3a54;
    }
    /***********************************/

    На этом всё.


    Обратная связь

    Рекомендуемые комментарии



    Присоединяйтесь к обсуждению

    Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
    Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

    Гость
    Добавить комментарий...

    ×   Вставлено с форматированием.   Вставить как обычный текст

      Разрешено использовать не более 75 эмодзи.

    ×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

    ×   Ваш предыдущий контент был восстановлен.   Очистить редактор

    ×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.


×
×
  • Создать...