Seitennavi 1

Hier blenden wir einen zusätzlichen Menü-Button ein.
Dieser öffnet eine zusätzliche Navigationsleiste in der ihr verlinken könnt was ihr wollt.
Natürlich könnt ihr wie gewohnt im Code alle Farben und Positionen ändern.

CSS-Code

Diesen Code per Einstellungen > CSS einfügen und anpassen.

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

#main {
    position: fixed;
    z-index: 1;
    top: 70px;
    right: -10px;
    padding: 5px 18px 5px 8px;
    font-size:14px;
    color:#fff;
    background-color:#333;
    border-radius: 5px 0 0 5px;
    text-transform: uppercase;
    cursor:pointer;
    transition: 0.2s;
}
#main:hover {
    right: 0px; 
}

@media (max-width: 890px) {
#main {writing-mode: vertical-rl; right: 7px; padding: 5px 18px 5px 4px;}
#main:hover { right: 12px;}
}

@media screen and (max-height: 650px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
</style>

markieren & kopieren

Quelltext

Diesen Code per Widget > Quelltext einfügen und anpassen.

markieren & kopieren

code

× Startseite Hover Text CSS Fenster Menü Mehr Layout Vorlagen
Support Facebook

☰ Menü

Seitennavi 1

CSS-Code

Quelltext

code

NEUE BEITRÄGE