freaxy's guide to CUSTOM SECTIONS [small CSS3 update]

Was this helpful?

Yes!	40.0%	[ 380 ]
o.O what?!	26.4%	[ 251 ]
ooh, poll!	33.6%	[ 320 ]
Total Votes:			[ 951 ]

[freaxy]

pirate

[freaxy]

ninja

[freaxy]

pirate

[Knight Yoshi]

AquaGurl14

Ah, just curious, but I was wondering whether is it possible to have more than 1 custom section with invisible scrollbars?

Yes, here's the quickest way, easiest, most stably structured way. Make multiple unordered lists, ul outside of each other, instead of making them as a child or descendant, of another unordered/ordered list as Freaky has posted in her guide. Also the way she has it structure, it works yes, but that's messy, and as a web developers point of view, I can say horrible HTML structure...

Such as this

[list] unordered list 1 [/list]
[list] unordered list 2 [/list]
[list] unordered list 3 [/list]

Inside of each unorder list, apply a single ordered list or ol.

So it'll appear as this

[list] unordered list 1
[list=1] ordered list [/list][/list]
[list] unordered list 2
[list=1] ordered list [/list][/list]
[list] unordered list 3
[list=1] ordered list [/list][/list]

Target each unordered list, ul, with the nth-child(N) psuedo element. Replace N with the ul order number.
E.g. #about ul:nth-child(1) { declatation block } will target the first unordered list.

Then target the ordered list inside the unordered list, and apply the properties you want to it.
E.g. #about ul:nth-child(1) ol { declaration block }
Just apply the background color/image to the ordered list and line it up over the unordered list's scroll bar.

That will target the first unordered list's, ordered list . This will also allow you to have a scroll bar for all three of the ul elements.
^ Wow, confusing sentence, but yes.

Also if you check out the link in my signature, it's all about CSS. Any questions, I can assist you. So don't hesitate to ask. cool

freaxy

@Freaky~ I'm sorry, that was child's play. I did that in a few seconds, at 4:30am in my head... neutral Which is also more how your guide should be structured...

[freaxy]

Knight Yoshi

@Freaky~ I'm sorry, that was child's play. I did that in a few seconds, at 4:30am in my head... neutral Which is also more how your guide should be structured...

yeah, I know I need to update it. I implemented this guide before css3 was even out. I'll be toying around a little with the custom sections coding and updating it once I've finished.

[freaxy]

ninja

Just a reminder, I have made some updates to the coding provided for custom sections. It should be less confusing now with the css3 content.

[freaxy]

pirate

[freaxy]

ninja

[Merushi Chan]

doesn't work for me at all..

[freaxy]

Merushi Chan

doesn't work for me at all..

your profile is set to private

[Merushi Chan]

freaxy

Yes, yes it is.
I found a code that works for me, thanks anyways.

[freaxy]

pirate

[acesuv]

dances

[freaxy]

ninja