Hello and good afternoon!

Does anyone know if I can put my WL, HA, Comment box and Widget section in separate spoiler tags? ._. I'm finally figuring out coding a new more and was able to reference the sCode Interact > Forums > sCode Reference ... but I'm stick with what I'm trying to do. Any help would be greatly appreciated, thank you. Feel free to check out my profile so far! It's a work in progress: [x] [EDIT]Added question, would anyone happen to know how to move the editing box in profiles? My editing box is right behind my profile content and it's troublesome when editing profiles. Example:

[edit]

Your profile looks great so far! You cannot put different profile sections inside of spoiler boxes, however what you're currently doing with the :target selector is working great! Awesome work so far :D

To bring the edit box to the front, try adding this to your profile code (or customCSS, but it may affect other parts of the site due to how Subeta's code is set up)

> center { position: absolute; top: 0; z-index: 9; }

Hope that helps :) Have fun

Hi Bug! Thank you so much for the kind comment and the helpful tip with the coding. I've noticed that when I click on any of the :target selectors that it seems to be making my profile scroll downyard. Is that normal? I figured I had enough space to not have a scroll option when clicking the different options.

~Happy Masquerade everyone! :D

Yes, that is normal if the height of the container is larger than the height of your page. When you click a link to an anchor, the default behavior is for the page to scroll to that element if it can. So, for instance, I can scroll down right now on your page (before clicking any anchors). So when I click a link, it'll scroll me down to that section.

Your profile currently does take up enough vertical space to scroll, at least on my screen (and I have a pretty standard, modern screen resolution.) If you want it to not scroll, I would suggest trying to make the first section smaller cuz that's taking up most of the screen height. Then, check the height of the container element (right now, it seems a bit larger than it needs to be, maybe? not actually sure)

- AHA! I fixed it! I had to play with my column top px. Bwahahahahaha. I think it worked! <3 Hallelujah!

- Would you happen to know about this?

Do you know the different # names that can be altered within the :target selector? I am trying to figure out how to go about putting extra user information the same way as the other "[x] name" sections. ._. Nothing I'm doing is working correctly, gr.

: Try to see if it works for you ^^

Oh wow! That worked! You're a lifesaver, Maskros! Would you happen to know of any other # names? I'm thinking of adding my WL and Shop but I have no idea on the names of them.

[edit] I pinged by mistake I'm so sorry :'(

@ Amor: You can see the name of each section by right clicking on that particular section on your profile, or any other user profile that has that section, and choose Inspect Element. Then on the horizontal bar you'll see a list of element names. The hightlighted element is the content part itself. The one with at the beginning would most likely be the one you'll want to work with, since it contains that section header and the content. I've taken a screenshot here as illustration:

Hope it helps when you need to edit any other parts in the future :D This way you won't have to keep a long list of editable element names :D

Oh wow, how neat! Thank you!
So when it says div id, I would just place a # in front of the names like how the others ones are?

: Yeah, div id goes with # when you want to target that specific div using the :target selector. ^^

Aaah, by golly I think I've got it! Hehehe. This is so much fun learning about how to do this!

Woohoo! :D

: I can relate so well. I'm still learning and have such a great sense of achievement whenever I learn something new :D