Jump to content

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


murzic

Recommended Posts

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}}

 

 

Link to comment
Share on other sites

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;
}

 

 

Link to comment
Share on other sites

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}} можно убрать, если ничего выводить не нужно

Link to comment
Share on other sites

В 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;
}

 

 

спасибо.

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

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

Link to comment
Share on other sites

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

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

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

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

Link to comment
Share on other sites

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}}

 

Link to comment
Share on other sites

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

1701674817_.thumb.png.a657032ae7a36d06c57da9caffa8df8b.png

 

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

Edited by murzic
Link to comment
Share on other sites

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

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

1701674817_.thumb.png.a657032ae7a36d06c57da9caffa8df8b.png

 

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

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

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

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

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

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

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

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...