<style> /* The sidepanel menu */ .sidepanel { height: 794px; /* Specify a height */ width:0; /* 0 width - change this with JavaScript */ position: fixed; /* Stay in place */ z-index: 1; /* Stay on top */ margin-top: 0; left: 0; background-color: #dedede; opacity: 1.0;/* Black*/ overflow-x: hidden; /* Disable horizontal scroll */ padding-top: 60px; /* Place content 60px from the top */ transition: 0.5s; /* 0.5 second transition effect to slide in the sidepanel */ z-index: 999999; }
/* When you mouse over the navigation links, change their color */ .sidepanel a:hover { color: #773031; }
/* Position and style the close button (top right corner) */ .sidepanel .closebtn { position: absolute; top: 0; right: 15px; font-size: 18px; margin-left: 70px; }
/* Style the button that is used to open the sidepanel */ .openbtn { float:left; font-size: 12px; cursor: pointer; background-color: #9c9c9c; color: black; padding: 10px 15px; border: none; margin-bottom:-10px;
Wie es auch passieren kann beeinflussen sich die "eigene CSS-Einträge und Skripte" gegenseitig! So ist es auch hier. Die Class "openbtn" ist auch in "Eigener CSS Code" von der älteren Sidebar zu finden! Das jetzige Skript hast Du in der "Kopfzeile" untergebracht. Deswegen konntest Du auch nicht den Auslöse-Button so ohne weiteres verschieben!
Habe das Skript noch etwas angepasst
Jetzt liegt der Button immer oben, auch wenn sich das Header-Bild in der Kopfzeile ganz nach links verschiebt! Habe es gleich in Beitrag #2, "Sidebar fürs Gaia" eingetragen!
/* Style the button that is used to open the sidepanel */ .openbtn { float:left; position: absolute; z-index:999998; left:0; top:0; ...