Replies

May 4, 2022 3 years ago
Organ Donor
Inkblot
User Avatar
Scyrizia

Basically as the title states! I'm looking for info on how to have a hover-to-reveal comment box on my profile; the ones that 'slide out' from somewhere when you mouse over a tab or something ... I've scoured the useful CSS/HTML threads and just getting confused about it lmao, is there a dummies guide or something for little tips and tricks for user profiles...? I'd appreciate a link if so! 😂

May 5, 2022 3 years ago
Sorcerer
is a worthy opponent
User Avatar
Forsake

Here's a super basic example of how it works.

The key parts:

  • have a set height on your comment box
  • have overflow:hidden so that you HAVE something to reveal
  • set the revealed height on :hover
  • add transition for the smooth animation

Applying that to your profile is more difficult but maybe that helps? Feel free to ask questions or give an example of a profile you want to emulate the look of.

[font=Cambria]Useful Custom CSS[/font]

May 5, 2022 3 years ago
Organ Donor
Inkblot
User Avatar
Scyrizia

Ohh that helps a lot! I had no idea that site existed, thank you so much <3 I'll have a mess around and see if I can get it working, thank you~

May 6, 2022 3 years ago
Sorcerer
is a worthy opponent
User Avatar
Forsake

Just noticed I made this example a while ago, someone else must have asked the same question :p

[font=Cambria]Useful Custom CSS[/font]

May 6, 2022 3 years ago
Organ Donor
Inkblot
User Avatar
Scyrizia

I think that one might be what I'm after! I did finally find another profile with an example - ... I'm still messing around with layout ideas etc, but will give the hover comment box an attempt soon! Thank you for the examples, I appreciate the help!

Please log in to reply to this topic.