Hintergrundbild für firefox

ReVox: Hab kein Stylish. Funktioniert trotzdem. :wink:

Tue uns allen mal ganz schnell nen Gefallen und lösch bitte hier sofort den Basecode! Danke!

http://de.wikipedia.org/wiki/Base64

Zitat von The Lion

Was bedeutet denn der ellenlange Basecode?

Das ist das Hintergrundbild, base64 encodiert.

Zitat von loshombre

Tue uns allen mal ganz schnell nen Gefallen und lösch bitte hier sofort den Basecode! Danke!

http://de.wikipedia.org/wiki/Base64

Hä wieso löschen?

Ich dachte ich soll Base64 codierung nehmen das es geht! Und du sagst ich soll es löschen!

Versteh ich nicht!

Zitat von Estartu

Nö, eigentlich nicht. Bei mir ist es nicht drin
Hier mal meine userContent.css. Probier die mal aus.
http://estartunet.de/download/userContent.css

Also mit der funktioniert es jetzt, nur komischerweise ist nicht das bild als hintergrund da was ich codiert habe! Da ist das Mangabild Symbol von Firefox mit der Manga Tussi die die Weltkugel umarmt drauf. WIeso das?

Zitat von ReVox

howhigh
Würde bei mir so auch nicht funktionieren. :shock:

Normalerweise geht´s hiermit:

CSS

@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: #4F94CD /*steelblue*//*#051747*//*#FEFAEE*/; 
   background-position: /*280px*/ center /*bottom right*/ !important;
   background-attachment:fixed !important;
   background-repeat:no-repeat !important;


   background-image:
url("data:image/png;base64,
iVBORw0KGgoAAAANSU....................U5ErkJggg==") 
   !important;


   }
}

Alles anzeigen

Das ganze in Stylish gepackt. :wink:

Mit dem gehts nicht, da ist der Hintergrund nur hellblau!?!?!??????

:shock: :shock: :shock:

Die Farbe wirst du doch wohl ohne weitere Hilfe eintragen können
Die eingetragene war nur ein Bsp. weitere sind auskommentiert.

Der base64 CODE war nur der ANFANG und das ENDE des selbigen um zu zeigen womit der CODE anfängt und endet.

Den must du mit einem Bild deiner Wahl in base64 codieren.
wenn das Bild dann immer noch nicht angezeigt wird, dann ist wahrscheinlich die codierung fehlerhaft.

Zitat von Estartu am: (Sa, 01. Dez 2007 0:25)

ReVox: Hab kein Stylish. Funktioniert trotzdem. :wink:

Das funktioniert bei mir auch in meiner userContent.css
hatte mich für Stylish entschieden weil einfacher zu handhaben und Fehler im Code sofort angezeigt werden :wink:

Genauso wie hier in die userContent.css kopieren

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


* {


background:  url("data:image/jpeg;base64,.......Diese Punkte mit Deinem/Anderen funktionierenden Base64-code austauschen bis...........................hier==");
margin:0px;
background-color:#FFFFFF;
background-position:center;
background-attachment:fixed;
background-repeat:no-repeat;
}
}

Versuchs mal hiermit: klick

wenn du kein Stylish nutzt dann nur den base64 nehmen

Noch einmal eine andere Variante, um Dateien zu benutzen.

Man trage folgendes in die user.js ein:

user_pref("capability.policy.policynames", "localfilelinks");
user_pref("capability.policy.localfilelinks.sites", "about:blank");
user_pref("capability.policy.localfilelinks.checkloaduri.enabled", "allAccess");

Danach reicht in der userContent.css, um das Bild "bg.png" aus dem chrome-Ordner (Unterverzeichnis im Profilordner!) als Hintergrund für about:blank einzusetzen:

@-moz-document url("about:blank") {
* {
background:  url(bg.png);
margin:0px;
background-color:#FFFFFF;
background-position:center;
background-attachment:fixed;
background-repeat:no-repeat;
}
}

Ich vermute sehr stark, dass damit dann jede Seite Dateien von der Festplatte laden kann.

So wird's wohl sein.

Ich frage mich, wie das bei den Firefox-Installationen aussieht, die anscheinend von Einigen eingesetzt werden und solche Verrenkungen nicht brauchen (oder kommt das alles nur durch stylish?).

Die beste Methode ist sicherlich, mit data-url zu arbeiten, aber damit hat z.B. The Lion ja Probleme.

Wie würde so ein code aussehen das man das Hintergrundbild auch zu sehen ist wenn man einen neuen Tab aufmacht.

Weil mit dem jetztigen code

Zitat

@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: #000000 ;
background-position: center !important;
background-attachment:fixed !important;
background-repeat:no-repeat !important;

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

}
}

Alles anzeigen

erscheint nur ein hintergundbild.Was müsste man nocj einfügen bzw neuen code einbauen damit man auch ein bild hat von Tab zu Tab wie es im Nasa Night launch zum besipiel ist.

Hi tommie666, Willkommen hier im Forum!

.... der von Dir zitierte Code sollte eigentlich auch dies tun; er ersetzt die standardmäßige weiße Fläche von about:blank mit einem Bild - und beim Öffnen eines neuen "leeren" Tabs erscheint ohnehin about:blank, jedoch somit das modifizierte about:blank - sprich: ebenfalls das in base64 encodierte Bild im Code.

Zumindest macht der Code dies in meinem Fox (mit Hilfe von Stylish [Link]) zuverlässig, wobei ich jetzt nicht weiß, wie sich dies in "NASA Night" verhält und dies vielleicht ein Missverständnis ist und Du was anderes erreichen willst!?

by the way: ist bei einem Bild darauf zu achten, dass wenn es recht dunkel ist, dies ggf. in manchen Info-Fenstern (wie z.B. von der Erweiterung "Mr. Techs Local Install") etc. ebenfalls als Hintergrund erscheint, wenn diese auf about:blank aufsetzen, was dann anhand der eventuell dunklen Farbe dazu führen kann, dass der Text in solchen Fenstern nicht mehr lesbar ist. Dies muss in einem solchen Fall bezüglich der Textfarbe ebenfalls angepasst werden. (wurde im Thread bereits am Beispiel "Local Install" erläutert.)

Grüße - doubletrouble