This is the current FAQ for NG Classic. I will be adding to this as questions are asked or documentation is needed so if you have a question not listed here or need further support, don’t hesitate to contact me.
These document some special features that you need to create a userChrome.css file in your profile folder before you can use them if you haven’t already.
Since this has been getting larger I thought I’d provide a table of contents:
- How do I create a userChrome.css?
- How do I keep the tank visible in blank tabs?
- How do I install the Newgrounds font to work with NG Classic?
- How do I start the animation?
- How do I activate the alternate toolbar?
- How do I active the Old Classic toolbar?
- How do I active the compact menubar?
This is a problem with Firefox 3, not the theme itself. To fix this, right-click the empty space of the menu bar and choose customise from the menu. Then click the ‘use small icons’ check box twice.
First you need to follow Mozilla’s instructions on locating your profile.
Then, in your profile folder, you need to open the chrome folder. After that, make a copy of the userChrome-example.css and rename it to userChrome.css.
You are now ready to edit it using your text editor. Alternatively you could use the userChrome.css generator and save it to your chrome folder.
First you need to follow Mozilla’s instructions on locating your profile.
Then, in your profile folder, you need to open the chrome folder. After that, make a copy of the userContent-example.css and rename it to userContent.css if there is no userContent.css file present.
You are now ready to edit it using your text editor. Alternatively you could use the userContent.css generator and save it to your chrome folder.
Add the following text to your userContent.css file:
@-moz-document url('about:blank'){
html:not([class]) {
background: url(chrome://browser/skin/ng_tank.png) no-repeat center center fixed #27272d !important;
}
}
If you want the orange and yellow gradient behind then here is the code:
@-moz-document url('about:blank'){
html:not([class]) {
background: #ffe400 url('chrome://global/skin/tree/Lbackground.png') repeat-x;
margin:0px;
padding:0px;
}
body {
background: url(chrome://browser/skin/ng_tank.png) no-repeat center center fixed !important;
height:100%;
width:100%;
margin:0px;
padding:0px;
}
}
Finally if you just want the gradient here it is
@-moz-document url('about:blank'){
body {
background: url(chrome://browser/skin/ng_tank.png) no-repeat center center fixed !important;
height:100%;
width:100%;
margin:0px;
padding:0px;
}
}
Obviously, you need the font before you can install it:
TekutekuAL, Regular (Newgrounds Font)
At the top you will see the title written in the font. The link to the font is in right-side the gray line directly underneath. You can either download it in a zip file or download the font directly.
Not everyone knows how to install fonts so here’s a nifty guide for Windows, Linux and Mac (Source).
How to install a font under Windows ?
Unzip the files you have downloaded.
Details : Click on the “Download” button, save the zip somewhere on your hard disk, go to the place where it is saved, double-click on the zip to open it, then either click on “Extraxt all files” or drag and drop the files elsewhere from the zip window (hold down the CTRL key to select several files at once)
For the 20th century versions of Windows you must install an unzip tool first.
Under Windows Vista :
Select the font files (.ttf, .otf or .fon) then Right-click > Install
Under any version of Windows :
Place the font files (.ttf, .otf or .fon) into the Fonts folder, usually C:\Windows\Fonts or C:\WINNT\Fonts
(can be reached as well by the Start Menu > Control Panel > Appearance and Themes > Fonts).
Note that with the internal unzip tool of Windows (unlike Winzip), you cannot install a font by a simple drag and drop of the .ttf from the zip window to the Fonts window. You must first drag and drop it anywhere (for example on the desktop) then in the Fonts folder.
You can also go through : File > Install a new font… in the Fonts folder menu then browse the fonts, instead of drag and drop the fonts into the window. Although this method is laborious, it would seem that it functions better in certain cases.
Tip : if you punctually need a font, you don’t need to install it. Just double-click on the .ttf file, and while the preview window is opened you can use it in most of the programs you’ll launch (apart from a few exceptions like OpenOffice).
How to install a font under Mac OS ?
Mac OS X recognizes TrueType and OpenType fonts (.ttf and .otf) but not the PC bitmap fonts (.fon).
Files are compressed, you may need a utility like Stuffit Expander.
Under Mac OS X :
Put the files into /Library/Fonts (for all users),
or into /Users/Your_username/Library/Fonts (for you only).
If your OS includes the Font Book, you can as well double-click on a font file, then a preview pops with an “Install font” button.
Under Mac OS 9 or less :
The old Mac fonts are not supported anymore at dafont. First, you have to convert the font files (.ttf or .otf) you have downloaded.
Then drag the fonts suitcases into the System folder. The system will propose you to add them to the Fonts folder.
How to install a font under Linux ?
Copy the font files (.ttf or .otf) to fonts:/// in the File manager.
NG Classic V2+ (Firefox 3)
In version 2+ the animation is turned off by default because it caused motion sickness, a condition which could prevent the people it affects from turning the animation off.
How do I start the animation
To start the animation, put the following line into your userChrome.css before the @namespace line:
@import url('chrome://global/skin/alternate/ngcAnimate.css');
How do I activate the alternate toolbar?
To activate the alternate toolbar, put the following line into your userChrome.css before the @namespace line:
@import url('chrome://global/skin/alternate/ngcAltToolbar.css');
How do I activate the second alternate (Old Classic) toolbar?
This is implemented in version 2.02 and is more familiar for users of the FF2 version. To activate, put the following line into your userChrome.css before the @namespace line:
@import url('chrome://global/skin/alternate/ngcAltToolbar2.css');
How do I activate the compact menubar?
This is implemented in version 2.025 and changes the large NG logo with tank_sm, making the menubar much more compact. To activate, put the following line into your userChrome.css before the @namespace line:
@import url('chrome://global/skin/alternate/ngcCompact.css');
NG Classic V1 (Firefox 2)
How do I stop the Animation?
That’s easy and was implemented in version 1.0.4.2, just add the following line to you userchrome.css file before the @namespace line:
@import url('chrome://global/skin/alternate/ngcAltSkin.css');
…then it will look some what similar to…
@import url('chrome://global/skin/alternate/ngcAltSkin.css');
@namespace url('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul');
To find out more about userChrome.css and how to edit it, go to the Editing Configuration Files page at the Mozilla web site.
