Show Profile Fields on hover

Go down

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.
whatyoutrynnagetinto
whatyoutrynnagetinto
New Member

Posts : 11
Reputation : 1
Language : English

View user profile https://oprp.forumotion.com/

Back to top Go down

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.
SLGray
SLGray
Administrator
Administrator

Male Posts : 49069
Reputation : 3418
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Show Profile Fields on hover

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

I believe I am using the advanced.
whatyoutrynnagetinto
whatyoutrynnagetinto
New Member

Posts : 11
Reputation : 1
Language : English

View user profile https://oprp.forumotion.com/

Back to top Go down

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
skouliki
skouliki
Manager
Manager

Female Posts : 10883
Reputation : 1370
Language : English,Greek
Location : Greece

View user profile http://iconskouliki.forumgreek.com

TonnyKamper likes this post

Back to top Go down

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.
whatyoutrynnagetinto
whatyoutrynnagetinto
New Member

Posts : 11
Reputation : 1
Language : English

View user profile https://oprp.forumotion.com/

Back to top Go down

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
skouliki
skouliki
Manager
Manager

Female Posts : 10883
Reputation : 1370
Language : English,Greek
Location : Greece

View user profile http://iconskouliki.forumgreek.com

Back to top Go down

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.
SLGray
SLGray
Administrator
Administrator

Male Posts : 49069
Reputation : 3418
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

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 Keep_s10
Show Profile Fields on hover Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 16529
Reputation : 1774
Language : fluent in dork / mumbojumbo & English haha

View user profile http://chatworld.forumotion.co.uk/

Back to top Go down

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
whatyoutrynnagetinto
whatyoutrynnagetinto
New Member

Posts : 11
Reputation : 1
Language : English

View user profile https://oprp.forumotion.com/

Back to top Go down

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.
SLGray
SLGray
Administrator
Administrator

Male Posts : 49069
Reputation : 3418
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

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

View user profile https://oprp.forumotion.com/

Back to top Go down

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

View user profile https://oprp.forumotion.com/

Back to top Go down

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

View user profile https://oprp.forumotion.com/

Back to top Go down

In progress Re: Show Profile Fields on hover

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

Bump
whatyoutrynnagetinto
whatyoutrynnagetinto
New Member

Posts : 11
Reputation : 1
Language : English

View user profile https://oprp.forumotion.com/

Back to top Go down

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?
TheCrow
TheCrow
Manager
Manager

Male Posts : 6666
Reputation : 778
Language : Greek, English

View user profile https://forumote.forumotion.com

Back to top Go down

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.
whatyoutrynnagetinto
whatyoutrynnagetinto
New Member

Posts : 11
Reputation : 1
Language : English

View user profile https://oprp.forumotion.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum