Sticky/floating profile? Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
2 posters

    Sticky/floating profile?

    Yuee12
    Yuee12
    New Member


    Posts : 18
    Reputation : 1
    Language : English, Spanish, French

    Solved Sticky/floating profile?

    Post by Yuee12 December 31st 2021, 9:59 am

    Technical Details


    Forum version : #phpBB3
    Position : Founder
    Concerned browser(s) : Google Chrome
    Who the problem concerns : All members
    Forum link : ( link is hidden, you must reply to see )

    Description of problem

    Hello,

    This is my first message in the forum, so I'm not even sure if I'm posting this in the right section or the right way. Please forgive me for any misleads on my part.

    Basically, I'm facing a problem with CC that I don't know anything about.
    All I want to do is make profiles sticky (make them float/follow me when I scroll down the posts), but I don't seem to make it work anyhow.
    I tried some solutions about the function "sticky" I found on the Internet, but I didn't manage to make it work out.
    My forum is private (I don't open it to the public because I use it with a few friends for role-playing).

    Thanks for reading!


    Last edited by Yuee12 on December 31st 2021, 2:34 pm; edited 1 time in total
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15311
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Solved Re: Sticky/floating profile?

    Post by skouliki December 31st 2021, 11:06 am

    hello and welcome

    first of all your forum needs to be open so we can inspect the elements
    if you do not wish to open it then you can send to a staff member a test account via private message

    do you have a forum link or any link where we can see the result you want to succeed?

    Yuee12
    Yuee12
    New Member


    Posts : 18
    Reputation : 1
    Language : English, Spanish, French

    Solved Re: Sticky/floating profile?

    Post by Yuee12 December 31st 2021, 12:15 pm

    skouliki wrote:hello and welcome

    first of all your forum needs to be open so we can inspect the elements
    if you do not wish to open it then you can send to a staff member a test account via private message

    do you have a forum link or any link where we can see the result you want to succeed?

    Hello, skouliki.

    Thanks for your message.

    I will create a test account and send it to a staff member via private message. I take it I can send it to you?

    Unfortunately, I do not have an example of the result I want to succeed. I know I've seen it in other forums, but it was a long time ago, and I don't have any track left of it.
    I don't know whether it's easy or difficult, but the result is making the profile move along with a scroll up/down.
    I believe the right function to use would be "sticky", but unfortunately, I know very, very little of CC.
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15311
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Solved Re: Sticky/floating profile?

    Post by skouliki December 31st 2021, 12:31 pm

    thank you for the pm

    i have not seen this in any forumotion forum so far that's why i ask

    the profile is moving while reading a thread ?

    Yuee12
    Yuee12
    New Member


    Posts : 18
    Reputation : 1
    Language : English, Spanish, French

    Solved Re: Sticky/floating profile?

    Post by Yuee12 December 31st 2021, 12:33 pm

    skouliki wrote:thank you for the pm

    i have not seen this in any forumotion forum so far that's why i ask

    the profile is moving while reading a thread ?

    I understand.

    No, it's not; and it's precisely what I would like to do. Make it move down while reading a thread, if that's possible at all.
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15311
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Solved Re: Sticky/floating profile?

    Post by skouliki December 31st 2021, 12:35 pm

    but in a thread, you have multiple posts ... all the profiles will be moving while reading ?

    Yuee12
    Yuee12
    New Member


    Posts : 18
    Reputation : 1
    Language : English, Spanish, French

    Solved Re: Sticky/floating profile?

    Post by Yuee12 December 31st 2021, 12:38 pm

    skouliki wrote:but in a thread, you have multiple posts ... all the profiles will be moving while reading ?

    Hm, the idea would be to make profiles not abandon the limits of a post. Hence, to make them stay between such bars so that they don't cover other profiles in other replies.
    Or make only the profile I'm reading move.
    Edit: here is an example of how it would look like!


    Last edited by Yuee12 on December 31st 2021, 12:45 pm; edited 1 time in total
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15311
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Solved Re: Sticky/floating profile?

    Post by skouliki December 31st 2021, 12:43 pm

    as far as i know this can not be done with css maybe it can be done with javascript
    since these days are holiday days please be patient
    i wish you a happy new year


    Last edited by skouliki on December 31st 2021, 2:35 pm; edited 1 time in total

    Yuee12
    Yuee12
    New Member


    Posts : 18
    Reputation : 1
    Language : English, Spanish, French

    Solved Re: Sticky/floating profile?

    Post by Yuee12 December 31st 2021, 12:44 pm

    skouliki wrote:as far as i know this can not be done with css maybe it can be done with javascript
    since these days are holiday days please be patient
    i wish you a happy new year

    Sure, I will be patient! Thank you a lot!

    Happy new year to you, too!

    skouliki likes this post

    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15311
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Solved Re: Sticky/floating profile?

    Post by skouliki December 31st 2021, 12:51 pm

    i saw the example thank you i do understand better now let me try to see if i can succeed the result with CSS codes

    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15311
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Solved Re: Sticky/floating profile?

    Post by skouliki December 31st 2021, 1:00 pm

    can you try this code to your CSS

    Code:

    .postprofile {
        padding: 0px;
        position: sticky;
        top: 43px;
        margin-right: -90px;
        margin-top: 55px;
    }



    Last edited by skouliki on December 31st 2021, 1:04 pm; edited 1 time in total

    Yuee12
    Yuee12
    New Member


    Posts : 18
    Reputation : 1
    Language : English, Spanish, French

    Solved Re: Sticky/floating profile?

    Post by Yuee12 December 31st 2021, 1:03 pm

    skouliki wrote:can you try this code to your CSS

    Code:

    .postprofile {
        padding: 0px;
        width: auto;
        position: sticky;
        top: 43px;
        margin-right: -90px;
        margin-top: 55px;
    }


    Done. The profile currently appears this way:

    Spoiler:

    Furthermore, it's still fixed.

    I forgot to give administrator rights in case you need them for anything. It's done.
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15311
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Solved Re: Sticky/floating profile?

    Post by skouliki December 31st 2021, 1:07 pm

    this is what i get in my test forum https://test4test.forumotion.com/t13-scrsadfrgtyujio-p
    can you see the profile moving ?

    if you delete the width or the margin-left it will come to place ..
    we are looking the scrolling now after we will see the margins

    Yuee12
    Yuee12
    New Member


    Posts : 18
    Reputation : 1
    Language : English, Spanish, French

    Solved Re: Sticky/floating profile?

    Post by Yuee12 December 31st 2021, 1:09 pm

    skouliki wrote:this is what i get in my test forum https://test4test.forumotion.com/t13-scrsadfrgtyujio-p
    can you see the profile moving ?

    if you delete the width or the margin-left it will come to place ..
    we are looking the scrolling now after we will see the margins

    I understand.
    Yes, in your test forum, the profile moves!
    But in mine, it appears it doesn't.
    Can you see the profile moving?
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15311
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Solved Re: Sticky/floating profile?

    Post by skouliki December 31st 2021, 1:20 pm

    no, so i think this is a conflict coming from your templates

    try to force the template ( viewtopic body ) to the default to check if the code works

    Yuee12
    Yuee12
    New Member


    Posts : 18
    Reputation : 1
    Language : English, Spanish, French

    Solved Re: Sticky/floating profile?

    Post by Yuee12 December 31st 2021, 1:26 pm

    skouliki wrote:no, so i think this is a conflict coming from your templates

    try to force the template ( viewtopic body ) to the default to check if the code works

    I'm not sure I did it correctly (I really know little of all this).
    I went to Templates - General, and I clicked on "publish" for the viewtopic body option (its status was Waiting).
    The profile still doesn't move.
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15311
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Solved Re: Sticky/floating profile?

    Post by skouliki December 31st 2021, 1:28 pm

    listen check this option to yes check the result
    then go back and uncheck it

    Sticky/floating profile? Scre2573

    Yuee12
    Yuee12
    New Member


    Posts : 18
    Reputation : 1
    Language : English, Spanish, French

    Solved Re: Sticky/floating profile?

    Post by Yuee12 December 31st 2021, 1:30 pm

    skouliki wrote:listen check this option to yes check the result
    then go back and uncheck it

    Sticky/floating profile? Scre2573

    Okay, great! Thanks!
    I checked it, and the result is the same.
    I uncheck it now.
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15311
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Solved Re: Sticky/floating profile?

    Post by skouliki December 31st 2021, 1:31 pm

    replace the css code

    with this one so we can view it ok

    Code:

    .postprofile {
        padding: 0px;
        position: sticky;
        top: 43px;
        margin-top: 55px;
    }

    you have to leave the templates on the default mode for me to check the elements

    Yuee12
    Yuee12
    New Member


    Posts : 18
    Reputation : 1
    Language : English, Spanish, French

    Solved Re: Sticky/floating profile?

    Post by Yuee12 December 31st 2021, 1:34 pm

    skouliki wrote:replace the css code

    with this one so we can view it ok

    Code:

    .postprofile {
        padding: 0px;
        position: sticky;
        top: 43px;
        margin-top: 55px;
    }

    you have to leave the templates on the default mode for me to check the elements

    Okay, so:

    - I put the templates on the default mode.
    - I replaced the previous css code with this one

    I can't see profiles moving. Can you?
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15311
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Solved Re: Sticky/floating profile?

    Post by skouliki December 31st 2021, 1:36 pm

    i do not see the defautl templates
    i see the forum as it was at first place

    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15311
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Solved Re: Sticky/floating profile?

    Post by skouliki December 31st 2021, 1:38 pm

    do the same with the javascript ..turn them off and recheck

    Yuee12
    Yuee12
    New Member


    Posts : 18
    Reputation : 1
    Language : English, Spanish, French

    Solved Re: Sticky/floating profile?

    Post by Yuee12 December 31st 2021, 1:39 pm

    skouliki wrote:i do not see the defautl templates
    i see the forum as it was at first place

    That's strange. I clicked on the Force the default templates as you asked D:
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15311
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Solved Re: Sticky/floating profile?

    Post by skouliki December 31st 2021, 1:39 pm

    skouliki wrote:do the same with the javascript ..turn them off and recheck

    since the code on my test forum is working something in your forum is blocking it
    css
    templates
    javascript

    Yuee12
    Yuee12
    New Member


    Posts : 18
    Reputation : 1
    Language : English, Spanish, French

    Solved Re: Sticky/floating profile?

    Post by Yuee12 December 31st 2021, 1:41 pm

    skouliki wrote:do the same with the javascript ..turn them off and recheck

    I went to HTML & JAVASCRIPT - Javascript codes management; there, I turned off the Enable Javascript code management.

    Spoiler:

    The result is still the same.
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15311
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Solved Re: Sticky/floating profile?

    Post by skouliki December 31st 2021, 1:42 pm

    ok turn them all back as normal

    and send me your CSS codes by private message

    Yuee12
    Yuee12
    New Member


    Posts : 18
    Reputation : 1
    Language : English, Spanish, French

    Solved Re: Sticky/floating profile?

    Post by Yuee12 December 31st 2021, 1:43 pm

    skouliki wrote:ok turn them all back as normal

    and send me your CSS codes by private message

    Right away!
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15311
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Solved Re: Sticky/floating profile?

    Post by skouliki December 31st 2021, 1:43 pm

    thank you

    somewhere is a conflict ....

    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15311
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Solved Re: Sticky/floating profile?

    Post by skouliki December 31st 2021, 1:46 pm

    https://test4test.forumotion.com/t13-scrsadfrgtyujio-p#75

    with your css i still have a good result can you post the code a gave you at the top of your CSS sheet

    Yuee12
    Yuee12
    New Member


    Posts : 18
    Reputation : 1
    Language : English, Spanish, French

    Solved Re: Sticky/floating profile?

    Post by Yuee12 December 31st 2021, 1:51 pm

    skouliki wrote:https://test4test.forumotion.com/t13-scrsadfrgtyujio-p#75

    with your css i still have a good result can you post the code a gave you at the top of your CSS sheet

    I put it at the very top, but it still doesn't work:

    Spoiler: