Hallo.
Es ist ein leeres "Eigenes Modul". Ich habe es nun veröffentlicht.
Ich habe nun position: fixed hinzugefügt und das hat das erste Problem bereits gelöst. Es "fliegt mit" und liegt im Vordergrund über (fast) allen anderen Elementen.
Das Modul soll nun vom linken Bildschirmrand ausgeklappt werden können, wenn ich es (oder ein Symbol/Bild) anklicke. Dazu habe ich das Modul mit margin-left nach links außerhalb des sichtbaren Bereiches verschoben, sodass es nur noch zu einem kleinen Teil sichtbar ist. Mit einem Klick auf das Modul oder einem Symbol soll es nun auf margin-left: 0; gesetzt und damit wieder sichtbar wird.
Folgenden Code habe ich nutzen wollen.
In der HTML:
<div id="flyout" style="text-align: left;">
<div style="text-align: left;"> </div>
Alles anzeigen
Eigentlich sollten drei Striche entstehen, die das ausklappen des Moduls ermöglichen sollen, wenn man darauf klickt. Dieses werden allerdings gar nicht erst angezeigt. Schöner fände ich sowieso ein Schriftzug oder ein Bild, das die"toggle-btn"-Klasse besitzt. Wie stelle ich das an?
Danke weiterhin für eure Hilfe!
Problem solved. Der Editor hat meinen Code stellenweise entfernt. Mit dem Plugin Sourcerer konnte ich meinen Javascript Code einbauen.
Kann geschlossen werden!