Welcome to Gaia! ::

Reply CSS/Graphic/Profile help/resources (With tutorials, FAQs and general tips and hints)
Custom Sections and Scrollbars

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

chocolat dreams

PostPosted: Wed Nov 15, 2006 2:31 pm


When I added a scrollbar to my about me section, the custom sections disappeared. Is there a way that I can have my custom sections visible and still keep my scrollbar?
PostPosted: Thu Nov 16, 2006 7:23 am


Haha, I'm no help, but how the hell do I make custom sections?!?!
Yes, I checked the other threads, but I really need help with that...

Nakoko


Ava R.
Crew

3,500 Points
  • Gaian 50
  • Treasure Hunter 100
  • Hygienic 200
PostPosted: Thu Nov 16, 2006 6:26 pm


The only section that can scroll is your last custom section. So, instead of this:


This is my about information. Tada!

[list=1]This is a custom section. Ooo...magic!

[list=1]This is a second custom section. Wow!
[/list]

[/list]


Where you make #about scroll, you'd do this:


[list=1]This is my first custom section. (1st)

[list=1]This is my second custom section. (2nd, mmhm)

[list=1]This is the section where all my about info goes. (3rd custom section)
[/list]

[/list]
[/list]


Where #about doesn't scroll, but #about ol ol ol does.

You'd move the first two custom sections into place and then move the about section where you want it.
PostPosted: Fri Nov 17, 2006 7:21 am


...I triiiieeed it.
So why does my About section just start scrolling and the sections I want start moving around IN the about section.

Nakoko


Ava R.
Crew

3,500 Points
  • Gaian 50
  • Treasure Hunter 100
  • Hygienic 200
PostPosted: Fri Nov 17, 2006 6:18 pm


You probably have your CSS mixed up (which I probably should have given an example of in my last post).

In conjunction with the codes in my last post, the original CSS would have looked like this:


    #about { height: __px; overflow: auto; [other codes...] }
    #about ol {position: absolute; top: __px; left: __px; [other codes...] }
    #about ol ol {position: absolute; top: __px; left: __px; [other codes...] }


With the new codes it would look like this:


    #about {[other codes, but no height and overflow] }
    #about ol {position: absolute; top: __px; left: __px; [other codes...] }
    #about ol ol {position: absolute; top: __px; left: __px; [other codes...] }
    #about ol ol ol {position: absolute; top: __px; left: __px; height: __px; overflow: auto; [other codes...] }


Did you do the second? If not, then you'll need to edit the CSS. If it is, could you link me to where you're using the codes and I'll take a look and see if I can figure out what's going on.
PostPosted: Fri Nov 17, 2006 9:52 pm


Woot!
It works!
Arigato Gozaimasu!
<3

Nakoko


chocolat dreams

PostPosted: Mon Nov 27, 2006 5:03 pm


What about having scrollbars on both the about me section and the custom sections?
PostPosted: Mon Nov 27, 2006 8:47 pm


Forever_Sakura
What about having scrollbars on both the about me section and the custom sections?


It's not possible working it only from the About Me section. However, you could do it with the journal title section- the area you customize yourself. It's exactly the same process, except all of your BBCode goes into your journal header. You then use this line to move it:


    #journal ol {position: absolute; top: __px; left: __px; }


If you did that, then you could have the About Me scroll as well as the journal custom section.

Ava R.
Crew

3,500 Points
  • Gaian 50
  • Treasure Hunter 100
  • Hygienic 200
Reply
CSS/Graphic/Profile help/resources (With tutorials, FAQs and general tips and hints)

 
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games
Mini-Games
Play with GCash
Play with Platinum