The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

BBCode for multi-tab

View previous topic View next topic Go down

In progress BBCode for multi-tab

Post by Enalahs89 on October 5th 2015, 10:22 am

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!


Last edited by Enalahs89 on October 12th 2015, 3:03 am; edited 1 time in total

Enalahs89
Forumember

Female Posts : 54
Reputation : 5
Language : English
Location : In your dreams

http://astariel.userboard.net

Back to top Go down

In progress Re: BBCode for multi-tab

Post by Enalahs89 on October 8th 2015, 12:43 pm

Daily bump

Enalahs89
Forumember

Female Posts : 54
Reputation : 5
Language : English
Location : In your dreams

http://astariel.userboard.net

Back to top Go down

In progress Re: BBCode for multi-tab

Post by Zed is Not Dead on October 8th 2015, 3:31 pm

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.

Zed is Not Dead
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

In progress Re: BBCode for multi-tab

Post by Enalahs89 on October 8th 2015, 3:42 pm

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.

Enalahs89
Forumember

Female Posts : 54
Reputation : 5
Language : English
Location : In your dreams

http://astariel.userboard.net

Back to top Go down

In progress Re: BBCode for multi-tab

Post by Zed is Not Dead on October 8th 2015, 4:01 pm

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












Zed is Not Dead
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

In progress Re: BBCode for multi-tab

Post by Enalahs89 on October 8th 2015, 4:08 pm

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)

Enalahs89
Forumember

Female Posts : 54
Reputation : 5
Language : English
Location : In your dreams

http://astariel.userboard.net

Back to top Go down

In progress Re: BBCode for multi-tab

Post by Zed is Not Dead on October 8th 2015, 4:12 pm

not a problem Smile I like helping out

Zed is Not Dead
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

In progress Re: BBCode for multi-tab

Post by Enalahs89 on October 8th 2015, 4:15 pm

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

Enalahs89
Forumember

Female Posts : 54
Reputation : 5
Language : English
Location : In your dreams

http://astariel.userboard.net

Back to top Go down

In progress Re: BBCode for multi-tab

Post by Enalahs89 on October 10th 2015, 8:36 am

Bump

Enalahs89
Forumember

Female Posts : 54
Reputation : 5
Language : English
Location : In your dreams

http://astariel.userboard.net

Back to top Go down

In progress Re: BBCode for multi-tab

Post by Enalahs89 on October 12th 2015, 3:01 am

Bump

Enalahs89
Forumember

Female Posts : 54
Reputation : 5
Language : English
Location : In your dreams

http://astariel.userboard.net

Back to top Go down

In progress Re: BBCode for multi-tab

Post by Enalahs89 on October 21st 2015, 3:04 am

Bump

Enalahs89
Forumember

Female Posts : 54
Reputation : 5
Language : English
Location : In your dreams

http://astariel.userboard.net

Back to top Go down

In progress Re: BBCode for multi-tab

Post by Enalahs89 on October 23rd 2015, 7:43 am

Bump

Enalahs89
Forumember

Female Posts : 54
Reputation : 5
Language : English
Location : In your dreams

http://astariel.userboard.net

Back to top Go down

In progress Re: BBCode for multi-tab

Post by Enalahs89 on October 25th 2015, 10:34 pm

Bump

Enalahs89
Forumember

Female Posts : 54
Reputation : 5
Language : English
Location : In your dreams

http://astariel.userboard.net

Back to top Go down

In progress Re: BBCode for multi-tab

Post by Enalahs89 on November 3rd 2015, 1:10 am

Bump

Enalahs89
Forumember

Female Posts : 54
Reputation : 5
Language : English
Location : In your dreams

http://astariel.userboard.net

Back to top Go down

In progress Re: BBCode for multi-tab

Post by Ange Tuteur on November 3rd 2015, 11:12 am

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 : http://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
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: BBCode for multi-tab

Post by Enalahs89 on November 4th 2015, 4:24 am

@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 : http://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.

Enalahs89
Forumember

Female Posts : 54
Reputation : 5
Language : English
Location : In your dreams

http://astariel.userboard.net

Back to top Go down

In progress Re: BBCode for multi-tab

Post by Enalahs89 on November 9th 2015, 7:04 am

Bump

Enalahs89
Forumember

Female Posts : 54
Reputation : 5
Language : English
Location : In your dreams

http://astariel.userboard.net

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum