Ankündigung

Einklappen
Keine Ankündigung bisher.

Letzte Beiträge

Einklappen

Button "Seite anpassen" als CSS-Symbol

Einklappen
X
Einklappen
Momentan aktive Benutzer in diesem Thema: 1 (0 Benutzer und 1 Gäste)
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    Button "Seite anpassen" als CSS-Symbol

    Der Schalter zum einschalten der Seiten-Konfiguration wird mit dem Text "Seite bearbeiten:" dargestellt.
    Möchte man diesen Text als Symbol darstellen, kann dies mit einem einfachen CSS im Template css_additional.css getan werden:


    Beispiel:
    Klicke auf die Grafik für eine vergrößerte Ansicht  Name: Bildschirmfoto 2017-10-08 um 13.40.17.png Ansichten: 1 Größe: 6,2 KB ID: 89

    HTML-Code:
    .switch-container label {    
    content: '';    
    text-indent: 100%;    
    white-space: nowrap;    
    margin-left: 3px;    
    margin-top: 3px;    
    width: 10px;    
    height: 10px;    
    border-radius: 50%;    
    background-color: #aaa;    
    transform-origin: center 10.5px;    
    transform: rotate(-45deg);
    }
    .switch-container label:after,.switch-container label:before{    
    content: '';    
    position: absolute;    
    display: block;
    }
    .switch-container label:before{    
    width: 2px;    
    height: 5px;    
    background-color: white;    
    left: 4px;    
    border-radius: 0 0 1px 1px;    
    box-shadow: 0 15px 0px 1px #aaa, 0 11px 0px 1px #aaa, 0 8px 0px 1px #aaa;
    }
    .switch-container label:after {    
    border-radius: 0 0 1px 1px;    
    background-color: #aaa;    
    border-left: solid 1px transparent;    
    border-right: solid 1px transparent;    
    border-top: solid 1px white;    
    border-bottom: solid 1px transparent;    
    left: 4px;     top: 4px;
    }
    It`s nice to be important but it`s more important to be nice!

    #2
    funktioniert ab 5.5.0 nicht mehr.... oder liegt es bei mir an was anderem?

    Kommentar


      Themenstarter
      #3
      Wird an REM liegen. Schaue ich mir mal an
      It`s nice to be important but it`s more important to be nice!

      Kommentar

      Ähnliche Themen

      Einklappen

      Lädt...
      X