Tabs & Scroll Bars (Coding Help)

[Jaye]

So I had two queries about the bb code that I couldn't find answers to.


1. Is it possible to align the tabs? Ie. I'd like to center three tabs, without effecting the alignment of the text within those tabs.


2. Is there any code available to enable a scroll bar - or more for a point, any code available to restrict text hight? Ie. I have 1300px worth of text, but I would like for it to only take up 400px of hight (with a scroll bar to scroll down and see the other 900px of text). Is there any code to do this?

 

[The Creator Prime]

As for question one, I'd like to say yes, but as to my knowledge, I won't be able to. From what I've experienced over the while I've been active here is that the Tabs aren't customizeable beyond the amount, and their names. If you want to customize I'd like to direct you to the Accordion BBCode. It's a new favorite of mine, and most other users (It also does everything you ask, and more. Plus, it's highly, HIGHLY customizable).


The link I sent you is very effective for when someone starts using the site for the first time.


As for question two, I will tell you "yes". There should be a Size changer BBcode for text, the problem is that I don't remember it.

 

[Pine]

I don't think there's any way to align the tabs.


I just messed around with coding and all I managed to do was align the text inside or break the code altogether.


Not all hope is lost, though!


As a similar alternative, you could look into the accordion code we have, and THAT can be aligned.


In general, I've seen people learning to do some pretty fancy stuff with accordions.


As for the scroll bar, no, we don't have any code for that, and I'm afraid I don't know any alternative for that.

 

[Jaye]

Unfortunately, I find the Accordian code too visually clunky for the type of formatting I want it to do. Thank you anyway, though.


Argh, that's a pity. I have recalled - the text hight restrict I used to use (in html) that gave me the scrollbar was as part of the table code. Do the bb table codes not include any hight restrict codes?

 

[Pine]

Yeah, I know what you're talking about.


Admittedly, I'm probably more savvy in HTML than I am BBC, so if someone comes along and disagrees with me, listen to them. xD


I haven't ever tried with tables, but I have a feeling that the text will bleed over before it lets you scroll.


I know we have a height restrict for images, but I haven't ever seen what you're describing with textboxes.


For the most part, though, I think most of our coding just deals with width (like the centerblock code).


EDIT: ACTUALLY, you know what?


I bet you could use the centerblock to center your tabs, or at least simulate centering them.


Figure out how long your tabs extend out (titles and all), then fit that into a centerblock at whatever width.


I still don't know anything about adding scrollbars here, though. :'D

 

[Chordling]

There is no coding for scroll bars.


There are a few ways you can align the tabs. Here is the following code using rows and columns.

[row][column=span1][color=#f4f4f4].[/color][/column][column=span6][tabs][tab=CONTENT 1]Lorem ipsum[/tab][tab=CONTENT 2]Lorem ipsum[/tab][tab=CONTENT 3]Lorem ipsum[/tab][/tabs][/column][column=span1][color=#f4f4f4].[/color][/column][/row][/column]

.

• CONTENT 1
• CONTENT 2
• CONTENT 3

• Lorem ipsum
• Lorem ipsum
• Lorem ipsum

.

This will alter the width of your tabs and ultimately move them more towards the center. The way the tabs appear will not change, however, because there is no way to move them exactly to the center.


Here is the following coding for the centerblock method.

[centerblock=75][tabs][tab=CONTENT 1]Lorem ipsum[/tab][tab=CONTENT 2]Lorem ipsum[/tab][tab=CONTENT 3]Lorem ipsum[/tab][/tabs][/centerblock]

• CONTENT 1
• CONTENT 2
• CONTENT 3

• Lorem ipsum
• Lorem ipsum
• Lorem ipsum

The same principles apply. Good luck with the coding!

 

[Jaye]

Thank you all for your help. The two directly above solutions for a more 'centered' tabs are nice (and they're close to one idea I had for formatting) but ultimately it aligns the entire tab box, not just the tabs themselves.


But thank you all anyway!