Customizing firefox ... set my own background image for all pages I open in Internet.

Question

The idea is in using my own *.css file as primary for all sites, i open in firefox (or just my own background image). So that this image replaces the background for all sites I open in Internet.
Maybe there is a file available in firefox 17.1 for this (maybe UserContent.css).
Thanks a lot.

Answer 1

Yes, you can use userContent.css for this, but it's simpler to use the Stylish extension instead.
* http://kb.mozillazine.org/UserContent.css
* https://addons.mozilla.org/firefox/addon/stylish/
You would then use something like this:
<pre><nowiki>@-moz-document url-prefix("http://"), url-prefix("https://") {
body {
background: url("file:///C:/My%20Pictures/Wallpaper/image.jpg") !important;
color: black !important;
*:not(body):not(input):not(textarea):not(button) {
background: transparent !important;
color: inherit !important;
/* Unvisited link */
a:link {
color: blueviolet !important;
/* Visited link */
a:visited {
color: indigo !important;
/* Link with the mouse cursor over it */
a:hover {
color: lightblue !important;
/* Clicked link */
a:active {
color: red !important;
}</nowiki></pre>
* To get the path of the image to use as the background, open it in Firefox and copy the URL from the address bar. Otherwise, keep in mind the protocol is file:/// that spaces must be replaced with %20 and that forward slashes must be used instead of backslashes (the latter is what Windows Explorer uses).
* Remember to define appropriate colors for text and links, otherwise they will end up unreadable against your background image.
* Even so, you can expect uneven results. Take this page for instance. “Post reply” isn't an actual button, but a link element styled to look like a button. There's no way to change these on all sites; they must be styled on a case-by-case basis. Another issue are images (e.g. the [https://support.cdn.mozilla.net/media/img/mozilla-support.png mozilla support] graphic here), which might end up unviewable against your background image.
* If you need help writing CSS, see https://developer.mozilla.org/en-US/learn/css or http://forum.userstyles.org