Alright, so if you view my profile. you can see that my media scrolls up when you hover on it.
Now I want to do a similar thing with my wishlist. BUT, I want it to scroll out from behind the about me section.
So I want to have a part of it sticking from out of the left side of my about, and scroll straight to the left when you hover on it.
Add a Wishlist panel
Rotate the header of the Wishlist if you want it to be aligned to the left side that "peeks out" or whatever
Position the wishlist under your About panel
(Your About panel already has a z-index, so your wishlist will layer under it. Optionally, you can assign a lesser z-index to the Wishlist as well)
Target #id_wishlist:hover and either expand its width or position it closer to the left than the un-hovered state
Do whatever fine-tuning you want, add some times for transitions, etc.
P.S. Removing the "Gaiaonline" logo from the top left makes your profile worthy of reporting -- you might want to change that
Add a Wishlist panel
Rotate the header of the Wishlist if you want it to be aligned to the left side that "peeks out" or whatever
Position the wishlist under your About panel
(Your About panel already has a z-index, so your wishlist will layer under it. Optionally, you can assign a lesser z-index to the Wishlist as well)
Target #id_wishlist:hover and either expand its width or position it closer to the left than the un-hovered state
Do whatever fine-tuning you want, add some times for transitions, etc.
P.S. Removing the "Gaiaonline" logo from the top left makes your profile worthy of reporting -- you might want to change that
Okay I used this code, and it helped some things but not all.
Now it scrolls out properly, but the wishlist overflow-y isn't working.
Like you can see all the items sticking out from under the about. It just continues..
And also, when you hover over the about me, it shows all the items underneath Dx
Okay I used this code, and it helped some things but not all.
Now it scrolls out properly, but the wishlist overflow-y isn't working.
Like you can see all the items sticking out from under the about. It just continues..
And also, when you hover over the about me, it shows all the items underneath Dx
Q u Q ;; You have a lot of different codes going on for your About panel
(And some of them are contradicting each other ... might want to clean things up)
As far as why it's like that though -- you have it so that the background color is transparent and then changes to white upon hovering. Just set to to white all of the time.
Okay I used this code, and it helped some things but not all.
Now it scrolls out properly, but the wishlist overflow-y isn't working.
Like you can see all the items sticking out from under the about. It just continues..
And also, when you hover over the about me, it shows all the items underneath Dx
Q u Q ;; You have a lot of different codes going on for your About panel
(And some of them are contradicting each other ... might want to clean things up)
As far as why it's like that though -- you have it so that the background color is transparent and then changes to white upon hovering. Just set to to white all of the time.
Okay, I fixed the about, but now when you scroll for the wishlist, the header doesnt move with it gonk
Oh, you wanted the header to scroll? o3o
Just use "position: absolute" instead of "position: fixed" for the h2 then, and change the top/left values in order for it to line up.
You might want to add padding to either the left or right side of the panel as well.
Okay, I fixed the about, but now when you scroll for the wishlist, the header doesnt move with it gonk
Oh, you wanted the header to scroll? o3o
Just use "position: absolute" instead of "position: fixed" for the h2 then, and change the top/left values in order for it to line up.
You might want to add padding to either the left or right side of the panel as well.
▧▧▧▧▧▧▧
No what I mean is,
the wishlist panel itself will scroll out when hovering over the wishlist header.
But the wishlist header is just staying there.
Like I want it to stay attached to the panel, and move out with it. xD
No what I mean is,
the wishlist panel itself will scroll out when hovering over the wishlist header.
But the wishlist header is just staying there.
Like I want it to stay attached to the panel, and move out with it. xD
I am sorry that I am a pain :ccc
Like I said, use absolute positioning.
If the header is positioned relatively or absolutely, then it will still be affected by movements/transformations the parent (entire panel) undergoes.
Meanwhile, if the header uses fixed positioning, it will not be affected by changes made to the parent.
100
100
100
