Beiträge von Mira_Belle

  • Symbole in Menüs

    So, dieser Teil ist von meiner Warte abgeschlossen!

    Ganz <3 lich möchte ich mich bei allen Beteiligten für Ihre Hilfen, Ihre Ideen, Anregungen und Unterstützungen bedanken.

    Jetzt geht es an die anderen Pop-ups.

    Sechs Stück an der Zahl habe ich gezählt.

    Dafür werde ich dann aber einen neuen Thread aufmachen.

    Symbole in den Pop-ups

    Gruß

    Mira

  • Symbole in Menüs

    So hier der Code

    Icons kommen noch!

    Nachtrag!

    Wie versprochen hier die Icons. => icons.zip

    Und wer sich nicht an dem "leicht" anderen Design stört,

    kann ja jetzt das Projekt nachbauen.

    Wer ganz andere Icons einsetzen möchte, kann das natürlich auch tun. ;)

    Gruß

    Mira

  • Symbole in Menüs

    Zitat von Sören Hentzschel

    Es sticht leider sofort ins Auge, dass hier Icons mit unterschiedlichen Stilen respektive Strichstärken verwendet werden. Ich würde nur Icons verwenden, die zusammen entsprechend harmonieren. ;)

    Du bist böse. ||

    Mir falle da nur drei Symbole auf.

    1. Drucken...

    2. Seite speichern unter ...

    und

    3. Weitere Werkzeuge

    Bedauerlicherweise habe ich keine Alternativen gefunden.

    Und die Icons sind so in Firefox!

    Zitat von 2002Andreas

    Teste bitte mal:

    CSS
    [data-l10n-id="bookmarks-bookmark-edit-panel"] {
list-style-image: url("chrome://browser/skin/window.svg");
}

[data-l10n-id="bookmarks-current-tab"] {
list-style-image: url("chrome://browser/skin/new-tab.svg");
}

    Der tuts!

    Danke.

    Gefällt mir besser. ;)

    Danke dafür.

    Gruß

    Mira

  • Symbole in Menüs

    Darf ich meine bisherige Arbeit vorstellen?

    Tada!

    Ich habe nur ein klitzekleines Problem,

    wo ich einfach nicht weiter komme!

    Das Submenü von Lesezeichen!

    Bilder sagen ja mehr als tausend Worte!

    Speed Dial geöffnet

    Beliebige andere Page

    Es fehlen die Icons und ich bekomme sie einfach nicht angezeigt.

    Das hat bestimmt was mit dem ::after zu tun, aber ich weiß mir gerade keinen Rat.

    Kann mir jemand dafür den Code liefern? Bitte.

    Gruß

    Mira

    PS:

    Wenn ich mit diesem "Projekt" fertig bin,

    liefere ich den kompletten Code und die dazugehörigen Icons.

  • Symbole in Menüs

    Zitat von Dharkness

    Hast Du es mal mit einer vollständigen Pfadangabe probiert?

    Beispiel: list-style-image: url("file:///H:/Profile/Firefox/Fx-Profil-Test/chrome/icons/folder-4.png") !important;

    Cool, das klappt!

    Danke.

    Nun kann ich ja, wenn ich denn alle habe, alle Symbole (Icon) auf diese Weise einbinden.

    Gruß

    Mira

    So bleibt nur noch das Zoom-Problem!

    Nachtrag!

    Bin gerade meine Beiträge durchgegangen.

    Vor lauter Bäume den Wald nicht gesehen!

    Am Ende von Beitrag 41!

  • Symbole in Menüs

    CSS
    /* Task-Manager */

#appmenu-developer-tools-view .subviewbutton:nth-child(2) {
  list-style-image: url("../icons/performance.svg");
}

    Da bekomme ich eine Fehlermeldung!
    No chrome package registered for chrome://browser/icons/performance.svg

    Warum will FF da auf chrome://browser/... zugreifen?
    Die Pfadangabe sagt doch was anderes!

    Und bei ...

    CSS
    /* Beenden */

#appMenu-quit-button2 {
  list-style-image: url("../chrome/icons/quit.svg");
}

    ... funktioniert es einwandfrei!

    Habe zum Test, in einem frischen Profil, in das Chrome-Verzeichnis mal direkt die Symbole kopiert.
    Den Code zu  list-style-image: url("../performance.svg"); abgeändert.
    Bekomme da keine Fehlermeldung, aber das Symbol wird auch nicht angezeigt.

    Komme hier an diesem Punkt einfach nicht weiter.

    Bitte, bitte, gibt es denn jemanden mit der rettenden Idee?

    Gruß

    Mira

    Zitat von Gabbo

    Dann kann ja fast nur noch die Verzeichnis-ebene in Frage kommen:

    Icons liegen hier:

    C:\Users\Benutzer\AppData\Roaming\Mozilla\Firefox\Profiles\default-release\chrome\Icons

    ./ => gleiche Verzeichnisebene

    könnte das sein?

    Das verstehe ich jetzt nicht.

    Die CSS-Dateien liegen direkt in chrome und die Symbole eine Ebene darunter in chrome\icons

  • Symbole in Menüs

    Zitat von Dharkness

    Wieso tust Du nicht das naheliegendste und versuchst es mit der Adresse/dem Pfad → chrome://global/skin/icons/ in der Adressleiste?

    Das habe ich schon getan!

    So habe ich auch einige Icons gefunden.

    Viel lieber würde ich aber die Icons "extern" einbinden!

    Jedoch habe ich da, wie schon weiter oben erwähnt, irgendwie ein Problem!

    Gruß

    Mira


    Zitat von Gabbo
    ...

    Ich habe mal eine Sammlung von Original-Icons aus dem chrome-Ordner angehängt (ist schon älter, kein Anspruch auf Vollständigkeit); vielleicht kannst Du ja damit etwas anfangen, sollte noch das ein oder andere Icon fehlen.

    FF_original_icons.zip

    Danke Dafür!

  • Symbole in Menüs

    Zitat von Gabbo

    im Browser liegt es hier:

    chrome://global/skin/icons/developer.svg

    Danke!

    Nur wie kann ich überprüfen, ob auch andere Icons direkt im Browser sind?

    Und wo?

    CSS
      list-style-image: url("../icons/performance.svg");
  list-style-image: url("../icons/bug.svg");
  list-style-image: url("../icons/window-dev-tools.svg");
  list-style-image: url("../icons/command-frames.svg");
  list-style-image: url("../icons/command-responsivemode.svg");
  list-style-image: url("../icons/document-search.svg");

    und für das Hilfe-Submenü fehlt mir

    CSS
      list-style-image: url("../icons/send.svg");

    Gruß

    Mira

  • Symbole in Menüs

    Zitat von Sören Hentzschel

    Unter dem angegebenen Pfad existiert keine Datei. Gib den Pfad doch einfach mal in die Adressleiste ein.

    Also im Explorer lautet er in etwa so:

    C:\Users\Mira\AppData\Roaming\Mozilla\Firefox\Profiles\default-release\chrome\icons\

    Du meinst also, ich soll

    default-release\chrome\icons\developer.svg

    in die Adressleiste eingeben?

    Es öffnet sich Google

    und bei

    default-release/chrome/icons/developer.svg

    ebenfalls.

    Gruß

    Mira

    Nur wenn ich den kompletten Pfad angebe, wird mir das Symbol angezeigt!

    file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/.default-release/chrome/icons/developer.svg

    Gruß

    Mira

  • Symbole in Menüs

    Zitat von Dharkness

    Versuche es mal mit "..//chrome/icons/developer.svg", ist bei mir merkwürdigerweise auch so nötig.

    Leider nicht von Erfolg gekrönt.

    Gruß

    Mira

    Nachtrag.

    Also mit list-style-image: url("..//chrome/icons/developer.svg"); oder list-style-image: url("..//icons/developer.svg");

    wird gar nichts gezeigt!

    Bei list-style-image: url("../chrome/icons/developer.svg"); oder auch  list-style-image: url("..//icons/developer.svg");.

    Bekomme ich wenigstes eine Fehlermeldung!

    No chrome package registered for chrome://chrome/browser/icons/developer.svg

    bzw. No chrome package registered for chrome://browser/icons/developer.svg

    Kann damit jemand was anfangen?

  • Symbole in Menüs

    Zitat von milupo

    Wenn der Ordner icons direkt unter chrome liegt: Verwende dann den Pfad ../icons/screenshot.svg

    Tut er!

    Z.B. Aus der "Weitere Werkzeuge-CSS"

    CSS
    #appmenu-developer-tools-view .subviewbutton:nth-child(1) {
  list-style-image: url("../icons/developer.svg");
}

    Wird das Icon nicht angezeigt.

    Was ich aber mittlerweile gelöst bekommen habe ist,

    dass in diesem Submenü die Icons, welche angezeigt werden,

    nicht mehr dunkel sind und nicht mehr am Text kleben!

    Hier der Code dafür:

    CSS
    #appmenu-moreTools > .panel-subview-body > toolbarbutton > image{
  fill: currentColor;
  -moz-context-properties: fill;
  margin-inline: 0 8px !important;
}

    Für das erste Symbol!

    Und für alle anderen =>

    CSS
    #appmenu-developer-tools-view > .subviewbutton  > image{
  fill: currentColor;
  -moz-context-properties: fill;
  margin-inline: 0 8px !important;
}

    Nur für das verdammte Hilfemenü bekomme ich es einfach nicht hin!

    Fazit:

    Nur noch drei Probleme!

    1. Das Submenü "Hilfe",

    2. das mit den Pfaden

    und

    3. immer noch das "Zoom-Icon"

    Gruß

    Mira

    NACHTRAG!

    Hatte einen Geistesblitz!!

    Problem im Submenü "Hilfe" ist jetzt auch gelöst,

    für die Icons, die angezeigt werden. ;)

    Der Code:

    CSS
    #PanelUI-helpItems> toolbarbutton > image{
  fill: currentColor;
  -moz-context-properties: fill;
  margin-inline: 0 8px !important;
}

  • Symbole in Menüs

    So habe noch etwas rumgespielt.

    Wenn ich in Andreas Code für das Zoom-Icon

    so abändere

    bekomme ich nur ein graues Kästchen zusehen! Irgendwie scheint was mit dem Pfad nicht zustimmen.

    Habe under dem Pofil einen Chrome-Ordner in dem ich einen weiteren Icons-Ordner habe.

    C:\Users\Benutzer\AppData\Roaming\Mozilla\Firefox\Profiles\default-release\chrome\Icons


    Wie binde ich diese SVG-Dateien richtig ein?

    Denn das Problem habe ich auch bei den Submenüs.

    1. Weitere Werkzeuge

    und 2. Firefox-Hilfe

    Bei den Subs keben auch die Icons und der Text wider aneinander

    und

    sie sind dunkel.

    :/

    Gruß

    Mira

  • Symbole in Menüs

    Ich bin jetzt so weit!

    Und die Icons für das Untermenü "Weitere Werkzeuge" habe ich auch gefunden.

    Blendet zwar ein Icon ein, aber halt nicht das aus "LEPTON".

    Für Heute mach ich Schluß.

    Danke für Eure Hilfe.

    Gruß

    Mira

  • Symbole in Menüs

    Ein leichter Schubser, danke!

    @Gabbo

    So schaut nun "mein" Code aus:

    So weit war ich fast schon mal!

    Nur fehlten mir die ersten sechs Zeilen.

    OK, danke dafür.

    Nun sind fast alle meine Probleme gelöst, fast, da ja immer noch das Ding mit dem Zoom offen ist

    und

    mir immer noch das Icon für Daten synchronisieren und speichern fehlt.

    Gruß

    Mira

    PS: Das Menü schaut jetzt so aus.

  • Symbole in Menüs

    War gerade etwas Künstlerisch!

    Habe einen Entwurf gemacht.

    Wie bis Download, so hätte ich gerne das Menü.

    Probleme, welche ich bisher habe:

    * Mir fehlen zwei Icons Datei synchronisieren und speichern, Weitere Werkzeuge und Zoom

    * Icon bekomme ich nicht alle HELL

    * Zeilenhöhe !

    Gruß

    Mira

  • Symbole in Menüs

    Führt leider nicht zum erwünschten Erfolg.

    Rot markiert stimmt es!

    Icon ist "hell" der Abstand zum Text ist auch i.O.

    ABER die Zeilenhöhe wurde verändert!

    Siehe Zeilenabstäne ab "Lesezeichen".

    Die Icons, gelb unterstichen, wollen aber nicht hell werden.

    Zitat von 2002Andreas

    Meinst du das alles so?

    Ja, genau so!

    Nur mit weniger Zeilenhöhe.

    Also, eigentlich genau so =>

    Gruß

    Mira


    PS: Das Icon für Daten synchronisieren und speichern habe ich auch noch nicht gefunden).

  • Symbole in Menüs

    So, habe einige "Sybole" (Icons) gefunden und genau so in die Stilbearbeitung mal eingetragen.

    Siehe da, die Anordnung stimmt schon mal.

    Jedoch, so'n Käse, sind alle Symbole dunkel (schwarz)

    und mit fill: white  !important; oder color: white  !important; tut sich auch nichts.

    Schade.

    Auch klebt die Beschriftung direkt an den "Sybolen" (Icons),

    auch nicht wirklich schön!

    Tja, und was ich bisher so gar nicht herausgefunden habe,

    die "Sybole" (Icons) für:

    Zoom, Weitere Werkzeuge und Beenden.

    Gruß

    Mira

    PS:

    Normalerweise sollten diese Eintrage die fehlenden "Sybole" (Icons) sein.

    Jedoch werden die so nicht angesprochen und erscheinen dan ja nicht.

    Wie bekomme ich das noch hin?

    HA!

    "screenshot.svg" & "quit.svg" sind im Unterverzeichnis!

  • Rahmen um Hamburger Menü und Lesezeichen

    Wenn Du magst, kannst Du ja nochmal folgendes ausprobieren!

    CSS
    #appMenu-popup panelview {
  border: 3px solid red !important;
}

#appMenu-popup {
    --panel-border-color: none !important;
}

    Hätte den Vorteil, dass Du die Strichbreite des Rahmens bestimmen kannst.

    Warum Andreas Code bei Dir's nicht tut, weiß ich leider auch nicht.

    Gruß

    Mira