[BBCode] Tabmenue BBCode (de)

BBCode Base

[BBCode] Tabmenue BBCode (de)

Postby Sekuro » 30 Jan 2012, 19:40

Tabmenue BBCode

Credit: 4seven / 2009

Demo: http://4seven.bplaced.de/forum/2/viewtopic.php?f=21&t=287#p796

Screen:

Image

[tabmenue3=1168998]TAB 1###TAB 2###TAB 3###INHALT 1###INHALT 2###INHALT 3[/tabmenue3]

Beim klick auf [tabmenue]* erscheint ein Wizzard, der nach der Anzahl der Tabs fragt (2-9 Tabs sind möglich (kann erweitert werden)).

Der Rest ist selbsterklärend. Trenner ist immer ### . Die generierte und nummerierte Beschriftung erleichtert das editieren. Das ist schon alles. Die Generierung und das Einfügen der BBCodes erfolgt automatisch, was die ganze Sache komfortabel macht. Wie immer ist natürlich auch dieses BBCode-Snippet xhtml 1.0 strict.
Mod-Bot / Service-Team
User avatar
Sekuro

Tiptop

Tiptop
 
Posts: 241
Joined: 11 Feb 2008, 11:49
 
Resolution: 1440x900



Re: [BBCode] Tabmenue BBCode

Postby Sekuro » 30 Jan 2012, 19:41

Anleitung

- Als erstes müssen 9 BBCodes erstellt werden

1. BBCode wrote:BBCode-Benutzung

Code: Select all
[tabmenue][/tabmenue]


HTML-Ersetzung:

Code: Select all
 


Beim Verfassen eines Beitrags anzeigen:

Code: Select all
Ja


Text für Tipp-Anzeige:

Code: Select all
Erzeugt ein Tabmenü > Also anklicken ;) (oder ähnlich)


2. BBCode wrote:BBCode-Benutzung

Code: Select all
[tabmenue2={NUMBER}]{TEXT1}###{TEXT2}###{TEXT3}###{TEXT4}[/tabmenue2]


HTML-Ersetzung:

Code: Select all
<div id="dynamicTabMenu-{NUMBER}" class="hidden">
   <div class="tabMenu">
      <ul id="dynamicTabMenu-{NUMBER}-item">
               <li id="dynamicTabMenu-{NUMBER}-item-0"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','0');"> <span>{TEXT1}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-1"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','1');"> <span>{TEXT2}</span></a></li>
            </ul>
   </div>
   <div class="subTabMenu">
      <div class="containerHead"><div> </div></div>
   </div>
   <div id="dynamicTabMenu-{NUMBER}-content">
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-0">
         <div class="container-1">
{TEXT3}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-1">
         <div class="container-1">
{TEXT4}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<div class="border tabMenuContent" id="dynamicTabMenuNoScript-{NUMBER}">
   <div class="container-1">
         <h3>{TEXT1}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT3}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT2}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT4}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<script type="text/javascript">
   //<![CDATA[
   dynamicTabMenu.init('{NUMBER}');
   //]]>
</script>


Beim Verfassen eines Beitrags anzeigen:

Code: Select all
Nein


Text für Tipp-Anzeige:

Code: Select all
Leer



3. BBCode wrote:BBCode-Benutzung

Code: Select all
[tabmenue3={NUMBER}]{TEXT1}###{TEXT2}###{TEXT3}###{TEXT4}###{TEXT5}###{TEXT6}[/tabmenue3]


HTML-Ersetzung:

Code: Select all
<div id="dynamicTabMenu-{NUMBER}" class="hidden">
   <div class="tabMenu">
      <ul id="dynamicTabMenu-{NUMBER}-item">
               <li id="dynamicTabMenu-{NUMBER}-item-0"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','0');"> <span>{TEXT1}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-1"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','1');"> <span>{TEXT2}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-2"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','2');"> <span>{TEXT3}</span></a></li>
            </ul>
   </div>
   <div class="subTabMenu">
      <div class="containerHead"><div> </div></div>
   </div>
   <div id="dynamicTabMenu-{NUMBER}-content">
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-0">
         <div class="container-1">
{TEXT4}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-1">
         <div class="container-1">
{TEXT5}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-2">
         <div class="container-1">{TEXT6}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<div class="border tabMenuContent" id="dynamicTabMenuNoScript-{NUMBER}">
   <div class="container-1">
         <h3>{TEXT1}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT4}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT2}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT5}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT3}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT6}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<script type="text/javascript">
   //<![CDATA[
   dynamicTabMenu.init('{NUMBER}');
   //]]>
</script>


Beim Verfassen eines Beitrags anzeigen:

Code: Select all
Nein


Text für Tipp-Anzeige:

Code: Select all
Leer


4. BBCode wrote:BBCode-Benutzung

Code: Select all
[tabmenue4={NUMBER}]{TEXT1}###{TEXT2}###{TEXT3}###{TEXT4}###{TEXT5}###{TEXT6}###{TEXT7}###{TEXT8}[/tabmenue4]


HTML-Ersetzung:

Code: Select all
<div id="dynamicTabMenu-{NUMBER}" class="hidden">
   <div class="tabMenu">
      <ul id="dynamicTabMenu-{NUMBER}-item">
               <li id="dynamicTabMenu-{NUMBER}-item-0"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','0');"> <span>{TEXT1}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-1"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','1');"> <span>{TEXT2}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-2"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','2');"> <span>{TEXT3}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-3"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','3');"> <span>{TEXT4}</span></a></li>
            </ul>
   </div>
   <div class="subTabMenu">
      <div class="containerHead"><div> </div></div>
   </div>
   <div id="dynamicTabMenu-{NUMBER}-content">
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-0">
         <div class="container-1">{TEXT5}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-1">
         <div class="container-1">{TEXT6}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-2">
         <div class="container-1">{TEXT7}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-3">
         <div class="container-1">{TEXT8}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<div class="border tabMenuContent" id="dynamicTabMenuNoScript-{NUMBER}">
   <div class="container-1">
         <h3>{TEXT1}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT5}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT2}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT6}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT3}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT7}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT4}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT8}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<script type="text/javascript">
   //<![CDATA[
   dynamicTabMenu.init('{NUMBER}');
   //]]>
</script>


Beim Verfassen eines Beitrags anzeigen:

Code: Select all
Nein


Text für Tipp-Anzeige:

Code: Select all
Leer


5. BBCode wrote:BBCode-Benutzung

Code: Select all
[tabmenue5={NUMBER}]{TEXT1}###{TEXT2}###{TEXT3}###{TEXT4}###{TEXT5}###{TEXT6}###{TEXT7}###{TEXT8}###{TEXT9}###{TEXT10}[/tabmenue5]


HTML-Ersetzung:

Code: Select all
<div id="dynamicTabMenu-{NUMBER}" class="hidden">
   <div class="tabMenu">
      <ul id="dynamicTabMenu-{NUMBER}-item">
               <li id="dynamicTabMenu-{NUMBER}-item-0"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','0');"> <span>{TEXT1}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-1"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','1');"> <span>{TEXT2}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-2"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','2');"> <span>{TEXT3}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-3"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','3');"> <span>{TEXT4}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-4"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','4');"> <span>{TEXT5}</span></a></li>               
            </ul>
   </div>
   <div class="subTabMenu">
      <div class="containerHead"><div> </div></div>
   </div>
   <div id="dynamicTabMenu-{NUMBER}-content">
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-0">
         <div class="container-1">{TEXT6}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-1">
         <div class="container-1">{TEXT7}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-2">
         <div class="container-1">{TEXT8}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-3">
         <div class="container-1">{TEXT9}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-4">
         <div class="container-1">{TEXT10}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<div class="border tabMenuContent" id="dynamicTabMenuNoScript-{NUMBER}">
   <div class="container-1">
         <h3>{TEXT1}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT6}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT2}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT7}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT3}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT8}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT4}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT9}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT5}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT10}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<script type="text/javascript">
   //<![CDATA[
   dynamicTabMenu.init('{NUMBER}');
   //]]>
</script>


Beim Verfassen eines Beitrags anzeigen:

Code: Select all
Nein


Text für Tipp-Anzeige:

Code: Select all
Leer


6. BBCode wrote:BBCode-Benutzung

Code: Select all
[tabmenue6={NUMBER}]{TEXT1}###{TEXT2}###{TEXT3}###{TEXT4}###{TEXT5}###{TEXT6}###{TEXT7}###{TEXT8}###{TEXT9}###{TEXT10}###{TEXT11}###{TEXT12}[/tabmenue6]


HTML-Ersetzung:

Code: Select all
<div id="dynamicTabMenu-{NUMBER}" class="hidden">
   <div class="tabMenu">
      <ul id="dynamicTabMenu-{NUMBER}-item">
               <li id="dynamicTabMenu-{NUMBER}-item-0"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','0');"> <span>{TEXT1}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-1"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','1');"> <span>{TEXT2}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-2"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','2');"> <span>{TEXT3}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-3"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','3');"> <span>{TEXT4}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-4"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','4');"> <span>{TEXT5}</span></a></li>      
               <li id="dynamicTabMenu-{NUMBER}-item-5"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','5');"> <span>{TEXT6}</span></a></li>                     
            </ul>
   </div>
   <div class="subTabMenu">
      <div class="containerHead"><div> </div></div>
   </div>
   <div id="dynamicTabMenu-{NUMBER}-content">
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-0">
         <div class="container-1">{TEXT7}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-1">
         <div class="container-1">{TEXT8}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-2">
         <div class="container-1">{TEXT9}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-3">
         <div class="container-1">{TEXT10}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-4">
         <div class="container-1">{TEXT11}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-5">
         <div class="container-1">{TEXT12}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<div class="border tabMenuContent" id="dynamicTabMenuNoScript-{NUMBER}">
   <div class="container-1">
         <h3>{TEXT1}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT7}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT2}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT8}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT3}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT9}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT4}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT10}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT5}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT11}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT6}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT12}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>      
      </div>
</div>

<script type="text/javascript">
   //<![CDATA[
   dynamicTabMenu.init('{NUMBER}');
   //]]>
</script>


Beim Verfassen eines Beitrags anzeigen:

Code: Select all
Nein


Text für Tipp-Anzeige:

Code: Select all
Leer


7. BBCode wrote:BBCode-Benutzung

Code: Select all
[tabmenue7={NUMBER}]{TEXT1}###{TEXT2}###{TEXT3}###{TEXT4}###{TEXT5}###{TEXT6}###{TEXT7}###{TEXT8}###{TEXT9}###{TEXT10}###{TEXT11}###{TEXT12}###{TEXT13}###{TEXT14}[/tabmenue7]


HTML-Ersetzung:

Code: Select all
<div id="dynamicTabMenu-{NUMBER}" class="hidden">
   <div class="tabMenu">
      <ul id="dynamicTabMenu-{NUMBER}-item">
               <li id="dynamicTabMenu-{NUMBER}-item-0"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','0');"> <span>{TEXT1}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-1"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','1');"> <span>{TEXT2}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-2"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','2');"> <span>{TEXT3}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-3"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','3');"> <span>{TEXT4}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-4"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','4');"> <span>{TEXT5}</span></a></li>      
               <li id="dynamicTabMenu-{NUMBER}-item-5"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','5');"> <span>{TEXT6}</span></a></li>      
               <li id="dynamicTabMenu-{NUMBER}-item-6"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','6');"> <span>{TEXT7}</span></a></li>                     
            </ul>
   </div>
   <div class="subTabMenu">
      <div class="containerHead"><div> </div></div>
   </div>
   <div id="dynamicTabMenu-{NUMBER}-content">
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-0">
         <div class="container-1">{TEXT8}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-1">
         <div class="container-1">{TEXT9}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-2">
         <div class="container-1">{TEXT10}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-3">
         <div class="container-1">{TEXT11}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-4">
         <div class="container-1">{TEXT12}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-5">
         <div class="container-1">{TEXT13}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-6">
         <div class="container-1">{TEXT14}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<div class="border tabMenuContent" id="dynamicTabMenuNoScript-{NUMBER}">
   <div class="container-1">
         <h3>{TEXT1}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT8}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT2}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT9}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT3}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT10}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT4}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT11}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT5}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT12}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT6}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT13}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT7}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT14}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>         
      </div>
</div>

<script type="text/javascript">
   //<![CDATA[
   dynamicTabMenu.init('{NUMBER}');
   //]]>
</script>


Beim Verfassen eines Beitrags anzeigen:

Code: Select all
Nein


Text für Tipp-Anzeige:

Code: Select all
Leer


8. BBCode wrote:BBCode-Benutzung

Code: Select all
[tabmenue8={NUMBER}]{TEXT1}###{TEXT2}###{TEXT3}###{TEXT4}###{TEXT5}###{TEXT6}###{TEXT7}###{TEXT8}###{TEXT9}###{TEXT10}###{TEXT11}###{TEXT12}###{TEXT13}###{TEXT14}###{TEXT15}###{TEXT16}[/tabmenue8]


HTML-Ersetzung:

Code: Select all
<div id="dynamicTabMenu-{NUMBER}" class="hidden">
   <div class="tabMenu">
      <ul id="dynamicTabMenu-{NUMBER}-item">
               <li id="dynamicTabMenu-{NUMBER}-item-0"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','0');"> <span>{TEXT1}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-1"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','1');"> <span>{TEXT2}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-2"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','2');"> <span>{TEXT3}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-3"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','3');"> <span>{TEXT4}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-4"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','4');"> <span>{TEXT5}</span></a></li>      
               <li id="dynamicTabMenu-{NUMBER}-item-5"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','5');"> <span>{TEXT6}</span></a></li>      
               <li id="dynamicTabMenu-{NUMBER}-item-6"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','6');"> <span>{TEXT7}</span></a></li>   
               <li id="dynamicTabMenu-{NUMBER}-item-7"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','7');"> <span>{TEXT8}</span></a></li>               
            </ul>
   </div>
   <div class="subTabMenu">
      <div class="containerHead"><div> </div></div>
   </div>
   <div id="dynamicTabMenu-{NUMBER}-content">
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-0">
         <div class="container-1">{TEXT9}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-1">
         <div class="container-1">{TEXT10}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-2">
         <div class="container-1">{TEXT11}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-3">
         <div class="container-1">{TEXT12}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-4">
         <div class="container-1">{TEXT13}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-5">
         <div class="container-1">{TEXT14}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-6">
         <div class="container-1">{TEXT15}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-7">
         <div class="container-1">{TEXT16}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<div class="border tabMenuContent" id="dynamicTabMenuNoScript-{NUMBER}">
   <div class="container-1">
         <h3>{TEXT1}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT9}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT2}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT10}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT3}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT11}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT4}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT12}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT5}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT13}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT6}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT14}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT7}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT15}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>   
         <h3>{TEXT8}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT16}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>         
      </div>
</div>

<script type="text/javascript">
   //<![CDATA[
   dynamicTabMenu.init('{NUMBER}');
   //]]>
</script>


Beim Verfassen eines Beitrags anzeigen:

Code: Select all
Nein


Text für Tipp-Anzeige:

Code: Select all
Leer


9. BBCode wrote:BBCode-Benutzung

Code: Select all
[tabmenue9={NUMBER}]{TEXT1}###{TEXT2}###{TEXT3}###{TEXT4}###{TEXT5}###{TEXT6}###{TEXT7}###{TEXT8}###{TEXT9}###{TEXT10}###{TEXT11}###{TEXT12}###{TEXT13}###{TEXT14}###{TEXT15}###{TEXT16}###{TEXT17}###{TEXT18}[/tabmenue9]


HTML-Ersetzung:

Code: Select all
<div id="dynamicTabMenu-{NUMBER}" class="hidden">
   <div class="tabMenu">
      <ul id="dynamicTabMenu-{NUMBER}-item">
               <li id="dynamicTabMenu-{NUMBER}-item-0"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','0');"> <span>{TEXT1}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-1"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','1');"> <span>{TEXT2}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-2"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','2');"> <span>{TEXT3}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-3"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','3');"> <span>{TEXT4}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-4"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','4');"> <span>{TEXT5}</span></a></li>      
               <li id="dynamicTabMenu-{NUMBER}-item-5"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','5');"> <span>{TEXT6}</span></a></li>      
               <li id="dynamicTabMenu-{NUMBER}-item-6"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','6');"> <span>{TEXT7}</span></a></li>   
               <li id="dynamicTabMenu-{NUMBER}-item-7"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','7');"> <span>{TEXT8}</span></a></li>   
               <li id="dynamicTabMenu-{NUMBER}-item-8"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','8');"> <span>{TEXT9}</span></a></li>               
            </ul>
   </div>
   <div class="subTabMenu">
      <div class="containerHead"><div> </div></div>
   </div>
   <div id="dynamicTabMenu-{NUMBER}-content">
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-0">
         <div class="container-1">{TEXT10}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-1">
         <div class="container-1">{TEXT11}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-2">
         <div class="container-1">{TEXT12}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-3">
         <div class="container-1">{TEXT13}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-4">
         <div class="container-1">{TEXT14}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-5">
         <div class="container-1">{TEXT15}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-6">
         <div class="container-1">{TEXT16}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-7">
         <div class="container-1">{TEXT17}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-8">
         <div class="container-1">{TEXT18}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<div class="border tabMenuContent" id="dynamicTabMenuNoScript-{NUMBER}">
   <div class="container-1">
         <h3>{TEXT1}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT10}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT2}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT11}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT3}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT12}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT4}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT13}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT5}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT14}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT6}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT15}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT7}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT16}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>   
         <h3>{TEXT8}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT17}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>   
         <h3>{TEXT9}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT18}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>         
      </div>
</div>

<script type="text/javascript">
   //<![CDATA[
   dynamicTabMenu.init('{NUMBER}');
   //]]>
</script>


Beim Verfassen eines Beitrags anzeigen:

Code: Select all
Nein


Text für Tipp-Anzeige:

Code: Select all
Leer


- Dann 2 Datei-Edits

Öffne

Code: Select all
styles/prosilver/template/overall_header.html


Finde

Code: Select all
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>


Dahinter füge ein

Code: Select all
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/tabmenu.js"></script>
<link href="{T_THEME_PATH}/tabmenu.css" rel="stylesheet" type="text/css" />


Öffne

Code: Select all
styles/subsilver2/template/overall_header.html


Finde

Code: Select all
<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />


Dahinter füge ein

Code: Select all
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/tabmenu.js"></script>
<link href="{T_THEME_PATH}/tabmenu.css" rel="stylesheet" type="text/css" />


Öffne

Code: Select all
styles/prosilver/template/editor.js

Code: Select all
styles/subsilver2/template/editor.js


Finde

Code: Select all
insert_text(bbopen + bbclose);


Ersetze mit

Code: Select all
   if (bbopen == '[tabmenue]')    

   {
       var Error = '';
      var TABMENU = prompt(unescape('Wieviele Men%FCpunkte sollen angelegt werden?  (2-9)' , ''));
      if (!TABMENU) {
        Error = "Du hast keine Anzahl eingegeben";
      alert("Fehler: "+Error);
      return;
      }
      if (TABMENU) {
   
      var RAND = Math.floor(Math.random() * 1000000 + 500000);
      
      if (TABMENU < 2){   
         Error = "Du hast eine Anzahl unter 2 eingegeben";
         alert("Fehler: "+Error);
         return;}
        else if (TABMENU == 2){   
         insert_text('[tabmenue2=' + RAND + ']TAB 1###TAB 2###INHALT 1###INHALT 2' + '[/tabmenue2]');}
      else if (TABMENU == 3){
         insert_text('[tabmenue3=' + RAND + ']TAB 1###TAB 2###TAB 3###INHALT 1###INHALT 2###INHALT 3' + '[/tabmenue3]');}
      else if (TABMENU == 4){
         insert_text('[tabmenue4=' + RAND + ']TAB 1###TAB 2###TAB 3###TAB 4###INHALT 1###INHALT 2###INHALT 3###INHALT 4' + '[/tabmenue4]');}
      else if (TABMENU == 5){
         insert_text('[tabmenue5=' + RAND + ']TAB 1###TAB 2###TAB 3###TAB 4###TAB 5###INHALT 1###INHALT 2###INHALT 3###INHALT 4###INHALT 5' + '[/tabmenue5]');}   
      else if (TABMENU == 6){
         insert_text('[tabmenue6=' + RAND + ']TAB 1###TAB 2###TAB 3###TAB 4###TAB 5###TAB 6###INHALT 1###INHALT 2###INHALT 3###INHALT 4###INHALT 5###INHALT 6' + '[/tabmenue6]');}   
      else if (TABMENU == 7){
         insert_text('[tabmenue7=' + RAND + ']TAB 1###TAB 2###TAB 3###TAB 4###TAB 5###TAB 6###TAB 7###INHALT 1###INHALT 2###INHALT 3###INHALT 4###INHALT 5###INHALT 6###INHALT 7' + '[/tabmenue7]');}   
      else if (TABMENU == 8){
         insert_text('[tabmenue8=' + RAND + ']TAB 1###TAB 2###TAB 3###TAB 4###TAB 5###TAB 6###TAB 7###TAB 8###INHALT 1###INHALT 2###INHALT 3###INHALT 4###INHALT 5###INHALT 6###INHALT 7###INHALT 8' + '[/tabmenue8]');}
      else if (TABMENU == 9){
         insert_text('[tabmenue9=' + RAND + ']TAB 1###TAB 2###TAB 3###TAB 4###TAB 5###TAB 6###TAB 7###TAB 8###TAB 9###INHALT 1###INHALT 2###INHALT 3###INHALT 4###INHALT 5###INHALT 6###INHALT 7###INHALT 8###INHALT 9' + '[/tabmenue9]');}
      else if (TABMENU > 9){
         Error = "Du hast eine Anzahl ueber 9 eingegeben";
         alert("Fehler: "+Error);
         return;}
            
      }
      else {   
         
         insert_text(bbopen + bbclose);         
         
      }
   }

      else {
         
         insert_text(bbopen + bbclose);
         
   }


- Zuletzt die Datei tabmenue.zip downloaden, ..

tabmenue.zip
(8.38 KiB) Downloaded 122 times

. .. entpacken und in euer Forum laden

- Alle Board- und Browsercaches leeren
Mod-Bot / Service-Team
User avatar
Sekuro

Tiptop

Tiptop
 
Posts: 241
Joined: 11 Feb 2008, 11:49
 
Resolution: 1440x900



Re: [BBCode] Tabmenue BBCode (de)

Postby Sekuro » 30 May 2017, 20:15

Anleitung für phpbb 3.2.*

Im Grunde dieselbe wie für 3.1.* mit den folgenen Unterschieden:

- Die editor.js befindet sich nun unter root/assets/javascript/editor.js

- Bei einem Child-Themes von prosilver mit overall_header.html müssen die Dateien in der zip dorthin kopiert werden
und ferner auch die dortige overall_header.html Datei editiert werden (statt der Original prosilver overall_header.html)

- Cache leeren (immer noch wichtig)
Mod-Bot / Service-Team
User avatar
Sekuro

Tiptop

Tiptop
 
Posts: 241
Joined: 11 Feb 2008, 11:49
 
Resolution: 1440x900



Return to phpBB BB St@ff

Who is online

Users browsing this forum: No registered users and 1 guest

cron