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

Posted 17 февраля, 20232 yr

здравствуйте

кто знает и может помочь с фоном?

Цитата

17 февраля, 20232 yr

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

здравствуйте

кто знает и может помочь с фоном?

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

Цитата

17 февраля, 20232 yr

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

Цитата

18 февраля, 20232 yr

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

Цитата

18 февраля, 20232 yr

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

Цитата

19 февраля, 20232 yr

Author

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

спасибо.

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

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

Цитата

19 февраля, 20232 yr

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

Цитата

SlawkA
1

19 февраля, 20232 yr

Author

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

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

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

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

Цитата

19 февраля, 20232 yr

лично я пас :bt: всем привет парни :ca:

Цитата

20 февраля, 20232 yr

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

Цитата

turk
1

20 февраля, 20232 yr

hi

do you want this feature for a special user or user group?

Цитата

22 февраля, 20232 yr

Author

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

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

Edited 22 февраля, 20232 yr by murzic

Цитата

22 февраля, 20232 yr

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

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

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

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

Цитата

Donjuan
1

22 февраля, 20232 yr

Author

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

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

да чистил

https://pronirax.eu/

Цитата

23 февраля, 20232 yr

Author

Кто-то поможет?

Цитата

23 февраля, 20232 yr

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

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

Цитата

23 февраля, 20232 yr

Author

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

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

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

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

Цитата

23 февраля, 20232 yr

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

Цитата

23 февраля, 20232 yr

Author

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

Цитата

23 февраля, 20232 yr

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

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

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

Цитата

Donjuan
1

23 февраля, 20232 yr

Author

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

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

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

Цитата

23 февраля, 20232 yr

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

Цитата

24 февраля, 20232 yr

Author

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

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

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

Цитата

24 февраля, 20232 yr

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

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

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

Цитата

25 февраля, 20232 yr

Author

все решил, проблема в браузере было

Цитата

Sign In

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

Featured Replies

Join the conversation

Последние посетители 0

Account

Navigation

Search

Configure browser push notifications

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)