Icons in Hamburger-Menü und den anderen Menüs einbauen.

Boersenfeger hat in seinen Css-datei für Hamburger-menü das so eingetragen..

/* AGENT_SHEET */

@import "Submenu-Chronik.css";

@import "Submenu-Hilfe.css";

@import "Submenu-Sonstige.css";

@import "Submenu-Webentwickler.css";

/* Hamburger Panel Anfang */

/* Ausblenden */

#appMenu-bookmarks-button,

#appMenu-history-button,

#appMenu-help-button,

#appMenu-downloads-button {

display: none !important;

}

/* Separatoren entfernen */

#appMenu-protonMainView > vbox:nth-child(1) > toolbarseparator:nth-child(n+8) {

display: none !important;

}

ich hab im *Ausblenden* das #appMenu-help-button eingetragen, aber es zeigt immer noch an. Und von dort will ich auch *Weitere Werkzeuge* entfernen..

warum geht das nicht?

Zitat von 2002Andreas

Zitat von omar1979

warum geht das nicht?

Weil die Bezeichnung nicht stimmt

CSS

#appMenu-more-button2,
#appMenu-help-button2 {
  display: none !important;
}

Besten Dank.

Wenn ich dort mit dem Maus auf *daten sychronisieren und speichern* und *Zoom* gehe wird es weiss, wie kann ich das noch ändern?

würde es gerne so haben wie beim *neuer tab* button.

Zitat von 2002Andreas

Zitat von omar1979

wie kann ich das noch ändern?

Meinst du das so?

CSS

#appMenu-zoom-controls2:hover,
#appMenu-fxa-text:hover {
  background: lightgrey !important;
}

nein, so wie beim 2.ten bild von mir. habs editiert.

Zitat von 2002Andreas

Teste bitte:

CSS

#appMenu-fxa-label2:hover {
  background: lightgrey !important;
}

Farbe wenn dann anpassen.

---

Bei Zoom und hover sieht das hier so aus:

hab es in einem Css-datei reinkopiert funkt aber nicht.

#main-menubar menupopup menu:hover,

#main-menubar menupopup menuitem:hover {

color: black !important;

}

#appMenu-fxa-label2:hover {

background: blue !important;

}

das ober hab ich auch von dir.

Zitat von 2002Andreas

Zitat von omar1979

funkt aber nicht.

ahhh.. hab jetzt gesehen.. das *Anmelden* button wird blau aber das vorne nicht..

und das mit zoom auch nicht..

oben: wenn ich auf *anmelden* gehe mit maus wird es blau. wenn vorne neben icon gehe mit maus bleibt es weiss.

Zitat von 2002Andreas

Zitat von omar1979

aber das vorne nicht..

Auch nicht mit dem Code aus Beitrag Nr. 66 ?

auch mit dem sieht es aus wie meinem beitrag nr. 71

Zitat von 2002Andreas

Zitat von omar1979

sieht es aus wie meinem beitrag nr. 71

Kannst du bitte mal den kompl. Code von dir bezüglich dem Hamburger Menü posten.

Also mit den Icons und dem blauen Hintergrund.

hab die code jetzt so gemacht:

#main-menubar menupopup menu:hover,

#main-menubar menupopup menuitem:hover {

color: black !important;

}

#appMenu-zoom-controls2:hover,

#appMenu-fxa-text:hover {

color: black !important;

background: blue !important;

}

und so sieht es aus:

und das ist die Code von Boersenfeger

HamburgerIconsDivAusgeblendet.zip

Zitat von 2002Andreas

Zitat von omar1979

so sieht es aus:

In Zeile 11 sprichst du #appMenu-fxa-text:hover an mit Hintergrund blau, was nicht funktioniert.

In Zeile 56 sprichst du den selben Wert an, und da muss dann die Farbe angegeben werden:

background: blue url(....

Wobei in deinem Code nichts ist, was den kompl. Hintergrund blau und die Schrift dann weiß färbt.

Du musst also noch einen weiteren Code nutzen.

Der Hintergrund für Zoom wird in Zeile 209 festgelegt:

background: #efefef url(...

Es ist immer schwierig nachzuvollziehen was jemand genau möchte, wenn der kompl. Code fehlt.

Bei diesem Code wäre zumindest bei hover der Hg immer gleich.

Hamburger.zip

Alles anzeigen

ich benütze zusätzlich noch das hier..

die CSS, die ich dir geschickt habe also oben gepostet habe ist von Boersenfeger.

Ich verstehe leider nichts von coden.

Firefox Color – Holen Sie sich diese Erweiterung für 🦊 Firefox (de)

Laden Sie Firefox Color für Firefox herunter. Build, save and share beautiful Firefox themes.

addons.mozilla.org

Zitat von 2002Andreas

Zitat von omar1979

so sieht es aus:

In Zeile 11 sprichst du #appMenu-fxa-text:hover an mit Hintergrund blau, was nicht funktioniert.

In Zeile 56 sprichst du den selben Wert an, und da muss dann die Farbe angegeben werden:

background: blue url(....

Wobei in deinem Code nichts ist, was den kompl. Hintergrund blau und die Schrift dann weiß färbt.

Du musst also noch einen weiteren Code nutzen.

Der Hintergrund für Zoom wird in Zeile 209 festgelegt:

background: #efefef url(...

Es ist immer schwierig nachzuvollziehen was jemand genau möchte, wenn der kompl. Code fehlt.

Bei diesem Code wäre zumindest bei hover der Hg immer gleich.

Hamburger.zip

Alles anzeigen

Kannst du mir evtl sagen wie ich in dem Code wo du hier gepostet hast zuletzt,

den Button (hintergrund von : Anmelden) verkleinern kann?

Ich meine den Hellblauen button.

Zitat von 2002Andreas

Zitat von omar1979

verkleinern kann?

Teste bitte, und pass die die Werte wenn dann an:

CSS

#appMenu-fxa-label2 {
  max-width: 65px !important;
  font-size: 10px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

also eine separate CSS-Datei erstellen?