Jump to content

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

murzic
murzic
in Invision Community 4 Support

Featured Replies

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

  • Цитата
    • 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;
    }

     

     

    спасибо.

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

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

  • Цитата
    • Author
    3 часа назад, by_ix сказал:

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

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

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

  • Цитата
    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

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

    1701674817_.thumb.png.a657032ae7a36d06c57da9caffa8df8b.png

     

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

    Edited by murzic

  • Цитата
    1 час назад, murzic сказал:

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

    1701674817_.thumb.png.a657032ae7a36d06c57da9caffa8df8b.png

     

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

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

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

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

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

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

  • Цитата

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

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

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

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

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

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

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

  • Цитата
    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
    Ответить в этой теме...
    Go to topic listing

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

    • No registered users viewing this page.