| Welcome to Zathyus Networks Resources. We hope you enjoy your visit. You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free. Join our community! If you're already a member please log in to your account to access all of our features: |
| Tabs BBCode; created tabbed content in posts | |
|---|---|
| Topic Started: May 2 2011, 07:18 PM (1,744 Views) | |
| Quozzo | May 2 2011, 07:18 PM Post #1 |
![]()
Only in death does duty end
|
Create tabbed content in posts using BBCode Preview Place this code Below the Board
Using The BBCode Use the [tabs] BBCode to start the tabs and end it with the [/tabs] ending tag. In the [tabs] BBCode, use the [tab] BBCode to give the tabs some content and a header, like so: [tab=tab1]This is some content for tab1[/tab] So all together with two tabs it would look like this. [tabs][tab=tab1]This is tab1 content[/tab][tab=tab2]this is tab2 content[/tab][/tabs] Its also possible to determine the width of the tabs table by putting the width in the [tabs] BBCode like so: [tabs=50%] or [tabs=750px] To style what the active tab looks like you can change the class "activetab" style in the code above, or put it in each of your themes CSS to change the "activetab" style for each theme. Edited by Quozzo, May 3 2011, 07:26 AM.
|
|
Each line in the list must have a comma at the end, except the last. Your unique, just like everyone else | |
![]() |
|
| TwistedMonkey | May 2 2011, 07:19 PM Post #2 |
Theme attemptist!
|
GREAT code, I may well use it sometime! |
![]() |
|
| paradise.engineering | May 2 2011, 07:31 PM Post #3 |
|
Lowpoly Workshop Founder
|
cool idea! but there is no button for it?
Edited by paradise.engineering, May 2 2011, 07:53 PM.
|
![]() |
|
| OraclePT | May 3 2011, 06:53 AM Post #4 |
|
Face in the Crowd
|
Works great Quozzo. However, this clashes with Xero's progress code. http://resources.zetaboards.com/single/?p=8272978&t=5115578 When I include [progress=xx%], it breaks the other tabs. Is there a way to work around this? |
![]() ![]() | |
![]() |
|
| Quozzo | May 3 2011, 07:05 AM Post #5 |
![]()
Only in death does duty end
|
Try it now in the OP. |
|
Each line in the list must have a comma at the end, except the last. Your unique, just like everyone else | |
![]() |
|
| OraclePT | May 3 2011, 07:23 AM Post #6 |
|
Face in the Crowd
|
Works great now, thank you a lot Quozzo.
|
![]() ![]() | |
![]() |
|
| Merus | May 4 2011, 02:54 AM Post #7 |
First Steps
|
Really nice work, Quozzo! |
![]() |
|
| Makaze | May 22 2011, 12:17 PM Post #8 |
|
Discordian
|
I love the code, but could you tell me how to do this with HTML as well? I want it to function and look the same as the in post tabs. I don't see an obvious way to make use of this on a WebPage...
Edited by Makaze, May 22 2011, 12:23 PM.
|
![]() |
|
| Quozzo | Jun 2 2011, 07:00 AM Post #9 |
![]()
Only in death does duty end
|
I made a small tut here on how to create clickable tabs. |
|
Each line in the list must have a comma at the end, except the last. Your unique, just like everyone else | |
![]() |
|
| Bad Bieber | Jul 19 2011, 09:10 AM Post #10 |
|
Sir Epic
|
Great code! Works wonderfully!
Edited by Bad Bieber, Jul 19 2011, 09:13 AM.
|
![]() | |
![]() |
|
| DissReq | Jan 24 2012, 04:34 AM Post #11 |
|
Gallery Gazer
|
I'm not sure if it's conflicting with other code I have, but it's just not showing up in previews! Anything that could fix that? Board in question: http://s1.zetaboards.com/ShadowsideRPG/ Had to shave a line or two being so close to the character limit. |
![]() |
|
| Ithens | Jan 24 2012, 12:06 PM Post #12 |
Community Activist
|
Handy...and neat great code....Exept for 1 thing....It won't work....Here, I'll post all codes in my "Below The Board " section so u can check it out....Spoiler: click to toggle
Edited by Ithens, Jan 24 2012, 12:24 PM.
|
![]() |
|
| Quozzo | Feb 6 2012, 12:59 PM Post #13 |
![]()
Only in death does duty end
|
@Ithens: Can i have the link to your board please? |
|
Each line in the list must have a comma at the end, except the last. Your unique, just like everyone else | |
![]() |
|
| Ithens | Feb 9 2012, 11:02 PM Post #14 |
Community Activist
|
http://w11.zetaboards.com/Fire_of_Nildale/index/ Here ya go http://w11.zetaboards.com/Fire_of_Nildale/index/ Here ya go
Edited by Ithens, Feb 9 2012, 11:05 PM.
|
![]() |
|
| Quozzo | Feb 10 2012, 09:51 AM Post #15 |
![]()
Only in death does duty end
|
It doesn't look like you have it on your board. |
|
Each line in the list must have a comma at the end, except the last. Your unique, just like everyone else | |
![]() |
|
| Ithens | Feb 10 2012, 10:52 AM Post #16 |
Community Activist
|
I deleted it cause it won't work... Check now ....Sorry... |
![]() |
|
| 1 user reading this topic (1 Guest and 0 Anonymous) | |
| « Previous Topic · Codes & Modifications · Next Topic » |
| Track Topic · E-mail Topic |
4:17 AM May 18
|













great code....Exept for 1 thing....It won't work....Here, I'll post all codes in my "Below The Board " section so u can check it out....
Check now ....
4:17 AM May 18
Find us on