userchrome.css-Codes gesucht!

[captain chaos]

Thread geschlossen.

Bitte postet alle Anfragen zu Codeschnipseln für die userchrome.css oder für die Erweiterung Stylisch, Greasemonkeyskripten oder anderen Anpassungsmöglichkeiten im neuen Unterforum Anpassungen.

Das Unterforum Anpassungen wurde eingeführt, da dieser Thread mit seinen mittlerweile 190 Seiten definitiv zu unübersichtlich wurde.

_____________________________________________________

Dieser Thread soll die Anlaufstelle werden, um Codes für die userchrome.css zu suchen, mit denen man die Firefox-Oberfläche verändern kann.

Es gibt einige Websites, auf denen viele Codes zu finden sind:
Mozilla.org - Customizing Mozilla
borumat.de - Tipps zum Browser Firefox
MozillaZine - Post your userFiles!

Da aber immer neue Erweiterungen hinzukommen, wird es immer neue Sachen zum verändern geben.
In diesem Thread soll danach gesucht werden.

Anleitungen, wie man diese Codes selbst finden kann, sind natürlich auch gern gesehen!


So, ich mach mal den Anfang:
Wie kann ich bei FoxyTunes in der Statusbar die Optionen-Taste (siehe Bild) ausblenden?

[AngelOfDarkness]

Hier ist auch noch eine Quelle für selbstgebastelte und bereits
veröffentlichte Codes :

MozillaZine - Post your userFiles!

...:AOD:...

[Mithrandir]

Wie kann ich bei FoxyTunes in der Statusbar die Optionen-Taste ausblenden?

Code: Alles auswählen

#foxytunes-main-menu-statusbar
{
display: none !important;
}

geht schon einmal in die Richtung.

[Dr. Ä]

So, hier mal ein paar Codes, die ich benutze:

Image der "About-Box" ändern!

Code: Alles auswählen

#aboutDialog > #modes > #clientBox {
  background: url("file:///Link zum Bild") center top no-repeat fixed #FFFFFF !important;
}

Image der Credits ändern:

Code: Alles auswählen

@-moz-document url-prefix(chrome://) {
    #titleBox img {
        display: none;
    }
    #titleBox {
        background: top left url(chrome://branding/content/aboutCredits.png) no-repeat fixed;
        min-width: 300px;
        min-height: 135px;
    }
}

Beide Codes stammen von Dr. Evil!

Icons von Erweiterungen aus der Statusleise entfernen:

Code: Alles auswählen

statusbarpanel[id="ID des Icons"] {
    display: none !important;
}

Stop/Reload Button:

Code: Alles auswählen

stop-button:not([disabled="true"]) { display: -moz-box !important; }
#stop-button[disabled="true"] { display: none !important; }
#stop-button[disabled="true"] + #reload-button { display: -moz-box !important; }
#stop-button:not([disabled="true"]) + #reload-button { display: none !important; }

Größe der Einstsllungsfenstger ändern:

Code: Alles auswählen

#BrowserPreferences {width: 700px !important;
height: 400px !important;}

Einen ganz Haufen an Codes gibts übrigens hier: Klick!
Zusammengetragen von Nemoflow!
EDIT: Der Link wurde schon vom Captain gepostet, sorry!

So, und jetzt hätte ich ne Frage!
Kann mir jemand sagen, ob und wenn ja wie ich eine andere Fehlermelung, wenn eine Seite nicht geladen werden kann, per UserChrome einbinden kann!

Grüße
Dok.

[AngelOfDarkness]

So, und jetzt hätte ich ne Frage!
Kann mir jemand sagen, ob und wenn ja wie ich eine andere Fehlermelung, wenn eine Seite nicht geladen werden kann, per UserChrome einbinden kann!

Grüße
Dok.

Schau mal, ob dir dies hier weiterhilft :

Also wenn es nur darum geht, dass die Seite anders aussieht:

Ihr Styleshheet ist in allen Themedateien (.jar = .zip) die global/netError.css.

Hier die des Standardthemes:

Code: Alles auswählen

/*
*  This defines the look-and-feel styling of the error pages.
*  (see: netError.xhtml)
*
*  Original styling by William Price <bugzilla>
*  Updated by: Steven Garrity <steven>
*              Henrik Skupin  <mozilla>
*/

html {
  background: -moz-Dialog;
}

body {
  margin: 0;
  padding: 0 1em;
  color: -moz-FieldText;
  font: message-box;
}

h1 {
  margin: 0 0 .6em 0;
  border-bottom: 1px solid ThreeDLightShadow;
  font-size: 160%;
}

ul, ol {
  margin: 0;
  -moz-margin-start: 1.5em;
  padding: 0;
}

ul > li, ol > li {
  margin-bottom: .5em;
}

ul {
  list-style: square;
}

#errorPageContainer {
  position: relative;
  min-width: 13em;
  max-width: 52em;
  margin: 4em auto;
  border: 1px solid ThreeDShadow;
  -moz-border-radius: 10px;
  padding: 3em;
  -moz-padding-start: 30px;
  background: url("chrome://global/skin/icons/warning-large.png") left 0 no-repeat -moz-Field;
  -moz-background-origin: content;
}

body[dir="rtl"] #errorPageContainer {
  background-position: right 0;
}

#errorTitle {
  -moz-margin-start: 80px;
}

#errorLongContent {
  -moz-margin-start: 80px;
}

#errorShortDesc > p {
  border-bottom: 1px solid ThreeDLightShadow;
  padding-bottom: 1em;
  font-size: 130%;
}

#errorLongDesc {
  -moz-padding-end: 3em;
  font-size: 110%;
}

#errorLongDesc > p {
}

#errorTryAgain {
  margin-top: 2em;
  -moz-margin-start: 80px;
}

#brand {
  position: absolute;
  right: 0;
  bottom: -1.5em;
  -moz-margin-end: 10px;
  opacity: .4;
}

body[dir="rtl"] #brand {
  right: auto;
  left: 0;
}

#brand > p {
  margin: 0;
}


Kann man selbst mittels userChrome.css und ein paar !important Tags vor dem ; ändern...

Gruß,
Bazon

...:AOD:...

[Dr. Ä]

Hmm...nicht wirklich!
Hier gabs doch mal nen (kleinen) Thread mit solchen Fehlermeldungen! (Den find ich aber nimmer )
Solche Meldungen hätte ich auch gerne!

[captain chaos]

Danke, Mithrandir, klappt tadellos!

About-Box, Credits, Fehlermeldungen - Hab noch nie verstanden, wieso man da rumbasteln soll.
Naja, wenn´s einem mal gepackt hat...

[AngelOfDarkness]

Zum Thema About-Box und Credits sieh auch hier :

http://www.firefox-browser.de/forum/viewtopic.php?t=3278

...:AOD:...

[captain chaos]

Ich habe noch eine Frage:

Gibt es einen userchrome.css-Code, der die Größe der Searchbar flexibel macht, so wie die Erweiterung Searchbar Autosizer?

Sie müsste sich automatisch an die Länge des eingegebenen Textes anpassen und auch wieder kleiner werden, sobald der Text kürzer wird.

Es wäre auch praktisch, wenn man eine Minimal- und Maximalgröße definieren könnte.

[Dr. Ä]

Naja, wenn´s einem mal gepackt hat...

Genau!
Nochmal zu meinem Problem: Kennt keiner deisen Thread?

[liracon]

Naja, wenn´s einem mal gepackt hat...

Genau!
Nochmal zu meinem Problem: Kennt keiner deisen Thread?

evtl. Thread ?

[Dr. Evil]

Searchbar Autosizer ist nicht umsonst als Erweiterung realisiert worden. CSS alleine reicht da lange nicht.

und eine weitere Quelle ist natürlich: http://userstyles.org/

[liracon]

dumme Frage dazu:
reicht es nicht, wenn man den Flexmode im Quellcode ändert ?
Ist doch auch nur ein Container-Element.
Aber habe dazu so gut wie keine Ahnung, deswegen auch dumme Frage

[JonHa]

Ja, du kannst das flex verändern. Dann teilen sich die Searchbar und due urlbar den verfügbaren platz. z.b. kriegt die searchbar dann 30% und die urlbar 70%. Dadurch wird das dann aber immer noch nicht einstellbar durch den Benutzer, das was mindestens noch fehlt ist ein splitter. Und genau der wird durch die Erweiterung eingefügt.

[liracon]

Ah ja, dann kann ich mit dem Flexmode also die Objektdefinierte Grösse proportional aufteilen innerhalb der Container dieses Objektes, aber keinen Einfluss auf die Objektdefinition nehmen.

Wieder was gelernt - danke Dir !