Перейти к содержанию

  • Аватар для Border Цвет в зависимости от группы

    Silence

    Автор Silence

     Поделиться

    Аватар для Border Цвет в зависимости от группы

    ад.png

    Untitled.pngсфафд.pngвв.png

    Идём в свой шаблон и переходим по пути: Шаблоны --> core --> front --> global --> userPhoto и заменить все содержание с ето: 

    {{if $member->member_id and \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'members' ) )}}
{{$memberURL = ( $warningRef ) ? $member->url()->setQueryString( 'wr', $warningRef ) : $member->url();}}
<a href="{$memberURL}" data-group_id='{$member->member_group_id}' {{if $hovercard}}data-ipsHover data-ipsHover-target="{$memberURL->setQueryString( 'do', 'hovercard' )}"{{endif}} class="ipsUserPhoto ipsUserPhoto_{$size}{{if $classes}} {$classes}{{endif}}" title="{lang="view_user_profile" sprintf="$member->name"}">
		<img src='{$member->photo}' alt='{$member->name}' itemprop="image">
	</a>
{{else}}
	<span class='ipsUserPhoto ipsUserPhoto_{$size} {{if $classes}}{$classes}{{endif}}'>
		<img src='{$member->photo}' data-groupID='{$member->member_group_id}' alt='{$member->name}' itemprop="image">
	</span>
{{endif}}

    Перейти к вашем custom.css и поставите ето код: 

    .ipsUserPhoto[data-group_id="4"] { border: solid 3px #e74c3c; }
.ipsUserPhoto[data-group_id="3"] { border: solid 3px #2c3e50; }

    Изменит 4 и 3 с id вашем груп

    Id вашем група может увидет в АКП - Members - Group инажмите груп который вы хотите увидеть. В адресной строке вы увидите id ваша група:

    ид.png

     Поделиться
    Перейти к записи

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

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

    Silence

    Дополнение

    после выполнения вышеуказанных шагов , перейти:

    Шаблоны --> core --> front --> profile --> profileHeader и найти: 

    {{if $member->pp_main_photo and ( mb_substr( $member->pp_photo_type, 0, 5 ) === 'sync-' or $member->pp_photo_type === 'custom' )}}
					<a href="{file="$member->pp_main_photo" extension="core_Profile"}" data-ipsLightbox class='ipsUserPhoto ipsUserPhoto_xlarge'>					
						<img src='{$member->photo}'  alt=''>
					</a>
				{{else}}
					<span class='ipsUserPhoto ipsUserPhoto_xlarge'>					
						<img src='{$member->photo}' alt=''>
					</span>
				{{endif}}

    Изменит на : 

    {{if $member->pp_main_photo and ( mb_substr( $member->pp_photo_type, 0, 5 ) === 'sync-' or $member->pp_photo_type === 'custom' )}}
					<a href="{file="$member->pp_main_photo" extension="core_Profile"}" data-ipsLightbox class='ipsUserPhoto ipsUserPhoto_xlarge'>					
						<img src='{$member->photo}' data-groupID='{$member->member_group_id}' alt=''>
					</a>
				{{else}}
					<span class='ipsUserPhoto ipsUserPhoto_xlarge'>					
						<img src='{$member->photo}' data-groupID='{$member->member_group_id}' alt=''>
					</span>
				{{endif}}

    В custom.css добавит: 

    .ipsUserPhoto_xlarge img, img.ipsUserPhoto_xlarge, .ipsUserPhoto_xlarge[data-group_id="4"] { border: solid 3px #e74c3c; padding:2px;}

    1.png

    Ссылка на комментарий
    Поделиться на другие сайты


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

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

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

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

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

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

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

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

    ×

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