Hallo reifendepot!
nein habe ich nicht! Ist irgend wo aus dem Internet.
Ich gebe Dir mal den Code. Die Anpassungen sind dann aber nur noch Kleinigkeiten.
In den Bereich "mobile_script" der jeweiligen Seite :
Code
<style>
.menu-spin p {
position: fixed;
left: -140px;
top: 453px;
width: 11em;
margin: 0 0 0 0;
z-index: 5;
background: rgba(239,248,251, 0.7);
color: black;
font-weight: bold;
font-size: large;
text-align: left;
border: solid rgba(255,85,0, 0.9);
border-right: none;
padding: 0.5em 0.5em 0.5em 2.5em;
box-shadow: 0 1px 3px black;
border-radius: 0.5em 3em 3em 0.5em;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.menu-spin p:hover {
-webkit-transform: translateX(150px);
-moz-transform: translateX(150px);
-o-transform: translateX(150px);
-ms-transform: translateX(150px);
transform: translateX(150px);
}
</style>
Alles anzeigen
Und in einem "Widget Quelltext" der jeweiligen Seite:
Code
<div class="menu-spin">
<p>
<span style="color:#FD4C18">UNTERMENÜ</span><br />
<a href="http://www.loeffler-werkzeuge.de/maschinenpark.html">Maschinenpark</a><br />
<a href="http://www.loeffler-werkzeuge.de/instandhaltung.html">Instandhaltung</a><br />
</p>
</div>
(Natürlich immer ohne Nummerierung)
Viel Spaß beim umbauen! Falls Fragen aufkommen einfach nochmal melden!
Viele Grüße!