Diverse Lösungen für Nightly gesucht

camel-joe

Hallo,

per CSS oder Script, das mir egal.

1.) Es gibt unter Anpassen nur "Flexibler Leerraum", die Abstände sind zu groß, wie komme ich zu einem kleineren Leerraum?

[attachment=0]Bild 5.jpg[/attachment]

2.) Kann man die Farbe dezenter gestalten?

[attachment=1]Bild 4.jpg[/attachment]

3.) In der Adressleiste soll "Suche oder Adresse eingeben" weg, im Suchfeld soll "Suchen" weg.
4.) Es gibt nur den Button "Sidebars anzeigen", ich hätte gerne einzelne Buttons für die Lesezeichen und Chronik.

2002Andreas

Zu 2:

CSS

@-moz-document url-prefix("chrome://browser/content/browser.xul") {	


#TabsToolbar{
background:red!important;
opacity: .5!important;}
}

Farbe und den opacity Wert bitte anpassen. Letzteres bedeutet die Farbstärke, max ist 1.0

zu 3:

Code

@-moz-document url-prefix("chrome://browser/content/browser.xul") {	




#search-container input.textbox-input::-moz-placeholder,
#urlbar input.textbox-input::-moz-placeholder {
color: transparent !important } 
}

2002Andreas

Zu 4:

Meinst du damit solche Button?

[attachment=0]Screenshot (300).png[/attachment]

Wenn ja, die sind beide im Anpassenfenster vorhanden.

2002Andreas

Zu 1:

Sollen die Abstände alle gleich groß sein, oder wie genau möchtest du das haben?

camel-joe

Hallo,

zu 3: Der Code funktioniert nicht.

zu 1: So wie früher, da gab es "Flexibler Zwischenraum" und "Zwischenraum", ich hätte gern auch den Zwischenraum zurück.

zu 4: Nein, die meine ich nicht. Ich habe jetzt 2 Buttons (aus der Erweiterung "Toolbar Buttons" von https://codefisher.org/toolbar_button).

Ein Klick auf den einen Button öffnet die Lesezeichen in der Sidebar.
Ein Klick auf den anderen Button öffnet die Chronik in der Sidebar.

2002Andreas

Zitat von camel-joe

zu 3: Der Code funktioniert nicht.

Funktioniert hier einwandfrei.

[attachment=0]Zwischenablage01.jpg[/attachment]

camel-joe

Stimmt, ich habe mal eine neue userChrome.css erstellt, nur mit diesem Code, da funktioniert es.
Könntest Du bitte mal überprüfen, wo da der Fehler ist?

CSS

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);


@-moz-document url-prefix("chrome://browser/content/browser.xul") {	


#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important;
margin-top:0px!important;
}


#TabsToolbar .tabbrowser-tab {
  background: rgba(255,255,255,.27) !important; 
margin-top:-2px!important; 
}


#TabsToolbar .tabbrowser-tab[selected] {
  background: #EAF2FA !important;
  }
}


#star-button,
#pageActionButton,
.autocomplete-history-dropmarker.urlbar-history-dropmarker{
display:none!important}


@-moz-document url-prefix("chrome://browser/content/browser.xul") {	
#PanelUI-menu-button{
display:none!important}
}


@-moz-document url-prefix("chrome://browser/content/browser.xul") {	
#TabsToolbar{
background:red!important;
opacity: .5!important;}
}


@-moz-document url-prefix("chrome://browser/content/browser.xul") {	
#search-container input.textbox-input::-moz-placeholder,
#urlbar input.textbox-input::-moz-placeholder {
color: transparent !important } 
}

Alles anzeigen

2002Andreas

CSS

@-moz-document url-prefix("chrome://browser/content/browser.xul") {	


#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important;
margin-top:0px!important;
}


#TabsToolbar .tabbrowser-tab {
  background: rgba(255,255,255,.27) !important; 
margin-top:-2px!important; 
}


#TabsToolbar .tabbrowser-tab[selected] {
  background: #EAF2FA !important;
  }
}


#star-button,
#pageActionButton,
.autocomplete-history-dropmarker.urlbar-history-dropmarker{
display:none!important}


@-moz-document url-prefix("chrome://browser/content/browser.xul") {	
#PanelUI-menu-button{
display:none!important}
}


@-moz-document url-prefix("chrome://browser/content/browser.xul") {	
#TabsToolbar{
background:red!important;
opacity: .5!important;}
}


@-moz-document url-prefix("chrome://browser/content/browser.xul") {	
#search-container input.textbox-input::-moz-placeholder,
#urlbar input.textbox-input::-moz-placeholder {
color: transparent !important } 
}

Alles anzeigen

So funktioniert es.

Diesen Eintrag bitte nicht mehr verwenden wenn alle Änderungen in der userchrome.css eingetragen werden.

Zitat

@namespace url(http://www.mozilla.org/keymaster/gate…ere.is.only.xul);

camel-joe

Zitat von 2002Andreas

Diesen Eintrag bitte nicht mehr verwenden wenn alle Änderungen in der userchrome.css eingetragen werden.

OK, jetzt funktioniert es. Aber was meinst Du mit "Alle Änderungen"? Für welche Änderungen wird der Eintrag (noch) benötigt?

2002Andreas

Zitat von camel-joe

was meinst Du mit "Alle Änderungen"?

Man kann alle Änderungen die die Optik vom Firefox betreffen in die userchrome.css schreiben, oder aber für jede Änderung eine eigene css Datei erstellen, und diese dann nur von der userchrome.css aufrufen lassen.

Wäre auf jeden Fall übersichtlicher.

camel-joe

Zitat von 2002Andreas

Wäre auf jeden Fall übersichtlicher.

Das stimmt, deswegen verwende ich ja Stylish und nicht die userChrome.css.

2002Andreas

Zitat von camel-joe

deswegen verwende ich ja Stylish.

Ab Fx 57 wirst du darauf aber verzichten müssen

Dann funktioniert nur noch die userChrome.css

camel-joe

Ich weiß, deswegen mühe ich mich ja bei der Nightly wieder mit der userChrome.css ab. :traurig:

Abendstern2010

Zitat von 2002Andreas

und diese dann nur von der userchrome.css aufrufen lassen.

Andreas
Wie funktioniert das ?
Habe versucht
-einen eignen Ordner zu erstellen
-die user chrome umbenannt

2002Andreas

Zitat von Abendstern2010

-die user chrome umbenannt

Die brauchst du aber :wink:

Im Ordner chrome einen neuen Ordner erstellen...Name z.B. CSS

In diesem Ordner trägst du dann deine einzelnen Codes ein und speicherst sie mit Namen, Beispiel:
Sidebar hover.css

In der userchrome.css erstellst du dann einen Zeile mit dem Inhalt:

@import "CSS/Sidebar hover.css";

Und so machst du das dann mit jedem weiteren Code.

Sieht hier so aus dann:

Das gleiche machst du dann noch für die userContent.css

Wieder einen neuen Ordner erstellen...Name z.B. CSSWeb

Dann würde der Eintrag in der userContent.css lauten:

@import "CSSWeb/xxxxxx.css";

Dann ist alles schön übersichtlich und du findest schnell etwas wieder. :wink:

Edit:
Für Linux User müssen die Einträge anders heißen, siehe dazu hier:

Re: Diverse Lösungen für Nightly gesucht

camel-joe

Zitat von 2002Andreas

Dann ist alles schön übersichtlich und du findest schnell etwas wieder. :wink:

Einzeln oder zusammen in der userChrome.css, wie man es auch macht, Mozilla katapuliert uns zurück in die Steinzeit.

2002Andreas

Zitat von camel-joe

zurück in die Steinzeit.

Was die Anpassung vom Fx betrifft sehe ich das auch so :?

Endor

Seit froh wenn die und wenigstens die userChrome.css lassen.
Im Moment sieht es gut aus. Aber man weiß ja nie.
Mfg.
Endor

Abendstern2010

andreas danke nun sieht alles wieder schick aus.
Endor , so sehe ich das auch so lange wie es geht (hoffentlich noch lange) alles alte gute genießen.

camel-joe

Zitat von 2002Andreas

Was die Anpassung vom Fx betrifft sehe ich das auch so :?

Ja, es war nur auf die Anpassung bezogen, wobei es besonders ärgerlich ist, dass man ja weiterhin anpassen kann, nur hat man uns das passende Tool dazu genommen.