Neuling braucht Rat bzgl. Layout

signitiv

hallo,

ich bin neu und versuche firefox zu gestalten.

ich habe die tabs unter adresse gesetzt, doch sind nun die farbigen button rechts statt links. die größe der titelleiste konnte ich in der größe anpassen, geht das auch mit tableiste.

und dann suche ich rat, daß unter firefox-fenster eine leiste permanent sichtbar ist (früher statusleiste resp. status4ever)

google liefert mir nur tab-button und z.t 20 jahre alte ergebnisse

großer dank

das ist mein css

Code

#TabsToolbar {
position: absolute;
display: block;
bottom: 0;
width: 100vw;
background-clip: padding-box;
color: var(--toolbar-color);
}
#tabbrowser-tabs {
width: 100vw;
}
#navigator-toolbox {
position: relative;
padding-bottom: calc( var(--tab-min-height) + 8px );
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #titlebar {
height: 20px;
}
.titlebar-buttonbox-container {
position: fixed;
right: 0;
visibility: visible;
display: block;
}
#TabsToolbar .titlebar-buttonbox-container,
#TabsToolbar #window-controls {
display: none;
}

Alles anzeigen

Edit 2002Andreas:
Text in Klammercode </> gesetzt.

2002Andreas

Zitat von signitiv

nun die farbigen button rechts statt links.

Hallo und Willkommen hier im Forum. 😊

Welche Button meinst du denn damit?

Hier siieht das mit dem Code so aus:

Zitat von signitiv

(früher statusleiste resp. status4ever)

Das geht nur noch mit einem Skript.

Dafür musst du aber erst noch div. Vorbereitungen treffen, um Skripte nutzen zu können.

Siehe bitte dazu hier:

Beitrag

Funktionelle Änderungen am Firefox durch Skripte

Als Ersatz für einige Erweiterungen bzw. Funktionen daraus kann man auch diverse Skripte benutzen.

( damit sind nicht optische Änderungen am Firefox gemeint)

Diese werden mit einer userChrome.css Datei erstellt.

Skripte werden als .uc.js Datei im Unterordner chrome gespeichert.

Hinweis:

Alle Skripte müssen in der Kodierung UTF-8 gespeichert werden.

Bei Notepad++ sieht das dann so aus:

camp-firefox.de/attachment/32977/

Und so im Texteditor von Windows:

camp-firefox.de/attachment/32978/

Besonderer Dank…

2002Andreas

15. November 2017 um 16:49

signitiv

vielen dank für antwort mich ermahnend "think before you print" die farbigen close und minimize button änderte ich von "right" to "left".

die scripte mittels about:config sind aktiviert.

es stört mich noch die fehlende leiste in grau unterhalb des fensters sowie die tabdicke

mit mir ist nicht einfach aber mein dank ist unendlich

grisu2099

Zitat von signitiv

Firefox-Version 115

Warum nutzt du eine alte Firefox-Version??

2002Andreas

Zitat von signitiv

die scripte mittels about:config sind aktiviert.

Skripte werden nicht in about:config aktiviert, das betrifft nur die CSS Codes.

Klick bitte in meinem obigen Beitrag unten auf den Link, da bekommst du eine Beschreibung was du dazu machen musst.

Zitat von signitiv

"think before you print"

Alles ist gut

Zitat von grisu2099

eine alte Firefox-Version??

ESR

grisu2099

Zitat von 2002Andreas

ESR

Davon steht oben nix - deswegen die Frage...

signitiv

aber das ist doch neue extended support. ich bin kein update-geist "never change a running system".

viele netzseiten gingen mir am arsch vorbei, aber ich brauche zugang zur fritzbox (und jobbörse)

2002Andreas

Zitat von signitiv

"never change a running system".

Der Spruch war früher schon Unsinn

Never change a running system? Bullshit! | faq-o-matic.net

Zitat von signitiv

neue extended support

Ja.

Zitat von grisu2099

deswegen die Frage..

Alles ist gut

signitiv

danke. aber meine konzentration läßt nach. zip habe ich geladen; installtionsordner ist doch der profilordner (mac > library > app-support), dort gibt es aber kein userchrome.js.

4 tage versuchte ich nun, den mac unter kontrolle zu bringen; ich muß schluß machen für heute, würde mich aber nochmal dankbar zeigen.

schönen abend mit wirklich großem dank

postscript: die ampel meinte ich, nun wie gewünscht

grisu2099

Zitat von signitiv

never change a running system

Gerade wenn du Anpassungen per CSS und Skript nutzen willst, empfehle ich dir dringend, die jeweils aktuelle Release-Version zu installieren - aktuell also Version 121.0.1.

Bei Nutzung der ESR erhältst du die Änderungen von über einem Jahr dann geballt serviert, statt in Häppchen wie in der Release. Das macht im übrigen auch für die Helfer hier die Arbeit leichter...

Solltest du dennoch bei der ESR bleiben wollen, schreib das nächstes Mal bei der Versionsangabe gleich dazu - erspart unnütze Fragen...

2002Andreas

Zitat von signitiv

schönen abend mit wirklich großem dank

Danke, den wünsche ich dir auch

Ansonsten:

Zitat von signitiv

sowie die tabdicke

Setzt bitte in about:config diesen Wert:

browser.compactmode.show

mal auf true.

Dann unter Symbolleiste anpassen hier den Haken bei Kompaktmodus setzen.

Zitat von signitiv

(mac > library > app-support)

Gedulde dich bitte etwas, bis dir ein Mac Nutzer etwas dazu sagen kann.

milupo

signitiv Bitte gib dir etwas Mühe, deine Beiträge ordentlicher zu gestalten. Warum fügst du so viele Leerzeilen ein? Bemühe dich auch insbesondere um die Verwendung von Groß- und Kleinschreibung. Für Helfer lassen sich deine Texte dann viel besser lesen.

Horstmann

Zitat von signitiv

danke. aber meine konzentration läßt nach. zip habe ich geladen; installtionsordner ist doch der profilordner (mac > library > app-support), dort gibt es aber kein userchrome.js.
4 tage versuchte ich nun, den mac unter kontrolle zu bringen; ich muß schluß machen für heute, würde mich aber nochmal dankbar zeigen.
postscript: die ampel meinte ich, nun wie gewünscht

Die Ampel sieht aber nicht sehr sauber plaziert aus, was ist denn dafür der Code?

Aber egal, für Firefox 115esr am Mac, und Tabs unten, könntest du mal sowas probieren, als Ersatz für deinen Code oben in Beitrag #1.

Das setzt dann die Ampel nach oben links bei deaktivierter Titelleiste, sonst wie normal, und die Tabs sind unten.

Sollte auch für diesen komischen Kompaktmodus passen.

CSS

#titlebar {
    order: 2;
    --tabs-navbar-shadow-size: 0 !important;
}

.titlebar-buttonbox-container {
    position: fixed;
    top: 0;
    height: calc(var(--tab-min-height) + var(--tab-block-margin)) !important;
}

:root[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar {
    padding-left: 72px !important;
}

Alles anzeigen

Was Javascript angeht, das ist eine andere Baustelle; für Macs ist die Installation hier im Form glaub ich nicht erklärt, brauchst du für diesen Zweck aber auch nicht.

Boersenfeger

Hier ein Script für die angesprochene Statusleiste. Edit: leider funktioniert anscheinende die automatische Erkennung nicht; du musst den Code als ...uc.js -Datei in deinem Chromeordner speichern und einen Firefox Neustart durchführen

CSS

/* Statusleiste für Firefox */

// https://www.camp-firefox.de/forum/viewtopic.php?p=1052187&sid=d4e33b574226439c26dfb45629b71369#p1052187
// entwickelt von aborix 

(function() {

  if (location != AppConstants.BROWSER_CHROME_URL)
    return;
  
  var css =`
    #new-toolbar {
        height: 28px; 
        direction: rtl;
        -moz-window-dragging: no-drag;
        /* border-top: 1px solid black !important; 
        background-color: rgba(0,0,0,0) !important;
        color: black !important; */
    }
    
    #statuspanel {
        bottom: -3px !important;
        left: 0 !important;
        height: 24px !important;
        max-width: 75% !important;
        transition: none !important;
    }
    
    #statuspanel-label{
        background:#7598ff!important;
        border: none !important;
        font: 17px Arial Rounded MT Bold !important;
        font-weight: normal !important;
        color: black !important;
    }
  `;
  
  var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
  var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
  sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);
  
  var tb = document.createXULElement('toolbar');
  tb.id = 'new-toolbar';
  tb.setAttribute('customizable', true);
  tb.setAttribute('mode', 'icons');

  var vbox  = document.createXULElement('vbox');
  document.getElementById('navigator-toolbox').parentNode.insertBefore(
  vbox, document.getElementById('browser-bottombox'));
  vbox.style.backgroundColor = '#ffe4c4';
  vbox.appendChild(tb);

  CustomizableUI.registerArea('new-toolbar', {legacy: true});
  CustomizableUI.registerToolbarNode(tb);  
   
})();

Alles anzeigen

Neuling braucht Rat bzgl. Layout

signitiv 17. Januar 2024 um 19:11

Funktionelle Änderungen am Firefox durch Skripte

Sören Hentzschel 17. Januar 2024 um 20:00