5202

ein Blog über technische Fragen zu Blogger

Test einer CSS-Dropdown-Menüleiste für Blogger

von



Ich möchte ein reines CSS-Dropdown-Menü, d.h. ohne Javascript oder jQuery für die Blogger-Layouts zum laufen bringen. Obiges Menü ist zum testen & rumbasteln gedacht. Die CSS für den Dropdown-Effekt stammt vom Altmeister Stu Nicholls , die Inspiration, so was auf Blogger auszuprobieren, ist von Greenlava. Danke an beiden. Die Anpassung an das Awesome-Layout ist von mir, mitsamt allen Fehlern :=). Falls jemand die CSS ausprobieren will, bekommt er die bei Greenlava, unbedingt das Copyright von Stu Nicholls beachten und seine Links intakt lassen!

HTML:
<div id="menu">
<ul class="level1">
<li class="level1-li"><a class="level1-a" href="#">EBENE1</a></li>
<li class="level1-li"><a class="level1-a fly" href="#">EBENE1</a>
<ul class="level2">
<li><a href="#">EBENE2</a></li>
<li><a href="#">EBENE2</a></li>
<li><a href="#">EBENE2</a></li>
<li><a href="#">EBENE2</a></li>
</ul>
</li>
<li class="level1-li"><a class="level1-a" href="#">EBENE1</a></li>
<li class="level1-li"><a class="level1-a fly" href="h#">EBENE14</a>
<ul class="level2">
<li><a href="#">EBENE2</a></li>
<li><a href="#">EBENE2</a></li>
<li><a href="#">EBENE2</a></li>
<li><a href="#">EBENE2</a></li>
</ul>
</li>
<li class="level1-li"><a class="level1-a" href="#">EBENE1</a></li>
</ul>
</div>