Перейти к публикации
IPS Invision Community

  • Большие аватары на форуме

    Sipsb

    От Sipsb

     Поделиться

    Откройте ACP - Внешний вид --> Ваш шаблон --> Редактировать HTML и CSS --> postContainer

    Найти: 

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

    Заменить на: 

    <li class='cAuthorPane_photo'>
      {{if $comment->author()->pp_main_photo}}<a href='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}" seoTemplate="profile" seoTitle="$seoName"}' data-ipsHover data-ipsHover-target='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}&do=hovercard" seoTemplate="profile" seoTitle="$seoName"}' title="{lang="view_user_profile" sprintf="$name"}"><span class='ipsUserPhoto ipsUserPhoto_variable'><img src="{setting="base_url"}uploads/{$comment->author()->pp_main_photo}" /></span></a>{{else}}<a href='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}" seoTemplate="profile" seoTitle="$seoName"}' data-ipsHover data-ipsHover-target='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}&do=hovercard" seoTemplate="profile" seoTitle="$seoName"}' title="{lang="view_user_profile" sprintf="$name"}"><img src="Default Image Url" /></a>{{endif}}
</li>

    Где не забудьте заменить  

    <img src="Default Image Url" />

    На ссылку с аватаром по умолчанию, который будет отображаться всем пользователям, у которых нет аватара.

    Далее пройдите во вкладку CSS и найдите misc.css

    Найти: 

    .ipsUserPhoto_xlarge img, img.ipsUserPhoto_xlarge, .ipsUserPhoto_xlarge:after {
	width: 120px;
	height: 120px;
	{{if theme.rounded_photos}}
		border-radius: 60px;
	{{endif}}
}

    Добавить после: 

    .ipsUserPhoto_variable img, img.ipsUserPhoto_variable, .ipsUserPhoto_variable:after {
	width: 150px;
	{{if theme.rounded_photos}}
		border-radius: 0px;
	{{endif}}
}

     

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

    Отзывы пользователей

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

    Shamisen

    Нашел решение для 4.4.х где не нужно указывать ссылку на дефолт аватар и где кликая по аватару не будет выкидывать на главную форума:

    В postContainer найти: 

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

    Заменить на: 

    <li class='cAuthorPane_photo'>
              {{if $comment->author()->pp_main_photo AND $comment->author()->pp_thumb_photo}}
              <img src="{url="" base=""}/uploads/{$comment->author()->pp_main_photo}">
              {{else}}
              <img src="{$comment->author()->photo}">
              {{endif}}
			</li>

    По желанию добавить в custom.css и выбрать нужный размер в пикселях: 

    .cAuthorPane_photo img {
    max-width: 170px;
    width: auto;
}

    Теперь при наведении на аватар ничего не происходит и он не кликабелен. Перейти в профиль или открыть карточку можно по-прежнему через никнейм

    • Нравится 1
    Ссылка на комментарий
    Поделиться на других сайтах
    Shamisen

    Для IPS 4.5

    Ищем: 

    <li data-role='photo' class='cAuthorPane_photo'>
				{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
				{{if $comment->author()->modShowBadge()}}
				<span class="cAuthorPane_badge cAuthorPane_badge--moderator" data-ipsTooltip title="{lang="member_is_moderator" sprintf="$comment->author()->name"}"></span>
				{{elseif $comment->author()->joinedRecently()}}
				<span class="cAuthorPane_badge cAuthorPane_badge--new" data-ipsTooltip title="{lang="member_is_new_badge" sprintf="$comment->author()->name"}"></span>
				{{endif}}
			</li>

    Если хотим сохранить иконку под аватаром меняем на: 

    <li class='cAuthorPane_photo'>
              {{if $comment->author()->pp_main_photo AND $comment->author()->pp_thumb_photo}}
              <img src="{url="" base=""}/uploads/{$comment->author()->pp_main_photo}">
				<span class="cAuthorPane_badge cAuthorPane_badge--moderator" data-ipsTooltip title="{lang="member_is_moderator" sprintf="$comment->author()->name"}"></span>
				{{elseif $comment->author()->joinedRecently()}}
				<span class="cAuthorPane_badge cAuthorPane_badge--new" data-ipsTooltip title="{lang="member_is_new_badge" sprintf="$comment->author()->name"}"></span>
				{{endif}}
			</li>

    Результат:

    Скрытый текст

    01.PNG

    Если иконка не нужна меняем на: 

    <li class='cAuthorPane_photo'>
              {{if $comment->author()->pp_main_photo AND $comment->author()->pp_thumb_photo}}
              <img src="{url="" base=""}/uploads/{$comment->author()->pp_main_photo}">
              {{else}}
              <img src="{$comment->author()->photo}">
              {{endif}}
			</li>

    Результат:

    Скрытый текст

    02.PNG

     

    • Спасибо 1
    Ссылка на комментарий
    Поделиться на других сайтах
    DrageKorn

    А для 4.6 нет решения? А то что-то совсем не получается ничего...

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

    Разобрался. Это легко делается в CSS. Достаточно просто заменить ширину и высоту. 

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


    Создайте аккаунт или войдите в него для комментирования

    Вы должны быть пользователем, чтобы оставить комментарий

    Создать аккаунт

    Зарегистрируйтесь для получения аккаунта. Это просто!

    Зарегистрировать аккаунт

    Войти

    Уже зарегистрированы? Войдите здесь.

    Войти сейчас

×
×
  • Создать...
Вверх
Вверх