Mozilla

Wanneer je Windows XP draait en je wilt je menu laten passen bij de standaard 'Luna'-stijl, voeg de volgende code to aan je userChrome.css bestand:

/* Maak menu's XP-stijl */
menupopup, popup {
   border: 1px solid ThreeDShadow !important;
   -moz-border-left-colors: ThreeDShadow !important;
   -moz-border-top-colors: ThreeDShadow !important;
   -moz-border-right-colors: ThreeDShadow !important;
   -moz-border-bottom-colors: ThreeDShadow !important;
   padding: 1px !important;
   background-color: Menu !important;
}
menubar > menu {
   border: 1px solid transparent !important;
   padding: 2px 5px 2px 7px !important;
   margin: 0 !important;
}
menubar > menu[_moz-menuactive="true"] {
   background-color : Highlight !important;
   color: HighlightText !important;
}

Het standaardmenu van Firefox is een soort van compromis tussen de platte menu's van Windows XP en de 3D-weergave van oudere Windows-versies. Als je de menu's zoals in de oudere Windows-versies wilt zien, dan kun je onderstaande code aan het userChrome.css bestand toevoegen:

/* Windows Classic (9x/Me/2000) menus */ 
menupopup, popup { 
   border: 2px solid !important; 
   -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight; 
   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; 
   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; 
   -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight; 
   padding: 1px !important; 
} 
menubar > menu[disabled="true"] { 
   border: 1px solid transparent !important; 
} 
menubar > menu[_moz-menuactive="true"] { 
   border-top: 1px solid ThreeDHighlight !important; 
   border-right: 1px solid ThreeDShadow !important; 
   border-bottom: 1px solid ThreeDShadow !important; 
   border-left: 1px solid ThreeDHighlight !important; 
   background-color: transparent !important; 
   color: MenuText !important; 
} 
menubar > menu[_moz-menuactive="true"][open="true"]  { 
   border-top: 1px solid ThreeDShadow !important; 
   border-right: 1px solid ThreeDHighlight !important; 
   border-bottom: 1px solid ThreeDHighlight !important; 
   border-left: 1px solid ThreeDShadow !important; 
}

Naast het installeren van thema's, kun je Mozilla Firefox nog meer personaliseren door een achtergrondafbeelding te gebruiken op de knoppenbalk. Voeg de volgende code toe aan je userChrome.css bestand:

/* Gebruik een achtergrondafbeelding op de knoppenbalken:
   (Vervang background.gif met je eigen plaatje) */
menubar, toolbox, toolbar, .tabbrowser-tabs {
   background-image: url("background.gif") !important;
   background-color: none !important;
 }

Het is het eenvoudigst om de afbeelding in dezelfde map als het userChrome.css-bestand te plaatsen. De afbeelding mag iedere door Firefox ondersteunde extensie hebben.

Om de actieve tab makkelijker onderscheidbaar te maken, kun je de kleuren van de tabs veranderen. Voeg de volgende code toe aan je userChrome.css bestand:

/* Verander de kleur van het actieve tabblad */
tab{
   -moz-appearance: none !important;
}
tab[selected="true"] {
   background-color: rgb(222,218,210) !important;
   color: black !important;
}

/* Verander de kleur van normale tabbladen */
tab:not([selected="true"]) {
   background-color: rgb(200,196,188) !important;
   color: gray !important;
}

Wanneer je geen vet weergegeven tekst wilt op je actieve tab, voeg dan de volgende code toe aan je userChrome.css bestand:

/* Geen vette tekst op actieve tab */
tab[selected="true"] {
   font-weight: normal !important;
}

Je kunt de sluitknop van de tabbalk afhalen door de volgende code toe te voegen aan je userChrome.css bestand:

/* Haal sluitknop van tabbalk */
.tabs-closebutton {
   display: none !important;
}

Je kunt nog steeds tab's sluiten door met rechts te klikken en Close Tab te selecteren, of door op Ctrl+W te drukken.

Sommige mensen willen graag alle knoppen enz. op dezelfde balk als het menu. Dit is handig wanneer je meer schermruimte wilt. Je kunt menu-opties die je niet gebruikt weghalen. Voeg de volgende code toe aan je userChrome.css bestand:

/* Haal 'Go' en 'Help' weg */
menu[label="Go"],
menu[label="Help"] {
   display: none !important;
}

Deze tip zorgt ervoor dat om de knoppen op de werkbalken minder ruimte gebruikt wordt, zodat er meer ruimte over blijft voor het tonen van webpagina's. Dit is ook van invloed op andere werkbalken zoals de Googlebar. Voeg hiertoe de onderstaande code aan het userChrome.css-bestand toe:

/* Verwijder extra ruimte in de Navigatie-werkbalk */
.toolbarbutton-1, .toolbarbutton-menubutton-button {
   padding: 2px 3px !important;
}
.toolbarbutton-1[checked="true"], 
.toolbarbutton-1[open="true"], 
.toolbarbutton-menubutton-button[checked="true"], 
.toolbarbutton-menubutton-button[open="true"] {
   padding: 4px 1px 1px 4px !important;
}

Je kunt het icoon veranderen in wat je maar wilt via onderstaande stappen:

1. Ga naar de map waarin je Mozilla Firefox hebt geïnstalleerd, b.v. (e.g. >C:\Program Files\Mozilla Firefox\) en dan naar de submap chrome.
2. In chrome, maak een nieuwe submap met de naam icons. Ga naar deze map en maak weer een submap met de naam default.
   Het volledige pad naar deze map zou kunnen zijn: C:\Program Files\Firefox\chrome\icons\default\
3. Kies het icoon dat je wilt gebruiken (in Windows gebruik .ico bestanden, in Linux gebruik .xpm bestanden) en zet dit bestand in deze map en hernoem het naar main-window.[extensie], b.v. main-window.ico in Windows en main-window.xpm in Linux.

Behalve het icoon van het hoofdvenster, kun je ook de iconen voor de Bookmark Manager en Javascript Console wijzigen. Ze heten respectievelijk bookmark-window.[extensie] en jsconsoleWindow.[extensie].

Nadat dit is gedaan, herstart je Mozilla Firefox en je zou je iconen moeten zien. Een mooi Qute icoon voor Windows gemaakt door de auteur van het standaard-thema kun je hier downloaden.

Om de zijbalk aan de rechterkant van het scherm (in plaats van links) te tonen, voeg je volgende code toe aan het userChrome.css-bestand:

/* Plaats de zijbalk aan de rechterkant */
window > hbox {
   direction:rtl;
}
window > hbox > * {
   direction:ltr;
} 

Standaard is het zoekveld relatief klein. Om de gewenste breedte in pixels aan te geven, kun je de volgende code toe voegen aan je userChrome.css bestand:

/* Maak het zoekveld breder */
#search-container {
-moz-box-flex: 400 !important;
}

#searchbar {
-moz-box-flex: 400 !important;