Jump to content

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

murzic
 Share

Recommended Posts

SlawkA Master

SlawkA

Posted
Posted
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
Dusty Mentor

Dusty

Posted
Posted
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
Exception Mentor

Exception

Posted
Posted
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
murzic Enthusiast

murzic

Posted
  • Author
Posted
В 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
murzic Enthusiast

murzic

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

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

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

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

Link to comment
Share on other sites
Exception Mentor

Exception

Posted
Posted
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
murzic Enthusiast

murzic

Posted
  • Author
Posted (edited)

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

1701674817_.thumb.png.a657032ae7a36d06c57da9caffa8df8b.png

 

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

Edited by murzic
Link to comment
Share on other sites
Dusty Mentor

Dusty

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

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

1701674817_.thumb.png.a657032ae7a36d06c57da9caffa8df8b.png

 

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

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

Link to comment
Share on other sites
Zero108 Veteran

Zero108

Posted
Posted

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

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

Link to comment
Share on other sites
murzic Enthusiast

murzic

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

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

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

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

Link to comment
Share on other sites
Zero108 Veteran

Zero108

Posted
Posted

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

Link to comment
Share on other sites
Dusty Mentor

Dusty

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

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

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

Link to comment
Share on other sites
murzic Enthusiast

murzic

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

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

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

Link to comment
Share on other sites
murzic Enthusiast

murzic

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

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

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

Link to comment
Share on other sites
Exception Mentor

Exception

Posted
Posted
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.

×
 Share
Go to topic listing

  • Recently Browsing   0 members

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