Show Profile Fields on hover 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.
5 posters

    Show Profile Fields on hover

    whatyoutrynnagetinto
    whatyoutrynnagetinto
    New Member


    Posts : 11
    Reputation : 1
    Language : English

    In progress Show Profile Fields on hover

    Post by whatyoutrynnagetinto March 23rd 2021, 10:57 pm

    Hello,

    My forum version is PunBB and here's the link: https://oprp.forumotion.com/

    https://i.gyazo.com/0e307113a87f9a0093693310ec4b0cbc.png

    Basically, I want the profile fields to display on the right of the avatar as shown in the picture above. I saw related topics but none that I think applied to PunBB forums.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51550
    Reputation : 3519
    Language : English
    Location : United States

    In progress Re: Show Profile Fields on hover

    Post by SLGray March 24th 2021, 4:44 am

    Are you using the simple or advanced profile?



    Show Profile Fields on hover Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    whatyoutrynnagetinto
    whatyoutrynnagetinto
    New Member


    Posts : 11
    Reputation : 1
    Language : English

    In progress Re: Show Profile Fields on hover

    Post by whatyoutrynnagetinto March 24th 2021, 11:44 pm

    I believe I am using the advanced.
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15268
    Reputation : 1701
    Language : English,Greek
    Location : Greece

    In progress Re: Show Profile Fields on hover

    Post by skouliki March 25th 2021, 9:25 am

    hello

    this code will place the avatar on the left and the details on the right

    Code:

    #profile-advanced-layout {
        float: right;
    }

    #profile-advanced-left {
        margin-left: 10px;
    }

    Show Profile Fields on hover Scre2408

    TonnyKamper likes this post

    whatyoutrynnagetinto
    whatyoutrynnagetinto
    New Member


    Posts : 11
    Reputation : 1
    Language : English

    In progress Re: Show Profile Fields on hover

    Post by whatyoutrynnagetinto March 26th 2021, 1:23 am

    Not exactly what I had in mind.

    https://gyazo.com/cd3fbf6240ca33ecfe13c6751ef451e7

    I wanted the profile fields to display on the right of the avatar when you hover over it as shown in the gif.
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15268
    Reputation : 1701
    Language : English,Greek
    Location : Greece

    In progress Re: Show Profile Fields on hover

    Post by skouliki March 26th 2021, 9:24 am

    your image is not a gif it is just a plain img
    if you saw it on a forumotion forum then it must be a javascript with css style
    you can ask the founder of that forum to give you permission to use that code

    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51550
    Reputation : 3519
    Language : English
    Location : United States

    In progress Re: Show Profile Fields on hover

    Post by SLGray March 26th 2021, 6:19 pm

    Are you talking about the profile in messages/posts?



    Show Profile Fields on hover Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19212
    Reputation : 1998
    Language : fluent in dork / mumbojumbo & English haha

    In progress Re: Show Profile Fields on hover

    Post by Ape March 26th 2021, 6:46 pm

    A screen shot of what profile you are talking about would help us understand.



    Show Profile Fields on hover Left1212Show Profile Fields on hover Center11Show Profile Fields on hover Right112
    Show Profile Fields on hover Ape_b110
    Show Profile Fields on hover Ape1010
    whatyoutrynnagetinto
    whatyoutrynnagetinto
    New Member


    Posts : 11
    Reputation : 1
    Language : English

    In progress Re: Show Profile Fields on hover

    Post by whatyoutrynnagetinto March 26th 2021, 9:29 pm

    I apologize for the confusion, allow me to clear some things up.

    skouliki wrote:your image is not a gif it is just a plain img
    if you saw it on a forumotion forum then it must be a javascript with css style
    you can ask the founder of that forum to give you permission to use that code

    The gif was provided in my third post if you click the link. You'll be able to see the desired result. Here's another link in case that one wasn't working: https://i.gyazo.com/cd3fbf6240ca33ecfe13c6751ef451e7.gif

    SLGray wrote:Are you talking about the profile in messages/posts?

    Yes! I wish to display profile fields to the right of the profile once you hover over it within posts.

    Ape wrote:A screen shot of what profile you are talking about would help us understand.

    As you can see in the image I linked below this, some of the profile fields appear to the right of the profile once you hover over it within posts. (refer to the gif) That is the desired effect that I want.

    https://gyazo.com/90b908a6834f18ac3f2894aca6e2aebb

    Hopefully, that cleared up any confusion you guys may have had. Here's the link to someone who wanted a similar result that I viewed before making this topic in case you wanted to piggyback off of that: https://help.forumotion.com/t143444-profile-field-on-hover
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51550
    Reputation : 3519
    Language : English
    Location : United States

    In progress Re: Show Profile Fields on hover

    Post by SLGray March 27th 2021, 12:40 am

    So in posts you only want the avatar which when hovered over will show the fields to the right?



    Show Profile Fields on hover Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    whatyoutrynnagetinto
    whatyoutrynnagetinto
    New Member


    Posts : 11
    Reputation : 1
    Language : English

    In progress Re: Show Profile Fields on hover

    Post by whatyoutrynnagetinto March 27th 2021, 1:55 am

    Yes, exactly.
    whatyoutrynnagetinto
    whatyoutrynnagetinto
    New Member


    Posts : 11
    Reputation : 1
    Language : English

    In progress Re: Show Profile Fields on hover

    Post by whatyoutrynnagetinto March 29th 2021, 9:19 pm

    Bump
    whatyoutrynnagetinto
    whatyoutrynnagetinto
    New Member


    Posts : 11
    Reputation : 1
    Language : English

    In progress Re: Show Profile Fields on hover

    Post by whatyoutrynnagetinto March 31st 2021, 7:35 pm

    Bump
    whatyoutrynnagetinto
    whatyoutrynnagetinto
    New Member


    Posts : 11
    Reputation : 1
    Language : English

    In progress Re: Show Profile Fields on hover

    Post by whatyoutrynnagetinto April 3rd 2021, 10:34 pm

    Bump
    TheCrow
    TheCrow
    Manager
    Manager


    Male Posts : 6923
    Reputation : 795
    Language : Greek, English

    In progress Re: Show Profile Fields on hover

    Post by TheCrow April 5th 2021, 2:57 pm

    @whatyoutrynnagetinto,

    Sorry, but in the forum you provided on the first topic, I cannot see any of these codes you are showing us in your GIF images. Are you sure you gave us the correct forum link?



    Show Profile Fields on hover Thecro10
    Forum of the Forums

    Forumotion Rules | Tips & Tricks |
    FAQ | Did you forget your password?



    *** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
    No support via PM!
    whatyoutrynnagetinto
    whatyoutrynnagetinto
    New Member


    Posts : 11
    Reputation : 1
    Language : English

    In progress Re: Show Profile Fields on hover

    Post by whatyoutrynnagetinto April 5th 2021, 6:59 pm

    @TheCrow That’s because what you’re seeing in the GIFs is the effect that I want. I linked the right forum. I want profile fields to display to the right of the user’s avatar when you hover over them in topics.