CSS - Navigation mit :target auf und zumachen

Zumachen Aufmachen

<style>

/* Navigation mit :target auf und zumachen */

nav {
 
displaynone;
}

#On:target ~ a ~ nav {
 
displayblock;
}

#Off:target ~ nav {
 
display:  none;
}
</
style>

 <
a href="#Off" id="On" class="Off">Zumachen</a
<
a href="#On" id="Off" class="On">Aufmachen</a

<
nav>
   <
li><a>Link 1</a></li>
   <
li><a>Link 2</a></li>
   <
li><a>Link 3</a></li>
</
nav>

Bausteine

Eine zufällige Auswahl von „Bausteinen” (Snippets) aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Container mit Eselsohren

PHP - Farbbalken mit Farbänderung je nach Prozent

JavaScript - Die Textauswahl in Zwischenablage kopieren

MySQL - Datensätze sortieren nach Länge der Zeichen