En panne, je suis. Domm'âge !

.

.

.
. . . . . . . . . . . . . . . . . .
.

.

.

about firefox

A propos de Mozilla Firefox

About firefox in the help menu : change the background / dans le menu aide, < à propos de mozilla firefox > changez l'image de fond
choose an image nearly 256x256, anyway, it's to you to easily scale the code / choisissez une image d'environ 256x256 : vous pouvez adapter facilement le code



crunchbang logo by rfquerin

in your userChrome.css
~/.mozilla/firefox/profile name/chrome/userChrome.css
(if it does not exist : create folder and file)

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

/* ====== A PROPOS DE ====== */

#aboutDialog #clientBox
{
-moz-appearance: none !important;
background-color: black !important;
background-image: url("/data/images/crunchbang/logo-rfquerin-254.png") !important;
background-position : 24px 0 !important;
max-height: 254px !important;
min-width: 300px !important;
max-width: 300px !important;
color:#2f2f2f!important;
}
#aboutDialog #version
{
display:none!important;
}
#copyright
{
margin-top:48px!important;
padding-left:12px!important;
}
#aboutDialog #userAgent
{
background-color:black!important;
color:#2f2f2f!important;
padding-left:12px!important;
font-weight:bold!important;
}

/* ===/// A PROPOS DE ====== */

toolbars' backgrounds : stripes

Une image en fond des barres d'outils

take a (random) image, this one is transparent with black stripes / avec n'importe quelle image : celle-ci est transparente avec des rayures noires (in gimp patterns / motifs)

to make your toolbars' background, choose first a background-color (not too black) !

in your userChrome.css
~/.mozilla/firefox/profile name/chrome/userChrome.css
(if it does not exist : create folder and file)

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

/* ====== IMAGE-BACKGROUND ====== */

toolbox
{
-moz-appearance: none !important;
background-color:#424242!important;
background-image:url("/data/images/gimp/pins-nasa.png")!important;
}
#toolbar-menubar, #nav-bar, #PersonalToolbar
{
-moz-appearance:none!important;
background:transparent!important;
border:none!important;
}

/* ===/// IMAGE-BACKGROUND ====== */

In the userChrome.css, your image-address can be local ( ~/images/blablabla.png )

cursor : pointer on...

La petite mimine

transforme le pointeur de souris au passage sur les boutons, les boutons de barre d'outils, les marque-pages et les menus / mouse-pointer = little hand on # buttons

in your userChrome.css
~/.mozilla/firefox/profile name/chrome/userChrome.css
(if it does not exist : create folder and file)

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

/* ====== CURSOR ====== */

menu,
toolbarbutton:hover,
button:hover,
.bookmark-item:hover
{
opacity:1!important;
cursor:pointer!important;
}

/* ===/// CURSOR ====== */

toolbars' & others backgrounds

Fonds et bas-fonds

in your userChrome.css
~/.mozilla/firefox/profile name/chrome/userChrome.css
(if it does not exist : create folder and file)

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

/* for a dark theme */
#navigator-toolbox toolbar#toolbar-menubar,
#navigator-toolbox toolbar#PersonalToolbar,
#navigator-toolbox toolbar#nav-bar,
#urlbar,
#urlbar *,
#searchbar .searchbar-textbox,
#searchbar .searchbar-engine-button,
statusbar,
statusbar *
{
-moz-appearance:none!important;
background:#121212!important;
}
/* color of text in urlbar, searchbar & statusbar */
#searchbar .searchbar-textbox,
#urlbar .textbox-input-box,
statusbar
{
color:#ffffff!important;
}

evidently, you can separate the code for toolbars, statusbar, etc
& you can only write for all toolbars

#navigator-toolbox toolbar

use gColor2 to find the hexacode of your colors
or see here for a basic color code, in this case, you can write i.e. (much more poetic)

statusbar
{
color:lightsalmon!important;
}

centered tabs on tabbar

Centre les onglets sur la barre d'... onglets

in your userChrome.css
~/.mozilla/firefox/profile name/chrome/userChrome.css
(if it does not exist : create folder and file)

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* ====== CENTERED TABS ====== */

.tabbrowser-tabs .scrollbox-innerbox
{
-moz-box-pack:center!important;
}

/* ===/// CENTERED TABS ====== */

change autoscroller : animated gif

Le petit manchot tourneur


autoscroller is that thing who appears when you middle-click in firefox to scroll the web page : that's an horrible design ! change it in a kind rolling tux ! /
l'autoscroller, c'est cet affreux machin qui apparait dans firefox quand vous cliquez milieu pour faire défiler la page (défilement doux)

in your userChrome.css
~/.mozilla/firefox/profile name/chrome/userChrome.css
(if it does not exist : create folder and file)

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

/* ====== MANCHOT TOURNEUR ====== */

#autoscroller
{
-moz-appearance: none !important;
height: 28px !important;
width: 28px !important;
border: none !important;
margin: -14px !important;
padding: 0 !important;
background-image: url("http://www.enregistrersous.com/images/59e95014fa7d83a7ddc62c212a65dbff.gif") !important;
background-color: transparent !important;
background-position: right top !important;
}

/* ===/// MANCHOT TOURNEUR ====== */

center images

Centre les images dans la page



when you right-click on an image to display it alone & centered /
quand vous cliquez à droite sur une image > afficher l'image, centre l'image dans la page

in your userContent.css
~/.mozilla/firefox/profile name/chrome/userContent.css
(if it does not exist : create folder and file)

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


/* ====== CENTRER LES IMAGES ====== */

HTML > BODY:only-child > IMG:only-child
{
display: block !important;
margin: auto !important;
}

/* ===/// CENTRER LES IMAGES ====== */