Replies

Oct 8, 2014 11 years ago
Heart
has been EXTERMINATED
User Avatar
Vanilmirth

I was hoping to make a comment box sliding smoothly but it didn't work so well. I had to make 2 separate comment bg cause I couldn't make it work. And the 'Leave the comment' is still visible even without hovering. Can someone help me please?

❤ ❤ ❤ { art shop } { instagram }

Currently Obsessed with BTS & WEAK HERO Jujutsu Kaisen, Omniscient Reader's Viewpoint Little Mushroom & My S-Class Hunters

Oct 8, 2014 11 years ago
The Cursed
chi
User Avatar
Biene

Hey :) I am not that pro at webkit coding, but maybe it would help adding -webkit-transition-timing-function: ease; to your code?

The problem with the 'Leave a comment' button is probably because you haven't defined it? .forminput {...}

Oct 8, 2014 11 years ago
egg
is a bad egg
User Avatar

What I usually do is have part of the background cover the comment box, and when I hover, it just moves right (or left or up or down, whatever) out from underneath. (see or ) So I have only one image for the comment box and then another image covering it, coded as a div. Then it's just a matter of ordering the z-indexes properly. I hope that's not too confusing. >.>

Oct 9, 2014 11 years ago
Heart
has been EXTERMINATED
User Avatar
Vanilmirth

Thank you! I'll add that. :)

Ohh I see. I'll have to edit some stuff then. Sounds difficult but the box moves better that way. I've never used z-index before though so I'll have to read up on that. Thank you!

❤ ❤ ❤ { art shop } { instagram }

Currently Obsessed with BTS & WEAK HERO Jujutsu Kaisen, Omniscient Reader's Viewpoint Little Mushroom & My S-Class Hunters

Oct 9, 2014 11 years ago
egg
is a bad egg
User Avatar

It's not too bad. z-index is just ordering how you want the items to be layered. So 1 would be first, 2 would show up on top of that, etc etc.

If you need help, feel free to ping/comment me :)

Oct 12, 2014 11 years ago
Heart
has been EXTERMINATED
User Avatar
Vanilmirth

Hey, I applied the z-index, however I can't get the column1 on top (it keeps getting covered by the background..) [s]and the bg is mysteriously transparent. ;; Couldn't figure out why.--- Got this one fixed.. but column1's still covered. ;;

Kinda gave up. I decided to position my HA on it's own. Column 1 contains the profile (alone--it used to be with my links and HA) and whenever I try to put it near Column 2 or the bg, it goes under (even with the z-index) and the bg becomes transparent. :c My coding is all messed up but I think it worked out anyway?

❤ ❤ ❤ { art shop } { instagram }

Currently Obsessed with BTS & WEAK HERO Jujutsu Kaisen, Omniscient Reader's Viewpoint Little Mushroom & My S-Class Hunters

Oct 12, 2014 11 years ago
egg
is a bad egg
User Avatar

That has happened to me too. What I usually do is leave the third column for the comment box and the code only, and that usually solves it. Like I said, I'm not really good at explaining :( But it looks like it worked out! Sorry for the super confusion ^^;

Oct 12, 2014 11 years ago
Heart
has been EXTERMINATED
User Avatar
Vanilmirth

The comment box and the profile in one column? It was a little frustrating but I'm glad you were there (I'd be lost otherwise). Thanks very much for the help and the time! ❤

❤ ❤ ❤ { art shop } { instagram }

Currently Obsessed with BTS & WEAK HERO Jujutsu Kaisen, Omniscient Reader's Viewpoint Little Mushroom & My S-Class Hunters

Oct 12, 2014 11 years ago
egg
is a bad egg
User Avatar

Trust me, I've had my fair share of frustration with coding (and also accidentally deleting the code from the profile page =_= ) You'll eventually learn what works and what doesn't and why. :) If you ever need help again, don't hesitate to ask and I'll do my best!

Oct 12, 2014 11 years ago
Heart
has been EXTERMINATED
User Avatar
Vanilmirth

That's horrible (accidentally deleting all of them ;_;) and thank you thank you again! ❤

❤ ❤ ❤ { art shop } { instagram }

Currently Obsessed with BTS & WEAK HERO Jujutsu Kaisen, Omniscient Reader's Viewpoint Little Mushroom & My S-Class Hunters

Please log in to reply to this topic.