Jump to content

Фон профиля (cover) в userinfopane

Featured Replies

comment_190304
8 минут назад, Dusty сказал:

Что именно нужно?

я так понимаю в постконтейнер впихнуть код ковер картинки с профиля))

murzic ну попробуй этот код. у меня он работает

Спойлер
{{$coverPhoto = $comment->author()->coverPhoto();}}
{{if $coverPhoto->file}}
<div class="wa_userinfo_bg" style="background-image: url('{$coverPhoto->file->url}') !important;margin-bottom: -60px !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: 120px;
width: auto;
margin-left: -8px !important;
margin: -0px -9px 0 -9px;"></div></div>
{{else}}
<li class='cAuthorPane_photo'></li>
{{endif}}

 

 

comment_190308
10 часов назад, SlawkA сказал:

я так понимаю в постконтейнер впихнуть код ковер картинки с профиля))

murzic ну попробуй этот код. у меня он работает

  Скрыть контент
{{$coverPhoto = $comment->author()->coverPhoto();}}
{{if $coverPhoto->file}}
<div class="wa_userinfo_bg" style="background-image: url('{$coverPhoto->file->url}') !important;margin-bottom: -60px !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: 120px;
width: auto;
margin-left: -8px !important;
margin: -0px -9px 0 -9px;"></div></div>
{{else}}
<li class='cAuthorPane_photo'></li>
{{endif}}

 

 

Я вывел таким способом )

<div id="authorsticky">
{{$coverPhoto = $comment->author()->coverPhoto();}}
 {{if $coverPhoto->file}}
<div class="post--coverimage">
<img src='{$coverPhoto->file->url}' alt=''>
</div>
 {{else}} {{endif}}

Кому надо меняйте в CSS под себя)

Спойлер

 

.post--coverimage {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: .15;
}

.post--coverimage img {
    height: 300px;
    -webkit-mask-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,1)),to(rgba(0,0,0,0)));
    mask-image: linear-gradient(to bottom,rgba(0,0,0,1),rgba(0,0,0,0));
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    left: 50%;
    transform: translate(-50%);
    position: absolute;
}

 

 

comment_190309
1 час назад, Dusty сказал:

Я вывел таким способом )

<div id="authorsticky">
{{$coverPhoto = $comment->author()->coverPhoto();}}
 {{if $coverPhoto->file}}
<div class="post--coverimage">
<img src='{$coverPhoto->file->url}' alt=''>
</div>
 {{else}} {{endif}}

Кому надо меняйте в CSS под себя)

  Показать контент

 

.post--coverimage {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: .15;
}

.post--coverimage img {
    height: 300px;
    -webkit-mask-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,1)),to(rgba(0,0,0,0)));
    mask-image: linear-gradient(to bottom,rgba(0,0,0,1),rgba(0,0,0,0));
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    left: 50%;
    transform: translate(-50%);
    position: absolute;
}

 

 

{{else}} можно убрать, если ничего выводить не нужно

  • Author
comment_190349
В 18.02.2023 в 09:21, Dusty сказал:

Я вывел таким способом )

<div id="authorsticky">
{{$coverPhoto = $comment->author()->coverPhoto();}}
 {{if $coverPhoto->file}}
<div class="post--coverimage">
<img src='{$coverPhoto->file->url}' alt=''>
</div>
 {{else}} {{endif}}

Кому надо меняйте в CSS под себя)

  Показать контент

 

.post--coverimage {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: .15;
}

.post--coverimage img {
    height: 300px;
    -webkit-mask-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,1)),to(rgba(0,0,0,0)));
    mask-image: linear-gradient(to bottom,rgba(0,0,0,1),rgba(0,0,0,0));
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    left: 50%;
    transform: translate(-50%);
    position: absolute;
}

 

 

спасибо.

еще один вопрос.

хочу поэкспериментировать, и вывесть этот код на главную страницу. как его изменить чтобы он работал?

  • Author
comment_190357
3 часа назад, by_ix сказал:

murzic фон на главную страницу? зачем?

Да именно так. У меня есть одна идея, хочу её поэкспериментировать.

так кто может помочь буду очень рад.

comment_190362
17 часов назад, murzic сказал:

спасибо.

еще один вопрос.

хочу поэкспериментировать, и вывесть этот код на главную страницу. как его изменить чтобы он работал?

получить пользователя можно используя класс \IPS\Member

{{if \IPS\Member::loggedIn()->member_id}}
  {{$coverPhoto = \IPS\Member::loggedIn()->coverPhoto();}}
  {{if $coverPhoto->file}}
	<img src='{$coverPhoto->file->url}'>
  {{endif}}
{{endif}}

 

  • Author
comment_190393

появилась такая проблема. после загрузки фотографии в CoverPhoto не отображается фотография. вот такой фон делаеться 

1701674817_.thumb.png.a657032ae7a36d06c57da9caffa8df8b.png

 

искал проблемы может какие-то сделал в ходе редактирования, но ничего не нашел

Edited by murzic

comment_190394
1 час назад, murzic сказал:

появилась такая проблема. после загрузки фотографии в CoverPhoto не отображается фотография. вот такой фон делаеться 

1701674817_.thumb.png.a657032ae7a36d06c57da9caffa8df8b.png

 

искал проблемы может какие-то сделал в ходе редактирования, но ничего не нашел

ссылку укажите на форум , кеш чистили? 

  • Author
comment_190395
6 минут назад, Dusty сказал:

ссылку укажите на форум , кеш чистили? 

да чистил

https://pronirax.eu/

comment_190399

Вы же что-то меняете в исходном коде. Как вам кто-то поможет, если вы подробности не приводите?

У администратора фон есть https://pronirax.eu/index.php?/profile/1-fnatikmsi/

  • Author
comment_190400
4 минуты назад, Zero108 сказал:

Вы же что-то меняете в исходном коде. Как вам кто-то поможет, если вы подробности не приводите?

У администратора фон есть https://pronirax.eu/index.php?/profile/1-fnatikmsi/

Стандартный фон показываеться. Но при загрузки нового фона. Картинка не показываеться. Только тот темный фон.

comment_190401

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

comment_190406
2 часа назад, murzic сказал:

Хорошо, проверю

У вас проблемы со стилем либо он вы что то делали либо версия не актуальная для IPS.

  • Author
comment_190414
8 часов назад, Zero108 сказал:

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

Проверил, тоже самое

  • Author
comment_190424
6 часов назад, Zero108 сказал:

Наверное что-то поломалось.

Так если это проблема на всех темах, значит проблема в самом движке, или в хостинге при загрузки фотографий. Я так думаю.

comment_190429
2 часа назад, murzic сказал:

Так если это проблема на всех темах, значит проблема в самом движке, или в хостинге при загрузки фотографий. Я так думаю.

Всё может быть, murzic ! Можно попробовать посмотреть логи ips/веб сервера после загрузки изображения

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.