Welcome to Gaia! ::

Did the "visual aid" help you?

Yes. 0.85948026948989 85.9% [ 1786 ]
No. 0.14051973051011 14.1% [ 292 ]
Total Votes:[ 2078 ]
<< < 1 2 ... 58 59 60 61 62 63 64 65 ... 69 70 71 > >>
cerealseri's avatar
  • 100
  • 200
  • 200
wealthy franchise
heart

hi, are you aware that you're profile is ridiculously awesome? (:
Glorious Winnie
Bump heart

Please don't bump unless this has fallen off the front page which it hadn't when you posted.
i'm having a lot of issues with custom sections and scrolling and positioning and everything right now.

basically, i want the about me section to have a hidden scrollbar, and the custom section to just... be there. (though it would be nice if someone could explain to me how to add a hidden scroll to custom sections too :>)

i've been fiddling around with it for a while, i tried to use ol and ul for the custom section, but something always seems to go wrong.

i also read up on Freaxy's Guide to Custom Sections, and i think i followed most of what it said, and the positioning would always mess up and i'd have to start over.

i'm just... really frustrated right now, and my codes are all different, and i'd just like it if someone would explain to me how i can have an about section with a hidden scrollbar, a normal, non-scrolling custom section, and how to position the rest of the sections.

please and thanks? D:
idk if this is even right, but like hidden scrollbar guide said that in order to do about hidden scroll bar you must do it on about + about ol, but if you put your about context as the first ol, everything else gets stuck in there, so i just made it the last one...

so in your about me it'd be like
[list=1] normal non scrolling custom section
[list=1] about me
[/list][/list]


and in the theme code it'd be like ...

#about { hidden scrollbar code }
#about ol { changing custom section, position blah blah }
and #about ol ol {hidden scrollbar code and position}

positioning all that was a hassle, idk how exactly it works but i got the hang of it, you have to position it relative to the section before it. idk how to explain iiiit.

you guys can correct me if i'm wrong. D:
Freaxy's guide covers more of what you're looking for, but I'll answer it here.
From what you know from the guide, you know that "ol" is ordered list and "ul" is unordered list.

If you just had one (not hidden) scrollable section, the code would look like this:

#about {margin-top: #px; margin-left: #px; overflow: hidden; overflow-y: auto;}

#about ol {position: absolute; left: #px; top: #px; height: #px; width: #px; overflow: hidden; overflow-y: auto;}

Your about will look like this:

Regular about here.
[list=1]custom section[/list]

To create a hidden scrollbar, we can use unordered list, so it's less confusing.
So to create a hidden scrollbar for the regular about, the code will be #about ul and the custom section's scrollbar code would be #about ol ul. Put it all together:

#about {margin-top: #px; margin-left: #px; overflow: auto; overflow-x: hidden; overflow-y: hidden; height: #px;}
#about ul {overflow-y: auto; padding-right: 500px; height: #px; width: #px;}

#about ol {position: absolute; left: #px; top: #px; height: #px; width: #px; overflow: auto; overflow-x: hidden; overflow-y: hidden;}
#about ol ul {overflow-y: auto; padding-right: 500px; height: #px; width: #px;}

So then the about would look like this:

[list]Regular about here[/list]
[list=1][list]custom section[/list][/list]

Remember the hidden scrollbar's height and width needs to be smaller than the regular section.


Hope this made sense.

Quick Reply

Submit
Manage Your Items
Other Stuff
Get Items
Get Gaia Cash
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff