Hintergrundbild für firefox

Ja, kann man!

Ich habe in meiner userContent.css [Blockierte Grafik: http://tinypic.com/2n9lyc7.png] (Link [Blockierte Grafik: http://tinypic.com/2n9lyc7.png]) einen Code stehen, der den Hintergrund eines leeren Tabs anpasst, unter dem Kommentar

/* about:blank ändern */

Das sieht bei mir dann so aus:
[Blockierte Grafik: http://img135.imageshack.us/img135/5788/fxaboutblankbackgroundrd4.th.png]
Zum Vergrößern auf das Bild klicken.

Du kannst aber auch ein eigenes Bild [1] nutzen (Schnipsel, Syntax: Stylish):

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


background-image: url(file:///LW:/Pfad/Bild_500x500.png) !important;
background-color: #FEFAEE !important;
background-position: center !important;
background-repeat: no-repeat !important;

[1] pcinfarkt

Zitat von Duesentreiber

Erstmal Danke an alle für die schelle Antwort.
Aber wenn ich es richtig verstanden habe sollte ich die Befehle in die userContent.css schreiben.
Bei mir existiert aber solche Datei nicht.
In "about:config" kann ich die Befehle nicht reinschreiben?
Muss ich die usercontent.css selbst erstellen? Wenn ja in welchem Verzeichnis?

Duesentreiber

Ja, ist 'ne einfache Textdatei. Ablegen musst du sie im Chorme-Verzeichnis deines Profilordners.

Gruß
Mike

.... klinke mich an dieser Stelle mal ein; denn ich habe letztens auch noch nach einer solchen Lösung gesucht und dabei einen Stylish-Style als Ersatz für die weiße about:blank-Fläsche nach meinen Bedürfnissen modifiziert - also ebenfalls eine Grafik eingebunden. Nach langem Rumprobieren hats dann letztlich geklappt, zumal ich die modifizierte about:blank-Seite zudem noch als Startseite verwenden wollte.

Womit ich allerdings nicht gerechnet hatte: about:blank mischt auch noch in anderen Funktionen mit; so war beispielsweise das Infofenster von "Mr.Tech Local Install", indem die installierten Add-ons, Themes und Plugins aufgelistet werden, nicht mehr lesbar, da die Schrift im Dunkelblau der Grafik nicht mehr zu erkennen war. Ein Kumpel, der sich den Style ebenfalls in Stylish reingepackt hat, musste bei irgendeinem Formfeld bei ebay das gleiche Problem feststellen. about:blank ist also offensichtlich nicht wirklich komfortabel und/oder ohne Einschränkungen zu ersetzen!?

Oder gibt es eine Möglichkeit, solche Nebenwirkungen bei einer solchen Syntax auszuschalten?

Gruß - doubletrouble

Schon komisch. Ich verwende schon sehr lange den von pcinfarkt geposteten Code und die von dir beschriebenen Effekte (auch mit Local Install) kenn ich nicht.

Hmm, vielleicht liegst an Stylish. Ich sage vielleicht, da ich die Erweiterung nicht benutze.

Gruß
Mike

Nein. Mein Code (und pcinfarkt bestimmt auch) läuft hier über Stylish.

Zitat von Duesentreiber

Äh, sorry Leute aber so ganz blicke ich die Sache nicht

Also den Profiles Ordner habe ich gefunden. Darin befinden sich noch 2 Ordner.
Soweit ich es verstanden habe muss ich dort die Datei userContent.css erstellen.
Und in diese Datei kopiere ich den folgenden Code:
>>>>>>
@namespace url(http://www.mozilla.org/keymaster/gate…ere.is.only.xul);

background-image: url(file:///LW:/Pfad/Bild_500x500.png) !important;
background-color: #FEFAEE !important;
background-position: center !important;
background-repeat: no-repeat !important;
<<<<<<<

Alles anzeigen

Da steht aber nicht, welche Seite (in diesem Fall also about:blank) verändert werden soll. Das kann daher auch nicht funktionieren,
Versuch mal folgenden Code:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("about:blank") {


* {
background-image: url(file:///LW:/Pfad/Bild_500x500.png) !important;
background-color:#FEFAEE;
background-position:center;
background-attachment:fixed;
background-repeat:no-repeat;
}
}

Gruß
Mike

will das selbe erwirken. Ich habe jetzt diesen abschnitt in die UserContent.css gepackt:

/* about:blank ändern */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("about:blank") {


* {
background-image: url(file:///D:/firefox_isst_ie2.jpg) !important;
background-color:#FEFAEE;
background-position:center;
background-attachment:fixed;
background-repeat:no-repeat;
}
}

und wieso tut das jetzt bei mir nicht wie ich es gern hätte?
edit: und was bedeutet diese Zeile:

@namespace url(http://www.w3.org/1999/xhtml);

?

@loshombre, hatte mich wohl etwas missverständlich ausgedrückt!? Im beschriebenen Fall handelt es sich nicht um den Code von pcinfarkt - wäre wohl ne Maßnahme, den von mir genutzten Code auszutauschen, wenn die von mir beschriebenen Nebenwirkungen, wie im Infofenster von Local Install etc. damit nicht auftauchen.

Da ich nicht viel Ahnung von css habe, und eigentlich folgenden Code mit Stylish nutzen wollte:

http://userstyles.org/styles/1761

.... dieser aber bei mir aus unerfindlichen Gründen nicht wirklich, bzw. nur sporadisch funktionierte (der blaue Hintergrund war da, aber die Grafik nicht), packte ich die Grafik zunächst lokal auf meinen Rechner und baute sie mittels Base64 in den Code ein, um sie lokal abzurufen - da funktionierte es auch mit meinem lahmen Laptop.

Der o.a. Code zeigt aber bereits, wie das Info-Fenster von Local Install "Eigene Konfigurationen" mit der Grafik unschön hinterlegt wird. (Zumindest wirkt sich dieser Code bei mir so aus.) Ich dachte zunächst, dass auch das an meinem lahmen Laptop liegt, aber bei einem Kumpel ist es ebenso; er stellte sogar fest, dass dies auch in irgendeinem Formfeld von ebay der Fall ist, in dem er seinen Text korrigieren wollte und kaum noch lesen konnte.

Jetzt stellt sich für mich die Frage, inwieweit about:blank sich in solche Darstellungen einmischt oder sogar Grundlage ist!? Nichts desto trotz werde ich morgen mal den Code ausprobieren.

Der z.Z genutzte Code sieht mit der Base64 Grafik so aus:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("about:blank") {


* {


background: url("data:image/png;base64,/ ....... ");


margin:0px;
background-color:#051747;
background-position:center;
background-attachment:fixed;
background-repeat:no-repeat;
}
}

Edit: "........" stehen für den Base64-Code; hab das wegen der Länge wieder rausgenommen.

Gruß - doubletrouble

Das liegt nicht an about:blank, sondern bisschen am Code und zwar deswegen * {

Hi loshombre :oops: - bedeutet das, dass * { einfach weg kann und das Problem ist damit gelöst?

Edit: ich dachte es mir schon; einfach * { wegnehmen - da wird in Stylish gleich ein Fehler reklamiert - das kanns also nicht sein. Dann hat wohl der eingangs gepostete Code von pcinfarkt auch nichts mit about:blank, bzw. nix mit meinem Anliegen zu tun!? Und der von Estartu gepostete Code enthält ebenfalls * { .....??

Gruß- doubletrouble

Zitat von doubletrouble am: [Di, 20. Nov 2007 um 23:18]

Der z.Z genutzte Code sieht mit der Base64 Grafik so aus:

Code

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("about:blank") {


* {


background: url("data:image/png;base64,/ ....... ");


margin:0px;
background-color:#051747;
background-position:center;
background-attachment:fixed;
background-repeat:no-repeat;
}
}

Alles anzeigen

Edit: "........" stehen für den Base64-Code; hab das wegen der Länge wieder rausgenommen.

Gruß - doubletrouble

Versuchs mal hier mit

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("about:blank") {


* {


-moz-appearance: none !important;
   margin:1px !important;
   color: darkorange !important;
   background-color: #051747 /*steelblue*//*#FEFAEE*/; 
   background-position:280px center /*bottom right*/ !Important;
   background-attachment:fixed !important;
   background-repeat:no-repeat !important;


   background-image:
url("data:image/png;base64,/ .......... ") !Important;


   }
}

Und diesen: local_install.myConfig.Style.Default ..... body { background: #051747;
in about:config in der selben Farbe ändern wie oben.

Nein, nein. Das * bedeutet, dass der Code zwar durch die obere Zeile auf about:blank steuert, aber durch * auch global, also "fuchsallgemein" gesteuert wird. Deswegen wahrscheinlich die unschönen Nebeneffekte.
Ich hab mich da etwas vertan, denn ich benutze zwar fast den selben Code, aber für die Zwischensequenz der ladenden Tabs und für about:neterror. Obwohl about:neterror zwar auch eine Seite ist, ist sie eine html-Seite, deswegen funktioniert das hier ohne störende Nebeneffekte. about:blank ist zwar auch ne Seite, aber so ne Art fuchsinterne, also keine html. Und deswegen gibt es wohl auch unterschiedliche Code-Interpretationen.
Von meinen o.g. Codes ist keiner "global", also mit * gehalten.

Erstmal vielen Dank an loshombre und ReVox!!! Die Infoseite von Local Install sieht nun meiner Meinung nach super aus - die orangefarbene Schrift werde ich dankend übernehmen - sieht gut aus, und vor allem sind nun wieder die Versionsnummern der Add-ons lesbar, denn diese waren mit dem anderen Code nahezu unsichtbar in dem Blau.

Jetzt ist (mit dem Code von ReVox) die Grafik ganz nach rechts verschoben - dies ist als Startseite nicht wirklich schön.

background-position:280px center /*bottom right*/

.... worauf beziehen sich 280px? Ist es möglich, die Grafik mehr nach links zu rücken? Muss nicht zwingend in der Mitte sein. Vielleicht könnt Ihr mir da noch einen Tipp geben!?

Für die Zwischensequenzen (about:neterror) fand ich die zentrierte Position des blauen Fox-Logos eigentlich immer recht gut - auch beim Laden der Sidebar. Aber jetzt kann ich ja erstmal etwas mit dem Code rumexperimentieren - ist ja auch schon was. Vielen Dank!

Gruß - doubletrouble

Lass die 280 Pixel weg, dann wirds wieder mittig angezeigt.