in Adressleiste der Stern und dann das Vorschaubild

  • Firefox-Version
    94.0.2 (64-Bit)
    Betriebssystem
    Windows 10

    Hallo,

    ich habe mir das Vorschaubild wie folgt ausgeblendet in Adresseleiste der Stern wenn man dann draufklick um es als Lesezeichen hinzufügen zu können.

    CSS
    #editBookmarkPanelImage,
    *|div#editBookmarkPanelFaviconContainer,
    #editBookmarkPanel .panel-header { display: none !important;
        }

    Meine Frage daher ist ein wenig blöde ABER kann man auch ein eigenes Bild einfügen ?

    wenn ja in welcher grösse eigentlich ?

  • kann man auch ein eigenes Bild einfügen ?

    Ja, das geht:

    CSS
    #editBookmarkPanelImage,
    *|div#editBookmarkPanelFaviconContainer,
    #editBookmarkPanel .panel-header {
    background: url("file:///D:/alterPC/D LaufwerkD/wolf.jpg") no-repeat !important;
        }

    Den Pfad musst du dir anpassen, je nachdem, wo sich dein Bild befindet.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

  • Danke.

    gibt es keine elegantere Lösung für den BildPfad ?

    der ist ja ehlend lang

    bei mir zb

    CSS
    background: url("file:///C:/Users/Dato/AppData/Roaming/Mozilla/Firefox/Profiles/xxx.Aktuell/chrome/icon/test.png") no-repeat !important;

    so in dieser richtung dachte ich

    CSS
    background: url("file:///Profiles/xxx.Aktuell/chrome/icon/test.png") no-repeat !important;
  • background: url("file:///Profiles/xxx.Aktuell/chrome/icon/test.png") no-repeat !important;

    versuch mal mit: background: url("..//icon/test.png") no-repeat !important;

    "Klug sein hat noch nie einen Menschen an Dummheiten gehindert." Stefan Zweig
    Firefox-Version: 133.0
    Edition: Windows 11 Home (64-Bit-Betriebssystem)
    Version: 23H2

  • gibt es keine elegantere Lösung für den BildPfad ?

    Du kannst dir doch den Pfad aussuchen. Die Struktur muss nur korrekt sein. Es war doch nur ein Beispiel. Ich weiß nicht, was bei dir eleganter ist. Deine Beispiele haben längere Pfade. Ich habe bewusst keinen Profilpfad genommen - das sind nämlich die längsten Pfade.


    versuch mal mit: background: url("..//icon/test.png") no-repeat !important;

    Das funktioniert leider nicht immer. Aber einen Versuch ist es wert.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

    Einmal editiert, zuletzt von milupo (1. Dezember 2021 um 19:58) aus folgendem Grund: Ein Beitrag von milupo mit diesem Beitrag zusammengefügt.

  • Bitte testen:

    CSS
    #editBookmarkPanelImage {  
        background-image: url("..//Icons/Forum 1.png") !important;
        background-position: 80px 1px !important;
        background-size: 155px 165px !important;
    }
    
    #editBookmarkPanelFavicon {
        display: none !important;
    }

    so in dieser richtung dachte ich

    Hast du es denn so mal getestet?

    Die Länge vom Pfad ist doch nur abhängig davon, wo du das Bild hast.

    In meinem Beispiel ist es im Ordner Icons im Chromeordner.

  • ich habe auch mal ein wenig rumgespielt und mir passiert folgendes

    CSS
    #editBookmarkPanelImage {
        /* display: none !important; */
        background: url("../icon/test.svg") no-repeat !important;
        }

    wie bekommt man das Favicon da weg ?



    #editBookmarkPanelFavicon { display: none !important; }

    jetzt passt es.

    bin ich Blind ||

  • wie bekommt man das Favicon da weg ?

    Na du hast doch eine Bilddatei angegeben, eine test.svg. Da musst du entweder eine andere Datei angeben oder, wenn du wieder lieber gar kein Bild anzeigen möchtest, stattdessen display: none !important; in der Zeile.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

  • ie 2 Striche über und unter meinen roten hintergrund weg ?

    teste mal..

    CSS
    #editBookmarkSeparator {
      display: none !important;
    }

    ahhh noch das Obere..

    teste bitte.

    CSS
    #editBookmarkSeparator,
    #editBookmarkHeaderSeparator {
      display: none !important;
    }

    "Klug sein hat noch nie einen Menschen an Dummheiten gehindert." Stefan Zweig
    Firefox-Version: 133.0
    Edition: Windows 11 Home (64-Bit-Betriebssystem)
    Version: 23H2

    Einmal editiert, zuletzt von omar1979 (6. Dezember 2021 um 21:05) aus folgendem Grund: Ein Beitrag von omar1979 mit diesem Beitrag zusammengefügt.