The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Does Forumotion support tab tags?

4 posters

Go down

Does Forumotion support tab tags? Empty Does Forumotion support tab tags?

Post by Zaith Tue 10 Feb 2015, 22:05

Hi, I've been looking around for forum hosting. I cannot find this topic anywhere. A search for "tabs" returns nothing about my question.

Does forumotion support the [tabs][tab][/tab][/tabs] tags? If not, is there a way to make it so (with scripts or something else)?

Thank you for reading.
avatar
Zaith
New Member

Posts : 2
Reputation : 2
Language : English

Back to top Go down

Does Forumotion support tab tags? Empty Re: Does Forumotion support tab tags?

Post by _Twisted_Mods_ Tue 10 Feb 2015, 22:26

i dont think its supported here seeing as you typed the code and nothing happen .. so can you provide a screen shot or an example of what this code is suppose to do?
_Twisted_Mods_
_Twisted_Mods_
Helper
Helper

Male Posts : 2083
Reputation : 336
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Does Forumotion support tab tags? Empty Re: Does Forumotion support tab tags?

Post by TheCrow Tue 10 Feb 2015, 22:27

Ηello,

It's the first time i've heard of these tabs. What are those and what do they do?


Does Forumotion support tab tags? Thecro10
Forum of the Forums

Forumotion Rules | Tips & Tricks |
FAQ | Did you forget your password?



*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
TheCrow
TheCrow
Manager
Manager

Male Posts : 6916
Reputation : 795
Language : Greek, English

https://www.inforumgr.com

Back to top Go down

Does Forumotion support tab tags? Empty Re: Does Forumotion support tab tags?

Post by Zaith Wed 11 Feb 2015, 01:51

Here is a screenshot from another bbcode forum. It's code is kind of like a table and very simple. It's just a way of organizing text and other elements. The below image example would be:

[tabs]
[tab=Description]Text not shown[/tab]
[tab=Culture]Humans tend to be more self-interested that other...[/tab]
[tab=Relations]Text not shown[/tab]
[tab=Human Clans]Text not shown[/tab]
[/tabs]

Edit: Thanks for taking a look Smile


Does Forumotion support tab tags? Tab_ex11
avatar
Zaith
New Member

Posts : 2
Reputation : 2
Language : English

Back to top Go down

Does Forumotion support tab tags? Empty Re: Does Forumotion support tab tags?

Post by TheCrow Wed 11 Feb 2015, 01:58

Hello,

Interesting code. This is not supported on Forumotion indeed. I don't know because this code gives me worries. For example if i want to add a new row split in half i would use the "td" tags and will be fine. How would i do that with the tab tags?

Luffy


Does Forumotion support tab tags? Thecro10
Forum of the Forums

Forumotion Rules | Tips & Tricks |
FAQ | Did you forget your password?



*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
TheCrow
TheCrow
Manager
Manager

Male Posts : 6916
Reputation : 795
Language : Greek, English

https://www.inforumgr.com

Back to top Go down

Does Forumotion support tab tags? Empty Re: Does Forumotion support tab tags?

Post by _Twisted_Mods_ Wed 11 Feb 2015, 07:02

i have this figured out already jus abt watch a movie then ill finish it up and post it for u
_Twisted_Mods_
_Twisted_Mods_
Helper
Helper

Male Posts : 2083
Reputation : 336
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Does Forumotion support tab tags? Empty Re: Does Forumotion support tab tags?

Post by SLGray Wed 11 Feb 2015, 09:51

It exactly looks like HTML, notBBBCode.

The [tab] is used to indent 5 spaces.  An example would be the indention of the first sentence of a paragraph.

[Tab]This is how it would appear in the text editor.  Notice there is no closing tab.  I got this information from a Google search.


Does Forumotion support tab tags? Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51522
Reputation : 3523
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Does Forumotion support tab tags? Empty Re: Does Forumotion support tab tags?

Post by _Twisted_Mods_ Wed 11 Feb 2015, 11:38

alright this what i came up with


acp>display>colors>css

add the code below and save

Code:

/*------------lc tabbed system---------*/
.tabs input[type=radio] {position: absolute;left: -9999px;}

.tabs li{float: left;color:transparent;}

.tabs label {display: block;padding: 3px 10px;border-radius: 10px 10px 0 0;border:1px solid black;
color: #000;font-size: 12px;font-weight: bold;background: rgba(255,255,255,0.5);cursor: pointer;
position: relative;top: 0px;-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.tabs label:hover {background: rgba(255,255,255,0.7);top: 0;}
     
[id^=tab]:checked + label {background: #08C;color: #000;top: 0;}
     
[id^=tab]:checked ~ [id^=tab-content] {display: block;}

.tabs {padding: 0px;width: 100%;display: block;float: none;height: 300px;list-style: outside none none;position: relative;}

.tab-content {animation-duration: 0.5s;position: absolute;z-index: 999;display: none;
text-align: left;overflow: auto;background: none repeat scroll 0% 0% rgba(255,255,255,0.5);
padding: 15px;color: #000;left: 0px;width: 90% !important;height:auto;box-sizing: border-box;}
/*----------end of tabbed system--------------*/


then goto

acp>modules>javascrpt>
make sure javascript managment is turned on if not turn it on and save

then create a new script

title:dont matter
placment: in topics

copy and paste code below and save

Code:

$(function(){
$('.postbody .content').each(function(){
      var oldhtml = "";
  oldhtml = $(this).html();
  oldhtml=oldhtml.replace(/\[tabs\]/g,'<ul class="tabs">').replace(/\[\/tabs\]/ig,'</ul>').replace(/\[tab=(.*?)\](.*?)\[\/tab\]/ig,'<li><input type="radio" name="tabs"><label for="tab1">$1</label><div id="tab-content1" class="tab-content animated fadeIn">$2</div></li>');   
  oldhtml=oldhtml.replace(/<\/li><br><li>/ig,'</li><li>');
   $(this).html(oldhtml);
   $(this).find('.tabs label').each(function(index){
      $(this).attr('for','tab'+index);
   });
      $(this).find('.tabs div').each(function(index){
      $(this).attr('id','tab-content'+index);
   });
            $(this).find('.tabs input').each(function(index){
               if(index==0){$(this).attr('checked','checked');}
      $(this).attr('id','tab'+index);
   });
});
});
_Twisted_Mods_
_Twisted_Mods_
Helper
Helper

Male Posts : 2083
Reputation : 336
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Back to top

- Similar topics

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