How to Create Firefox Userchrome Files

1. Open xplorer2 or explorer and Navigate to your Firefox profile folder:

(MAKE SURE HIDDEN FILES ARE SHOWN)

  • VISTA: C:\Users\<Windows login\user name>\AppData\Roaming\Mozilla\Firefox\Profiles\<profile folder>.
  • XP / 2000: C:\Documents and Settings\<Windows login/user name>\Application Data\Mozilla\Firefox\Profiles\<profile folder>


2. Open the folder called “chrome”

3. Create a new file — (In xporer2: select F7 or right click an empty spot, and choose “new file”.)

4. Name it:

For a userchrome.css file, name it: userchrome.css

For a userchrome.js file, name it: userchrome.js

* To open and edit the userchrome.js file: right-click it and select “edit”
* To open and edit the userchrome.css file: double click.

___________________________________________________________________________

How to leave comments in userchrome.js and userchrome.css -

Comments are used to remind you what the code is for. Comments must be written using the // and /* – as shown below:

userChrome.js

There are two types of JavaScript comments: Single line and multi-line.

// This is a single line comment

/*
This is a
multi-line
comment
*/

userChrome.css

/* This is a comment in CS

/* This works for multi-line too

___________________________________________________________________________

Leave a Reply