Перейти к содержанию

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


Рекомендуемые сообщения

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

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

cover.png

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

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

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

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

cover.png

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

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

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

 

 

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

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

 

 

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

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

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

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

 

 

спасибо.

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

hi

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

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

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

1701674817_.thumb.png.a657032ae7a36d06c57da9caffa8df8b.png

 

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

Изменено пользователем murzic
Ссылка на комментарий
Поделиться на другие сайты

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

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

1701674817_.thumb.png.a657032ae7a36d06c57da9caffa8df8b.png

 

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

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

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

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

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

да чистил

https://pronirax.eu/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Присоединяйтесь к обсуждению

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

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

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

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...