BBCode for multi-tab

Technical Details

Forum version : #phpBB2
Position : Founder
Concerned browser(s) : Mozilla Firefox
Screenshot of problem : http://prntscr.com/8nwlsy
Who the problem concerns : Yourself
Forum link : http://astariel.userboard.net

Description of problem

So, is there any way to use something like the screenshot? Like multi tab thing in posts that is. I know some sites have it but I'm not sure if it would work on these forums and if it would, what the bbcode would be.

Any help is really appreciated!

Daily bump

multi tab on just post in general? if so I created a character creation template you can use for a multi tab, it's html so you will have to have it enabled. if you mean like a character sheet then you can just enable a character sheet, this is kind of vague as to what you would want.

Well, the one you created would be a big help as well for my information pages, but what I'm talking about is like code that a person can put in their posts on the forums. Normally it's in bbcode.

Ah yeah @ange tuteur might be able to help with that as for the template I made here ya go!

Code:

<link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One|Cuprum|Montserrat' rel='stylesheet' type='text/css'>
<center><div class="crookun"></div><div class="crookup"></div><div class="shinam"><span style="color: #Place your color here {HEX CODE};">

Name Here

</span></div><div class="NAMEHEREgippu"><img src="Your 100x100Gif Image here or JPG"></div>
<div class="NAMEHERE1"><div class="NAMEHERE2"><div class="NAMEHERE3"><table><tr><td></div> <div class="NAMEHEREout"></div></td><td></div></td></tr></table></div> <div class="shiba"><div class="NAMEHEREtabs"><div class="NAMEHEREtab"><input type="radio" id="NAMEHEREtab-1" name="NAMEHEREtab-group-1" checked><label for="NAMEHEREtab-1">Information Title here</label><div class="NAMEHEREcontent">
<img src="Your 340x270 image here">
</div></div><div class="NAMEHEREtab"><input type="radio" id="NAMEHEREtab-2" name="NAMEHEREtab-group-1"><label for="NAMEHEREtab-2">G.I. </label><div class="NAMEHEREcontent"><div style="width: 310px; height: 240px; text-align:justify; overflow: auto; padding: 5px; margin-top: 10px; font-size: 11px; font-family: helvetica; color: #303030;" class="scrom">

Put the information here

</div></div></div><div class="NAMEHEREtab"><input type="radio" id="NAMEHEREtab-3" name="NAMEHEREtab-group-1"><label for="NAMEHEREtab-3">Tab 3 name here</label><div class="NAMEHEREcontent"><div style="width: 310px; height: 240px; text-align:justify; overflow: auto; padding: 5px; margin-top: 10px; font-size: 11px; font-family: helvetica; color: #303030;" class="scrom">
<blockquote>

<span style="color: #8e0000;">+</span>

Information here
<br><br>

</blockquote></div></div></div><div class="NAMEHEREtab"><input type="radio" id="NAMEHEREtab-4" name="NAMEHEREtab-group-1"><label for="NAMEHEREtab-4">Tab 4 title here</label><div class="NAMEHEREcontent"><div style="width: 310px; height: 240px; text-align:justify; overflow: auto; padding: 5px; margin-top: 10px; font-size: 11px; font-family: helvetica; color: #303030;" class="scrom">
information here

</blockquote></div></div></div><div class="NAMEHEREtab"><input type="radio" id="NAMEHEREtab-5" name="NAMEHEREtab-group-1"><label for="NAMEHEREtab-5">Tab 5 title here</label><div class="NAMEHEREcontent"><div style="width: 310px; height: 240px; text-align:justify; overflow: auto; padding: 5px; margin-top: 10px; font-size: 11px; font-family: helvetica; color: #303030;" class="scrom">
information here

</div></div></div></div></div></div></div>
<div class="buttshi">Coded by Zed is Not Dead</div>


<style>img {border-radius:0px;} .scrom::-webkit-scrollbar {background-color: #f9f9f9; width: 7px; border: 3px solid #f9f9f9;}.scrom::-webkit-scrollbar-thumb:vertical {background-color: #494949; height: 3px; }.crookup {width:0px;height:100px;border-top: 30px solid transparent;border-right: 340px solid #fff; margin-bottom: -83px; margin-right: -40px;}.crookun {width:0px;height:100px;border-top: 30px solid transparent;border-right: 342px solid #d2d2d2; margin-bottom: -129px; margin-right: -40px;}.buttshi {border-right: 1px solid #d2d2d2;border-left: 1px solid #d2d2d2;border-bottom: 3px solid #494949;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;width: 320px;font-family: Montserrat;background: #fff;color: #494949;margin-right: -40px;padding: 10px;text-transform: uppercase;font-size: 9px;}.shiba {border: 1px solid #d2d2d2;background-color: #fff;width: 340px;height: 270px;margin-right: -40px;}.shinam {font-family: Cuprum;font-weight: 900;margin-bottom: -60px;font-size: 25px;width: 200px;color: #494949;text-align: center;letter-spacing: -1px;word-spacing: 5px;border-bottom: 1px solid #d2d2d2;margin-right: 60px;}.NAMEHEREgippu {height: 100px;width: 100px;border-radius: 200px;overflow: hidden;border: 1px solid #d2d2d2;margin-right: -260px;}.NAMEHEREtabs {position: relative;  width: 300px;height:  200px;}.NAMEHEREtab {float: left;}.NAMEHEREtab label {background: transparent;color: #d1cec4; padding: 5px;right: 5px;margin-right: 10px;font-family: Pathway Gothic One; text-align: center; word-spacing: 3px; text-transform: uppercase; font-size: 13px;position: relative;top: -45px;}.NAMEHEREtab [type=radio] {display: none;  }.NAMEHEREcontent { position: absolute;top: 0px;height: 270px;width: 340px; background: #fff;margin-left: -20px;left: 0;right: 0;bottom: 0;-webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); -webkit-transition-duration: .8s;  -moz-transition-duration: .8s;  -o-transition-duration: .8s;}[type=radio]:checked ~ label {background: transparent;z-index: 2;color: #494949;}[type=radio]:checked ~ label ~ .NAMEHEREcontent {z-index: 1;-webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }</style>

if you did it right it should look like this

Did a short test of it and it seems to work just fine. I'll do a more in depth test of it later. C: Thanks Zed.

Hopefully Ange will see this or someone else will. The post tabs would be really helpful as my site is a roleplay site and would make organizing their profiles easier (as I'm not fond of the character sheet feature)

not a problem I like helping out

You did C: It'll help keep quite of bit of my site organized.

Now if I can figure out the forum post code xD

Bump

Bump

Bump

Bump

Bump

Bump

Hi @Enalahs89,

Sorry for the late reply. I don't have any particular codes that I can think of, however, I remember one of our former staffs posted something awhile back. You can find the topic here : https://help.forumotion.com/t138915-does-forumotion-support-tab-tags

If it's not what you're looking for, let me know and I'll see if I can come up with anything.

Ange Tuteur wrote:Hi @Enalahs89,

Sorry for the late reply. I don't have any particular codes that I can think of, however, I remember one of our former staffs posted something awhile back. You can find the topic here : https://help.forumotion.com/t138915-does-forumotion-support-tab-tags

If it's not what you're looking for, let me know and I'll see if I can come up with anything.

Tried that just now and either it's not working or I can't figure out what his code is suppose to do or how to use it once I've implemented it on my site.

Bump