Vorlage:Kontextmenü: Unterschied zwischen den Versionen

Aus Dokumentation
Wechseln zu:Navigation, Suche
 
(31 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<onlyinclude>
+
<html>
<div class="container">
 
 
<div class="row">
 
<div class="row">
<html>
+
<div class="col col-4">
<div class="col col-4 form-group">
 
 
<div class="card d-flex align-items-stretch">
 
<div class="card d-flex align-items-stretch">
 
<div class="card-header" style ="color: white; background-color: #b50d7c; text-align: center">
 
<div class="card-header" style ="color: white; background-color: #b50d7c; text-align: center">
<a data-toggle="collapse" href="#collapse-example" style ="color: white; background-color: #b50d7c; text-align: center" aria-expanded="true" aria-controls="collapse-example" id="heading-example" class="d-block">
+
<a data-toggle="collapse" href="#collapse-example" style ="color: white; background-color: #b50d7c; text-align: center" aria-expanded="true" aria-controls="collapse-example" id="heading-example" class="d-block"><i class="fa fa-chevron-down pull-right"></i></html><b>{{{Titel}}}</b><html></a>
            <i class="fa fa-chevron-down pull-right"></i><b>Kontextmenü</b></a>
 
 
</div>
 
</div>
 +
<div id="collapse-example" class="collapse" aria-labelledby="heading-example">
 
<div class="card-body">
 
<div class="card-body">
 
   <ul class="nav flex-column nav-pills" role=" nav-stacked">
 
   <ul class="nav flex-column nav-pills" role=" nav-stacked">
 
     <li class="nav-item">
 
     <li class="nav-item">
       <a class="nav-link active" data-toggle="tab" href="#Tab1"></html>{{{Funktion1}}}<html></a>
+
       <a class="nav-link" data-toggle="tab" href="#Tab1"></html>{{{Funktion1}}}<html></a>
 
     </li>
 
     </li>
 
     <li class="nav-item">
 
     <li class="nav-item">
Zeile 24: Zeile 22:
 
     </li>
 
     </li>
 
   </ul>
 
   </ul>
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
Zeile 29: Zeile 28:
  
 
<div class="col-8">
 
<div class="col-8">
 +
<div id="collapse-example" class="collapse" aria-labelledby="heading-example">
 
<div class="card" style="border: 5px solid #b50d7c">
 
<div class="card" style="border: 5px solid #b50d7c">
 
<div class="card-body">
 
<div class="card-body">
 
   <div class="tab-content">
 
   <div class="tab-content">
 
     <div id="Tab1" class="container tab-pane active"><br></html>
 
     <div id="Tab1" class="container tab-pane active"><br></html>
<h3>{{{Funktion1}}}</h3>
 
 
       <p>{{{Erläuterung1}}}</p><html>
 
       <p>{{{Erläuterung1}}}</p><html>
 
     </div>
 
     </div>
 
     <div id="Tab2" class="container tab-pane fade"><br></html>
 
     <div id="Tab2" class="container tab-pane fade"><br></html>
      <h3>{{{Funktion2}}}</h3>
 
 
       <p>{{{Erläuterung2}}}</p><html>
 
       <p>{{{Erläuterung2}}}</p><html>
 
     </div>
 
     </div>
 
     <div id="Tab3" class="container tab-pane fade"><br></html>
 
     <div id="Tab3" class="container tab-pane fade"><br></html>
 
+
       <p>{{{Erläuterung3}}}</p><html>
       {{{Erläuterung3}}}<html>
 
 
     </div>
 
     </div>
     <div id="Tab4" class="container tab-pane fade"><br>
+
     <div id="Tab4" class="container tab-pane fade"><br></html>
      <h3>Löschen</h3>
+
       <p>{{{Erläuterung4}}}</p><html>
       <p>wegwewe.</p>
 
 
     </div>
 
     </div>
  </div></div> 
 
 
</div>
 
</div>
</div></div>
+
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 
 
</html>
 
</html>
 
 
 
Beispieltabelle
 
<code>
 
{{Vorlage:Kontextmenü
 
|Funktion1=Ich
 
|Erläuterung1=sein, wer du bist|Funktion2=Test
 
|Erläuterung2=jiwehwoieiwoejgwfsfe
 
|Funktion3=Neueneu}}
 
</code>
 

Aktuelle Version vom 23. September 2020, 10:28 Uhr


{{{Erläuterung1}}}


{{{Erläuterung2}}}


{{{Erläuterung3}}}


{{{Erläuterung4}}}