Kacheln in der Miniaturansicht verkleinern

  • Hallo Leute,

    ich hab seit neuestem mal wieder den FF am laufen und mich nervt die Miniaturansicht etwas. Bei Opera konnte man die nach belieben vergrößern und verkleinern, beim FF aber nicht - und so sehen sie bei 1920x1080 Auflösung extrem überdimensioniert aus. Gibt es irgendwie die Möglichkeit, sie zu verkleinern?

    Ich würde mich über Hilfe sehr freuen! :)

  • Hallo,

    die einfachste Möglichkeit ist es, mehr Vorschaubilder anzuzeigen, dann werden die Bilder alleine dadurch schon kleiner. Das wären über about:config die Schalter browser.newtabpage.columns beziehungsweise browser.newtabpage.rows. Ansonsten ist das sicherlich auch bei gleicher Anzahl an Bildern mittels CSS kein Problem, da musst du aber auf jemanden warten, der sich mit Firefox-Anpassungen auskennt.

  • Danke schon mal für deine Antwort. Mehr Seiten sind für mich leider keine Option, so viele wichtigen Seiten habe ich nicht und zu viel überflüssiger Kram geht mir auf die Nerven, bin da doch sehr minimalistisch. ;)

    Dann warte ich mal auf die CSS-kundigen Menschen hier :)

  • Hallo und Willkommen hier im Forum.

    Teste das bitte mal

    Werte evtl. noch etwas anpassen dann.

    [Blockierte Grafik: http://www7.pic-upload.de/thumb/30.08.13/tbtualr1d4nt.jpg]


    Einzutragen in die Erweiterung Stylish oder der userContent.css

    https://addons.mozilla.org/de/firefox/addon/2108

    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.

    Wo finde ich meinen Profilordner

    Hilfe zu Stylish

  • Hallo Andreas,

    vielen lieben Dank für deine Hilfe, das hat schon mal geklappt! :)

    Wenn das möglich ist, hätte ich da allerdings noch 2 Anliegen zu dem Thema:
    - Mit welchem Befehl kann man die Kacheln horizontal und vertikal zentrieren?
    - Ist es möglich, ein Hintergrundbild hinter die Kacheln zu legen?

    Bei ersterem hab ich zwar schon versucht, das selbst hinzubekommen, aber letztlich ist es nur dazu gekommen, dass die Kacheln zusammen geschoben wurden und da jetzt kein Abstand zwischen ist. :D

    Viele Grüße und schönes Wochenende!

  • Hallo Katzenmuetze
    Damit gibt es ein Hintergrundbild bei den Kacheln:

    Da der Code für das Forum zu groß ist, hier ein Externer Link:

    http://dl.dropbox.com/u/15467633/Fir…Hintergrund.css

    vielleicht ist das auch etwas für Dich :wink: :

    alles zusammen sieht so aus:

    [Blockierte Grafik: http://imageshack.us/a/img837/4640/0zpy.th.png]


    mit ausgeblendeten Kacheln:
    [Blockierte Grafik: http://imageshack.us/a/img853/3752/47cx.th.png]


    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:125.0) Gecko/20100101 Firefox/125.0.3
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Zitat von Katzenmuetze

    die Kacheln horizontal und vertikal zentrieren?

    [Blockierte Grafik: http://www7.pic-upload.de/thumb/01.09.13/n45fojlqgkyg.jpg]

    Werte für dich dann bitte wieder anpassen.

    Zitat von Katzenmuetze

    Viele Grüße und schönes Wochenende!


    Danke, dir auch.

  • Hallo Endor, hallo Andreas,

    danke nochmals für eure Hilfe!

    Leider scheint das zentrieren nicht zu funktionieren. Ich hab beides nacheinander bei Stylish eingegeben, aber es sieht so aus:
    - Endors Variante: http://imageshack.us/a/img821/5892/zjol.png
    - Andreas Variante: http://imageshack.us/a/img46/8403/7ce8.png

    Wenn ich das in die Userchrome.css einfüge, tut sich interessanterweise bei beiden überhaupt nichts. :-??

    Das mit dem Hintergrundbild funktioniert, aber ich suche jetzt noch die Stelle, wo ich den Pfad zu meinem eigenen Bild angeben kann - kannst du mir da noch mal weiterhelfen, Endor?

    Viele Grüße
    Katzenmuetze

  • Du siehst ja in meinem Code, einen ganz langen Buchstabensalat - bzw. Wurst.
    Das ist das Bild. Dein Bild müsstest Du base64 codieren und dann anstelle von meinem einbauen.

    Kannst Du zbs. hier machen: http://www.motobit.com/util/base64-decoder-encoder.asp
    Einfach auf durchsuchen klicken Dein gewünschtes Bild auswählen und dann rechts auf convert the source data
    klicken. Dann wird Dein Bild base 64 codiert. Die Buchstabenwurst aus oberer Fläche dann markieren, kopieren
    und im Code an die passende Stelle einfügen.

    Wenn Du willst lade Dein Bild irgendwo hoch und sende mir den Link dazu, gerne auch per PN
    dann mache ich das für Dich.

    Zum ausrichten musst Du beim Code von Andreas bei margin-left den Wert solange erhöhen biss es passt.

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:125.0) Gecko/20100101 Firefox/125.0.3
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Zitat von Katzenmuetze

    das in die Userchrome.css einfüge


    Wenn müsste es in die userContent.css rein.

    Ändere bitte in diesem Teil vom Code mal die Werte.

    Zitat

    .newtab-cell{
    margin-left:115px!important;
    margin-top:50px!important;

    Vermutung von mir:

    CSS
    .newtab-cell{
        margin-left:300px!important;
        margin-top:150px!important;
    }
  • Es geht auch ohne umwandeln zu base64, mit einem Bild aus einem Ordner von dir.

    Nur mal ein Beispiel:

    CSS
    @namespace url(http://www.w3.org/1999/xhtml);
    
    
    @-moz-document url("about:newtab") {
    
    
    #newtab-scrollbox{
    background: url("file:///C:/Users/Andreas/Icons/cactus.jpg") no-repeat !important;      
    }
    }

    file:///C:/Users/Andreas/Icons/cactus.jpg")

    Du musst nur deine Daten mit den obigen austauschen.

    Andreas= dein Name
    Icons= der Ordner wo dein Bild ist
    cactus.jpg= deine Bezeichnung vom Bild

    [Blockierte Grafik: http://www7.pic-upload.de/thumb/01.09.13/ii3ap8wln1wk.jpg]

  • Danke euch beiden, das funzt! :)

    Jetzt noch der Feinschliff: ich würde die Kacheln gern so mittig zusammenschieben, wie das auf dem Bild ist, also quasi als Block.

    Finde ich übrigens echt klasse, dass ihr euch sogar am Wochenende Zeit nehmt. Vielleicht helfe ich hier auch mal mit, wenn ich im Studium weiter fortgeschritten bin und dann hoffentlich auch was von CSS verstehe. ;)

    Viele Grüße!

  • Meinst du das so?

    [Blockierte Grafik: http://www7.pic-upload.de/thumb/01.09.13/ngl8tkmuai29.jpg]

    Wenn ja:

    Du musst dir die Werte für dich anpassen, weil deine Bildschirmgröße/Auflösung wahrscheinlich anders ist als meine.

    Spiel einzeln mit den margin Werten bis es so ist wie du es gerne möchtest.

    #newtab-grid
    ist für alle 6 Bilder zusammen

    .newtab-cell
    ist für die einzelnen Bilder

  • Bitte gerne, für meinen kleinen Anteil, wie immer gern geschehen. :wink:
    Solltest Du noch was ändern wollen, wir sind fast immer hier, :wink:
    und helfen gerne. :D

    Bis dann.
    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:125.0) Gecko/20100101 Firefox/125.0.3
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!