Update 2.0 - Dark Mode

  • Neues Design in Dark Mode in Navy Blau mit leichten Farbverlauf.

    Ziel war es weg von Desktop Großen Bannern, und klassischem Layout Design.

    Warenkorb wurde angepasst und viel mit Schatten gearbeitet.

    Viel Spass beim ansehen, für Meinungen bin ich wie immer offen ;)

    gymwave.de

    Gruß Markus

  • Hallo Markus, auch schön so dunkel...

    wie hast du denn nur den Cookie Consent so schick bekommen... hab auch eine schwarze Seite, da würde ich das auch gern so schick gestalten ....

    Ich nutze den Zeta Producer 16.8.7 Premium - :evil: :thumbup:
    Ich meine es auch nicht böse :P

  • Habe mit leicht durchsichtigen Hintergrund gearbeitet und einen backdrop-filter: (3px) drübergelegt so zb:

    <style>

    #consent.dark {

    color: #96939e!important;

    background-color: rgba(13, 13, 20, 0.85);

    }

    #consent.backdrop {

    -webkit-backdrop-filter: blur(3px)!important;

    backdrop-filter: blur(3px)!important;

    }

    #consent button {

    padding: 12px 25px;

    background-color: transparent;

    border: 2px solid;

    font-size: 0.8em;

    letter-spacing: 0.1em;

    width: 100%;

    text-transform: uppercase;

    margin: 10px!important;

    background-color: transparent!important;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    }

    #consent button:hover {

    border: 2px solid rgba(150, 147, 158, 0.1);

    background-color: rgba(150, 147, 158, 0.2)!important;

    box-shadow: none;

    }

    </style>

    Musst aber den Dunklen Consent Banner auswählen - Probiers mal aus

  • Oh das ging ja schnell, probier ich gleich! DANKE vorab!

    Ich nutze den Zeta Producer 16.8.7 Premium - :evil: :thumbup:
    Ich meine es auch nicht böse :P

  • In hell geht es auch, da musst Du statt #consent.dark nur #consent eingeben alles andere ist gleich musst mal im Quelltext reinschauen, wie es da genau heißt aber es ist eigentlich egal welche Vorlage du verwendest, du kannst ja deine Farbe immer anpassen.

    Welche Seite wäre es zb. ? dann schau ich mal

  • Noch was gib statt das hier

    #consent.dark {

    color: #96939e!important;

    background-color: rgba(13, 13, 20, 0.85);

    }

    das ein

    #consent.dark {

    color: #96939e!important;

    background-color: rgba(0, 0, 0, 0.85);

    }

    dann ist der Hintergrund schwarz

  • noch eine Frage, wie bekomme ich den Text weiss oder so wie den Text auf der Seite.......

    na dann GUTE NACHT!

    Ich nutze den Zeta Producer 16.8.7 Premium - :evil: :thumbup:
    Ich meine es auch nicht böse :P

  • Schau mal

    #consent p,

    #consent h3 {

    color: fff;

    }

    oder

    #consent p,

    #consent h3 {

    color: #CBBE6C;

    }

  • Du habe noch ein Fehler bei mir entdeckt und zwar bei

    #consent button {

    padding: 12px 25px;

    background-color: transparent;

    border: 2px solid;

    font-size: 0.8em;

    letter-spacing: 0.1em;

    width: 100%;

    text-transform: uppercase;

    margin: 10px!important;

    background-color: transparent!important;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    }

    das muss heißen margin-top:

    Also bitte ausbessern, mach ich auch gleich :)

    Sehr gerne, wenn noch Fragen sind einfach schreiben oder anrufen

    Gute Nacht Gruß Markus

  • Hallo Markus....noch eine Frage... kannst du mir noch sagen wie ich den kompletten cookie consent zb. wie hier in dunkel hinbekomme, ich finde nicht den Begriff dafür... und wenn man Informationen anzeigen anklickt ebenso..

    Ich nutze den Zeta Producer 16.8.7 Premium - :evil: :thumbup:
    Ich meine es auch nicht böse :P

  • Hallo nemessis also

    #consent.dark div.cat,

    #consent.dark div.cat div {

    background-color: transparent;

    }

    oder eine Farbe eingeben.

    Gruß Markus


  • na super - DANKE genau so !!!!

    Gute Nacht und schöne Adventstage wünsche ich dir!

    Ich nutze den Zeta Producer 16.8.7 Premium - :evil: :thumbup:
    Ich meine es auch nicht böse :P

  • Hallo Markus...hoffe es nervt nicht... aber wie stelle ich die Linkfarben ein würde ich gern noch wissen.. das Blau - Informationen anzeigen - passt nicht überall...

    Ich nutze den Zeta Producer 16.8.7 Premium - :evil: :thumbup:
    Ich meine es auch nicht böse :P

  • Hallo nemessis nein alles gut, helfe ja gerne ;)

    also

    #consent.dark a,

    #consent.dark a:not(.button):not(.close) {

    color: #CBBE6C;

    }

    Gruß Markus


Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!