Firefox Startseite Verknüpfungen größere Kacheln/Bildchen einrichten.

  • Firefox-Version
    103.0 64-bit
    Betriebssystem
    Ubuntu Version 20.04.4 LTS Focal Fossa

    Hallo camp-firefox

    Ich habe für jede meine fest gepinnten Kacheln auf der Startseite ausgesuchte kleine Bildchen verlinkt.

    Mir gefällt aber nicht, das sie so sehr klein dargestellt werden und würde gerne die Bilder größer haben.

    Ich denke es würde schon genügen, wenn der hellere Rahmen auf ein px reduziert würde und das Bild entsprechend größer werden könnte.

    In meinem screenshot habe ich meinen Wunsch an dem Link camp-firefox einmal dargestellt. (per gimp...) in pink der zu reduzierende Bilderrahmen.

    Ich hoffe mein Text hier ist nicht zu kryptisch.

    aktueller Theme:

    ANIMATED Sakura by candelora

    🌸 Theme Designed by candelora © 🌸 Animated Apng Theme


    Farnmut

    • Hilfreichste Antwort

    die Bilder größer haben

    Hallo und Willkommen hier im Forum. 😊

    Meinst du das so?

    Wenn ja, dann teste bitte mal:

    Einzutragen ist der Code in die userContent.css

    Sollte der Ordner chrome nicht vorhanden sein musst du ihn dir erst erstellen, und in ihm dann eine userContent.css
    Du mußt dir im Profilordner einen neuen Ordner chrome erstellen und in diesem dann eine Textdatei ( mit einem Editor ) in die du den Code kopierst, bzw. einträgst.

    Dann schließt du die Datei und speicherst sie als userContent.css ab.
    Danach mußt du den Fx neu starten.

    PS:
    Du musst dir dazu die versteckten Dateiendungen anzeigen lassen.

    Um das einzustellen klickt man im Windows 10 Explorer (wenn man einen Ordner offen hat) erst oben links auf Ansicht..dann rechts oben auf

    "Optionen" > "Ordner und Suchoptionen ändern" > "Ansicht"
    und entfernt das Häkchen bei "Erweiterungen bei bekannten Dateitypen ausblenden"

    Wo finde ich meinen Profilordner

    Eine genaue Beschreibung dazu befindet sich auch unter diesem Link ab Abschnitt 2.2:


    Videoanleitung für die userChrome.css und mehr

    Zusätzlich muss in about:config der Eintrag:

    toolkit.legacyUserProfileCustomizations.stylesheets

    auf true stehen.

  • Ach wie toll !!!

    Fast genau so wollt ich es :)

    Nur nicht in Magenta - das war zur Anschauung. Habe die border schwarz gemacht, das genügt mir.

    Sicher hätte css auch an dieser Stelle rgb unterstützt, aber ich wollte es nicht übertreiben und "black" ist gerade noch in meinem Wortschatz....

    Ich Danke Dir sehr, Andreas, mit dem Inspecktor hatte ich zwar mal einen Eintrag size:100% gefunden, aber er zoomte nur in das Bild ohne seine Größe zu ändern.

    Deine Hilfe, besser Dein code hat genau meine Wünsche erfüllt.

    Vielen Dank.

  • Farnmut 19. August 2022 um 23:49

    Hat einen Beitrag als hilfreichste Antwort ausgewählt.
  • Ich habe das gleiche Problem und mich an die Anleitung aus Beitrag #2 gehalten.

    Prinzipiell hat das auch funktioniert aber bei einigen Kacheln wo vorher ein Bild war ist es jetzt verschwunden (Beispiel: web.de).

    Theoretisch habe ich ja die Möglichkeit über die 3 Punkte einer Kachel auf "bearbeiten" zu gehen und da eine benutzerdefinierte Grafik zu verwenden.

    So wie ich das sehe kann ich doch hier nur einen Link einfügen von einer Grafik aus dem Netz?

    Das funktioniert aber auch nicht richtig weil meistens das Bild hinterher nicht sichtbar ist an der Kachel ... ?

    Eine Grafik aus dem Netz ist ausserdem auch nur temporär, wenn sich die Adresse ändert ist auch das Bild weg.

    Könnte man hier nicht eine Grafik verwenden die man sich selbst erstellt hat?

    Aber wenn das geht wie bekommt man die in die Kachel?

    Fragen über Fragen :)

    Gruß

    Jürgen

  • Könnte man hier nicht eine Grafik verwenden die man sich selbst erstellt hat?

    Hallo und Willkommen hier im Forum. 😊

    Z.B. so unter Facebook:

    Statt dem base64 Code kannst du auch den direkten Pfad zu einem deiner Icons nehmen.

    Hier musst du die Stelle eintragen, an der das Icon eingesetzt werden soll:

    li.top-site-outer:nth-child(3)

    Von links nach rechts abzählen.

    Einzutragen ist der Code in die userContent.css

    Sollte der Ordner chrome nicht vorhanden sein musst du ihn dir erst erstellen, und in ihm dann eine userContent.css
    Du mußt dir im Profilordner einen neuen Ordner chrome erstellen und in diesem dann eine Textdatei ( mit einem Editor ) in die du den Code kopierst, bzw. einträgst.

    Dann schließt du die Datei und speicherst sie als userContent.css ab.
    Danach mußt du den Fx neu starten.

    PS:
    Du musst dir dazu die versteckten Dateiendungen anzeigen lassen.

    Um das einzustellen klickt man im Windows 10 Explorer (wenn man einen Ordner offen hat) erst oben links auf Ansicht..dann rechts oben auf

    "Optionen" > "Ordner und Suchoptionen ändern" > "Ansicht"
    und entfernt das Häkchen bei "Erweiterungen bei bekannten Dateitypen ausblenden"

    Wo finde ich meinen Profilordner

    Eine genaue Beschreibung dazu befindet sich auch unter diesem Link ab Abschnitt 2.2:


    Videoanleitung für die userChrome.css und mehr

    Zusätzlich muss in about:config der Eintrag:

    toolkit.legacyUserProfileCustomizations.stylesheets

    auf true stehen.

  • (Beispiel: web.de).