[GUIDE] Hidden Scrollbars

[3 P I C F A 1 L]

How can you scroll a wishlist for V2?

And thanks for the guide. =D

[Delicate Desires]

Thanks for the guide! It worked great.
biggrin

[Syrah Mu]

bumpity bump bump ... love this guide ... lost count of how many people I've sent here heart

[Swan Princess Ahiru]

Ok Im having issues with my comment's section


I dont want the avitar's displayed, so I did the display none,

I want it on the left hand side of my profile, and a pink scroll bar for that section on the left hand side, but the thing is,

the links are throwing the whole thing off, and the space where the commentor's avis are still there. A little help please?

[Skalavera]

Quote:

LIST OF SELECTORS AND THEIR COUNTERPARTS ON V2/CURRENT
#id_comments --- #id_comments dl
#id_about --- #id_about ol or #id_about ul
#id_friends --- #id_friends .style1
#id_journal --- #entries
#id_custom_#### --- #id_custom_#### ol or #id_custom_#### ul

Are these the only selectors that can have hidden scrollbars? I'm wanting to do it with my interests and recent visitors panel~

[KayleyV2]

Skalavera

Quote:

LIST OF SELECTORS AND THEIR COUNTERPARTS ON V2/CURRENT
#id_comments --- #id_comments dl
#id_about --- #id_about ol or #id_about ul
#id_friends --- #id_friends .style1
#id_journal --- #entries
#id_custom_#### --- #id_custom_#### ol or #id_custom_#### ul

Are these the only selectors that can have hidden scrollbars? I'm wanting to do it with my interests and recent visitors panel~

They are the ones that can have hidden scrollbars that are not obtrusive. All panels can have hidden scrollbars, but if there is not a subordinating section the scrollbar will extend for the whole page. With my method, the scroll is limited to the size of the section. If you do not use a subordinating section, then the scroll is endless on the right; when you try to scroll down on any area of the page that has the same horizontal coordinates of that scroll, then it scrolls the section instead of the page.

It can be a nuisance when that happens, but it's mostly if you employ multiple of these "limitless" scrollbars. I would suggest not doing it since the recent visitors and interests are not usually long sections, but if you have to do it then you would just use a normal scrollbar code and add a padding-right: 5000px; to the selector's property list.

[Skalavera]

Kayley FC

Skalavera

Quote:

LIST OF SELECTORS AND THEIR COUNTERPARTS ON V2/CURRENT
#id_comments --- #id_comments dl
#id_about --- #id_about ol or #id_about ul
#id_friends --- #id_friends .style1
#id_journal --- #entries
#id_custom_#### --- #id_custom_#### ol or #id_custom_#### ul

Are these the only selectors that can have hidden scrollbars? I'm wanting to do it with my interests and recent visitors panel~

They are the ones that can have hidden scrollbars that are not obtrusive. All panels can have hidden scrollbars, but if there is not a subordinating section the scrollbar will extend for the whole page. With my method, the scroll is limited to the size of the section. If you do not use a subordinating section, then the scroll is endless on the right; when you try to scroll down on any area of the page that has the same horizontal coordinates of that scroll, then it scrolls the section instead of the page.

It can be a nuisance when that happens, but it's mostly if you employ multiple of these "limitless" scrollbars. I would suggest not doing it since the recent visitors and interests are not usually long sections, but if you have to do it then you would just use a normal scrollbar code and add a padding-right: 5000px; to the selector's property list.

Ah.. I understand now. Thanks Kayley, you're still the best~ =]

[Rose-McLane]

Rose Says...

I put in the scroll bars and everything was fine but now I have them hidden and I cant edit the Title headers of the sections with scroll bars. What did I do wrong?

[KayleyV2]

Rose-McLane

Rose Says...

I put in the scroll bars and everything was fine but now I have them hidden and I cant edit the Title headers of the sections with scroll bars. What did I do wrong?

You can fix that with the comments by using my method instead of the method you are currently using (my method is what this guide explains, so check the first post).

However, you cannot achieve the same effect with the wishlist section. The headers should still be fine to edit though.

[- O i n t m e n t s -]

i don't get it. ; - ;
whats the #about ul?

[KayleyV2]

- O i n t m e n t s -

i don't get it. ; - ;
whats the #about ul?

#about ul works the same as #about ol. You just use [list] instead of [list=1].

[- O i n t m e n t s -]

thank yu Kayley! <3

[KayleyV2]

- O i n t m e n t s -

Kayley, can yu halp me check my codes? Dx
cuz whenever i use

#about ol{overflow: auto; overflow-x: hidden; overflow-y: hidden; height: 80px;}

it alwayys come out like; cut off and cant me scrolled. . . ; - ;
my #about ol code is fer my Links section. Dx

-long code-

The overflow-y: hidden; is what is causing it not to scroll.

My method of hidden scrolls involve having a bigger section contain a smaller section, then pushing the smaller section's scrollbar behind the bigger section so that it can't be seen. To do this, I disable all overflows on the bigger section, but enable the y overflow on the smaller section.

The problem with your code is that you have only the bigger section coded, and since the scrollbar isn't enabled it wouldn't scroll.

If you are applying it to a custom section, you could do something similar to this:

[list=1][list]Links section here[/list][/list]


And the coding:
#about ol{overflow: auto; overflow-x: hidden; overflow-y: hidden; height: ##px;}
#about ol ul{overflow-y: auto; padding-right: 500px; height: ##px; width: ##px;}

[- O i n t m e n t s -]

LOL. xDD
thank yu fer yo halp! o3o
it worked! :D
gracias a-ton! xDD