Area51 @ 4seven.de

Mod Base and Testarea
It is currently 23 Feb 2025, 19:37

View unanswered posts | View active topics


Board index » phpBB BB St@ff

All times are UTC + 1 hour




Post new topic TOPIC_LOCKED  Page 1 of 1
  [ 3 posts ] 
  Print view Previous topic | Next topic 
Author Message
Sekuro
PostPosted: 30 Jan 2012, 19:40 
Offline
Tiptop
Tiptop
User avatar

Joined: 11 Feb 2008, 11:49
Posts: 241
Tabmenue BBCode

Credit: 4seven / 2009

Demo: http://4seven.bplaced.net/forum/2/viewt ... 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
Top
 Profile  
 
Sekuro
PostPosted: 30 Jan 2012, 19:41 
Offline
Tiptop
Tiptop
User avatar

Joined: 11 Feb 2008, 11:49
Posts: 241
Anleitung

- Als erstes müssen 9 BBCodes erstellt werden

1. BBCode wrote:
BBCode-Benutzung

Code:
[tabmenue][/tabmenue]


HTML-Ersetzung:

Code:
 


Beim Verfassen eines Beitrags anzeigen:

Code:
Ja


Text für Tipp-Anzeige:

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


2. BBCode wrote:
BBCode-Benutzung

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


HTML-Ersetzung:

Code:
<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:
Nein


Text für Tipp-Anzeige:

Code:
Leer



3. BBCode wrote:
BBCode-Benutzung

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


HTML-Ersetzung:

Code:
<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:
Nein


Text für Tipp-Anzeige:

Code:
Leer


4. BBCode wrote:
BBCode-Benutzung

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


HTML-Ersetzung:

Code:
<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:
Nein


Text für Tipp-Anzeige:

Code:
Leer


5. BBCode wrote:
BBCode-Benutzung

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


HTML-Ersetzung:

Code:
<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:
Nein


Text für Tipp-Anzeige:

Code:
Leer


6. BBCode wrote:
BBCode-Benutzung

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


HTML-Ersetzung:

Code:
<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:
Nein


Text für Tipp-Anzeige:

Code:
Leer


7. BBCode wrote:
BBCode-Benutzung

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


HTML-Ersetzung:

Code:
<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:
Nein


Text für Tipp-Anzeige:

Code:
Leer


8. BBCode wrote:
BBCode-Benutzung

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


HTML-Ersetzung:

Code:
<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:
Nein


Text für Tipp-Anzeige:

Code:
Leer


9. BBCode wrote:
BBCode-Benutzung

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


HTML-Ersetzung:

Code:
<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:
Nein


Text für Tipp-Anzeige:

Code:
Leer


- Dann 2 Datei-Edits

Quote:
Öffne

Code:
styles/prosilver/template/overall_header.html


Finde

Code:
<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:
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/tabmenu.js"></script>
<link href="{T_THEME_PATH}/tabmenu.css" rel="stylesheet" type="text/css" />


Quote:
Öffne

Code:
styles/subsilver2/template/overall_header.html


Finde

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


Dahinter füge ein

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


Quote:
Öffne

Code:
styles/prosilver/template/editor.js

Code:
styles/subsilver2/template/editor.js


Finde

Code:
insert_text(bbopen + bbclose);


Ersetze mit

Code:
   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, ..

Attachment:
tabmenue.zip [8.38 KiB]
Downloaded 701 times

. .. entpacken und in euer Forum laden

- Alle Board- und Browsercaches leeren

_________________
Mod-Bot / Service-Team
Top
 Profile  
 
Sekuro
PostPosted: 30 May 2017, 20:15 
Offline
Tiptop
Tiptop
User avatar

Joined: 11 Feb 2008, 11:49
Posts: 241
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
Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic TOPIC_LOCKED  Page 1 of 1
  [ 3 posts ] 

Board index » phpBB BB St@ff

All times are UTC + 1 hour


Who is online

Users browsing this forum: No registered users and 0 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
Powered by phpBB® Forum Software © phpBB Group
[ Time : 0.014s | 23 Queries | GZIP : Off ]