Aufklappen mit und ohne Hintergrund

Aufklappen mit Hintergrund

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

<details><summary class="aufklappen">Aufklappen mit Hintergrund</summary>
<p>Lorem ipsum dolor sit amet, <strong>consetetur sadipscing</strong> elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p></details>

Aufklappen ohne Hintergrund

🎥	Don’t Look Up
📺	Suits 4
📺	Suits 3

<details><summary class="aufklappen">Aufklappen ohne Hintergrund</summary>
<table><tr><td style="width:10%;"><span class="emoji">🎥</span></td><td style="width:90%;">Don’t Look Up</td></tr>
<tr><td><span class="emoji">📺</span></td><td>Suits <span class="staffel" title="4. Staffel">4</span></td></tr>
<tr><td><span class="emoji">📺</span></td><td>Suits <span class="staffel" title="3. Staffel">3</span></td></tr>
</table></details>

Fancybox

und

<a class="fancybox" href="/bild.png" title="Bildunterschrift" rel="gname">Klick mich</a>

Bilder mit Slide verbunden

<a id="fancybox-1" class="fancybox" href="/wp-content/uploads/pok9.png" title="Bildunterschrift" rel="gname">Bild 1</a> und <a id="fancybox-1" class="fancybox" href="/wp-content/uploads/dqtreasures.png" title="Bildunterschrift 2" rel="gname">Bild 2</a>

Spoiler

Überschrift

Text fett geschrieben
Hier ist die Spielwiese der Kommentare! Hier ist die Spielwiese der Kommentare! Hier ist die Spielwiese der Kommentare!Hier ist die Spielwiese der Kommentare!

Spoiler öffnen

<div id="fancyboxID-1" class="fancybox-hidden hentry" style="width:700px;max-width:100%;"><p><div class="spoilu">Überschrift</div><b>Text fett geschrieben</b><br>Hier ist die Spielwiese der Kommentare! Hier ist die Spielwiese der Kommentare! Hier ist die Spielwiese der Kommentare!Hier ist die Spielwiese der Kommentare!</p></div>

<a href="#fancyboxID-1" class="button fancybox-inline">Spoiler öffnen</a>

Inhaltsverzeichnis

<ul class="inhalt">
  <li class="inhalt"><a href="#anker1">📍 Einleitung</a></li>
  <li class="inhalt"><a href="#">📍 Hauptteil</a></li>
  <li class="inhalt"><a href="#">📍 Ende</a></li>
  <li class="inhalt"><a href="#">📍 Epilog</a></li>
</ul>
<h3 id="anker1">Einleitung</h3>

Tooltip

Als neuer WordPress-Benutzer solltest du dein Dashboard aufrufen, um diese Seite zu löschen und neue Seiten und Beiträge für deine Website erstellen. Viel Spaß! ?Erlaubt es dem Träger, einen eigentlich tödlichen Angriff mit 1 LP zu überleben.

<span class="tooltipi"><span class="gtabelle">?</span><span class="tooltipitext">Erlaubt es dem Träger, einen eigentlich tödlichen Angriff mit 1 LP zu überleben.</span></span>

Gefällt mir

ツ Gefällt mir!

<table style="border-collapse: collapse; border-radius: 5px; overflow: hidden;"><tr>
<td title="Einfach auf das Herz klicken" style="cursor: help; width:70%; border: 1px solid #181818; background-color:#181818;"><center><span class="count-box-text" title="Einfach auf das Herz klicken"> <font color="#177E89">ツ</font> Gefällt mir!</span></center></td>
<td title="Einfach auf das Herz klicken" style="cursor: help; width:30%; border: 1px solid #181818; background-color:#181818; padding-right: 40px;">					
	</td>
</tr></table>

ASCII-Zeichen

➜ Texteingabe
✘ Texteingabe
✔ Texteingabe
☀ Texteingabe

<span class="iks"><font color="#177E89">&#10140;</font></span> Texteingabe
<span class="iks"><font color="#D34E24">&#10008;</font></span> Texteingabe
<span class="iks"><font color="#00A896">&#10004;</font></span> Texteingabe
<span class="iks"><font color="#F6AE2D">&#9728;</font></span> Texteingabe

Tabelle

	2024
🎮	Dragon Quest Monsters ?Erlaubt es dem Träger, einen eigentlich tödlichen Angriff mit 1 LP zu überleben.
💻	Teenage Mutant Ninja Turtles
🎎	Shredder’s Revenge
🍿	Teenage Mutant Ninja Turtles

<table><tr>
<th style="width:10%;"></th>
<th style="width:90%;"><strong>2024</strong></th>
</tr>
<tr>
<td class="emoji" title="Nintendo Switch"><center>🎮</center></td>
<td>Dragon Quest Monsters <span class="tooltipitab"><span class="gtabelle">?</span><span class="tooltipitabtext">Erlaubt es dem Träger, einen eigentlich tödlichen Angriff mit 1 LP zu überleben.</span></span></td>
</tr>
<tr>
<td class="emoji"><center>💻</center></td>
<td><a href="">Teenage Mutant Ninja Turtles</a></td>
</tr>
<tr><td class="emoji"><center>🎎</center></td>
<td><a href="">Shredder’s Revenge</a></td>
</tr>
<tr>
<td class="emoji" title="Kino"><center>🍿</center></td>
<td><a href="">Teenage Mutant Ninja Turtles</a></td>
</tr></table>

Tabelle mit Kasten-Info

Kopf 1	Kopf 2	Kopf 3
Z1 S1 40	Z1 S2	Z1 S3
Z2 S1	Z2 S2	Z2 S3

<table>
<tr>
<th>Kopf 1</th>
<th>Kopf 2</th>
<th>Kopf 3</th>
</tr>
<tr>
<td>Z1 S1 <span class="kasten">40</span></td>
<td>Z1 S2</td>
<td>Z1 S3</td>
</tr>
<tr>
<td>Z2 S1</td>
<td>Z2 S2</td>
<td>Z2 S3</td>
</tr>
</table>

Headline h1

Dies ist eine Beispiel-Seite. Sie unterscheidet sich von Beiträgen, da sie stets an derselben Stelle bleibt und (bei den meisten Themes) in der Website-Navigation angezeigt wird.

<h1>Headline h1</h1>
Dies ist eine Beispiel-Seite...