Hey everyone!

I just completely rehauled my user profile after being inactive for a few years. Creating tabs was a nightmare (hours of work coding and recoding), and even now I'm not happy with the bulky coding I had to work with to get it to work.

Just looking for some feedback on how I could slim down the bulky coding and still get tabs to work and how I could create those cool hover sliding out tabs. Also I don't really understand how editing your profile from the profile options area and editing your profile from your profile page works (using a blank section or profile section to insert coding), and how does moving things around in the different columns affect your profile (it messed up a lot of things for me)?

I love it! (And Toothless is adorable as usual <3 ) Everything seems to work well. I wish I could help with the coding questions but I haven't messed around with user profiles yet, so I... have no experience with any of that haha orz

Hopefully someone else can help with that, though!

I'm not 100% sure which hover sliding out tabs you're referring to, but you could try to play with :hover (along with transitions)?

A simple example of the hover I'm picturing would be my pet Optimist's spotlight hover (which only manipulates the height):

.pet_spotlight { position: absolute; top: -16px; left: 83px; width: 100px; height: 0px; -webkit-transition: height 0.8s; -moz-transition: height 0.8s; -ms-transition: height 0.8s; -o-transition: height 0.8s; transition: height 0.8s; }

.pet_spotlight:hover { height: 125px; }