====== Creating more screen space in Firefox ======

This page will show you how to shrink and de-clutter Firefox to free as much screen space as possible for actually viewing web pages.






===== Introduction =====

Firefox is not brilliant for the EEE, because of its height. In order to make it more usable, you could try any or all of the following:

  - Remove the navigation and bookmarks toolbars
  - Install the [[https://addons.mozilla.org/en-US/firefox/addon/1455|Tiny Menu]] or [[https://addons.mozilla.org/en-US/firefox/addon/4550|Compact Menu 2]] extension, which shrinks your menu down to one entry or icon. Read the developer's comments on the download page for the extra instructions how to use it.
  - Install a compact theme like Whitehart or [[https://addons.mozilla.org/en-US/firefox/addon/607|Minifox]].
  - Use full-screen mode or install the Fullerscreen add-on. Also try the [[https://addons.mozilla.org/en-US/firefox/addon/1568|Full Fullscreen]] extension.
  - Globally reduce the font size (for menus and such).
  - Removing unnecessary menu options
  - Remove the status bar (under the 'View' menu)
  - Users of the default OS can also hit the far-right arrow to shrink the bottom menu.

See also [[howto:shrinkthunderbird|How to shrink Thunderbird]]

==== Example ====

If you like to know, what the result of following the subsequent guides might look like. 

{{howto:exampleffscreen.jpg|}}

This is an example-Screenshot of the Firefox-Toolbar with the following additions / changes:

- The Firefox text-menu was shrunk to one single toolbar-item using the [[https://addons.mozilla.org/en-US/firefox/addon/1455|Tiny Menu Extension]].

- The bookmark and navigation toolbar are removed. Following these steps: [[howto:shrinkfirefox#using_a_single_toolbar]]

- The Stop-Button and the Reload-Button are combined using the [[https://addons.mozilla.org/de/firefox/addon/313|Stop-or-Reload extension]].

- The overall font-size was reduce to 8pt using this guide: [[howto:shrinkfirefox#changing_the_overall_font_size]]

- The second-right toolbar-button toggles your statusbar. [[http://codefisher.org/toolbar_button/toolbar_button_maker|Find it here]]. 



===== Using a single toolbar =====

Firefox itself provides a means to maximize vertical screen space, by getting rid of bookmark and navigation toolbars, after moving the wanted components from the navigation toolbar up into the menu toolbar. This probably works best in combination with a compact Firefox theme.

  - After running Firefox, select ''View->Toolbars->Customize''.
  - A window pops up allowing you to change the organization of the toolbars.
  - Drag the "home page" button into the customize toolbar window (discarding it).
  - Drag the other navigation buttons up onto the topmost (menu) toolbar, at the left.
  - Drag the url bar into the menu toolbar at the right.
  - Drag the search bar into the customize toolbar window (discarding it) and close the customize window.
  - Finally, go back to Firefox's ''View->Toolbars'' and disable display of the Navigation and Bookmarks toolbars.

The idea behind dispensing with the search bar is that google and other searches can already be performed from the url bar, and so the space can be freed.

If you enter search terms rather than a url in the url-bar, Firefox will take you to a page based on a google search on what you typed. But, depending on how google feels about the result, it may take you to an "I'm feeling lucky" result instead of showing the search results page. To change this you can go to ''about:config'' (in the Firefox url bar), search for keyword.URL (in the filter input) and double-click the result to change the value there to ''%%http://www.google.com/search?btnG=Google+Search&q=%%'' ((see [[http://forevergeek.com/articles/outfox_outsearch_with_firefox.php|this article]] for a full explanation and what to do if you want dictionary, yahoo, or other searches from the url bar as well)).

Incidentally, to make even more and better use of the url bar, you might like to look at the [[https://addons.mozilla.org/en-US/firefox/addon/2300|Autocomplete Manager]]

If you miss the bookmarks toolbar try creating a folder on it with no name. Move all of your links into the nameless folder then do customise and move it onto your single toolbar. You now have a single icon with your links in that works in a similar way to tiny menu.

You may also want to try keyboard shortcuts to replace the Back, Forward, Stop, Refresh buttons:

- Press 'Alt + (right arrow)' button to go Forward

- Press 'Alt + (left arrow)' button to go Backward

- Press 'Alt + Esc' button to Stop loading a page

- Press the 'F5' button to Refresh


If you like having your Bookmarks toolbar handy, but don't like how it clutters up your Eee, try the [[https://addons.mozilla.org/en-US/firefox/addon/4072|Smart Bookmarks Bar]]. After installing you can set the extension up to automatically hide the bookmarks bar and show it again when you move your mouse cursor towards the toolbars.
This extension also allows you to hide the names of your bookmarks and minimize the space between them so that all you see is the Favicons of your bookmarks.


===== Installing a Smaller Theme =====

  - Launch Firefox and go to the ''Tools->Add-Ons'' menu then select the ''Themes'' tab. 
  - Click the ''Get Themes'' button at the bottom right.
  - On the webpage that comes up, scroll to the the ''Browse Themes by Category'' link and choose ''Compact''.
  - Pick your favorite compact theme. I chose Whitehart: https://addons.mozilla.org/en-US/firefox/addon/364
  - Another compact theme option is [[https://addons.mozilla.org/en-US/firefox/addon/607|Minifox]].
  - Download the theme and install it according to the instructions on the website (click the ''Install Now'' button and Firefox should automatically install it).
  - Restart Firefox to finish the installation.
  - You'll need to go back to the Themes window (''Tools->Add-Ons'') and switch to the new theme after installation




===== Using full-screen mode or the Fullerscreen add-on =====

  * When in Firefox, press F11 to go full-screen mode.

  * Firefox's fullscreen behavior can be improved by installing the [[https://addons.mozilla.org/en-US/firefox/addon/4650|Fullerscreen]] add-on. It hides the toolbars and status bars, showing them when you mouse near the top/bottom of the screen. it also shows the status bar when it's appropriate: like when you mouse over a link (so you can see where it goes) or you are loading a page (so you can see progress). 
  * The one downside to FullerScreen is that switching tabs becomes less natural (you have no visual indicator of what tab you are switching to). However, SHIMODA's excellent [[https://addons.mozilla.org/en-US/firefox/addon/1936|Stack Style Tabs]] add-on is a perfect compliment and gives you an alt-tab styled view of your tabs when you hit ctrl-tab. 
  * Another option to consider is [[https://addons.mozilla.org/en-US/firefox/addon/1568|Full Fullscreen]].

===== Changing the Overall Font Size =====

Reduce the font size of the firefox menus by doing this:

  * Open a terminal then change to the firefox chrome directory as follows (if * doesn't work replace it with whatever variation it is on your system, something like 9unly32k.default):

<code>
cd /home/user/.mozilla/firefox/*.default/chrome/
</code>

   * Now open up userChrome.css in your favourite editor:

<code>
kwrite userChrome.css
</code>

   * Change it to look like this:

<code>
* {
    font-family: sans-serif !important;
    font-size: 8pt !important;
}
</code>

  * Save and exit. Now restart firefox.

===== Removing Menu Options ====

More space can be found in the menu toolbar by removing unnecessary menu options such as Help or History and Bookmarks which can be opened in a side window using the appropriate shortcut keys. 

  * Open userChrome.css as described above in changing the overall font size. 

  * Add the following code to remove the Help, History and Bookmarks menu options. Should you wish to retain any of these menu options then remove its menu[label=""] entry along with the comma separator:

<code>
menu[label="Help"], menu[label="History"], menu[label="Bookmarks"] {
    display: none !important
}
</code>

  * Save and exit. Now restart firefox.


===== Optimizing Google Result page =====
This will remove the top-bar, the logo and ads from the Google page results.
  - Install the [[https://addons.mozilla.org/en-US/firefox/addon/2108|Firefox Stylish plugin]]
  - Install [[http://userstyles.org/styles/5383|this custom style]]  


===== Installing Fission Addon ====
This Addon is great for people that miss the status bar at the bottom.  Really it's for those that like some of the functionality and aesthetics of Safari.  When configuring Fission, be sure to add the check box for "Active link/mouse-over link in the address bar".  This will reclaim/force some double duty for the limited eee real estate.
https://addons.mozilla.org/en-US/firefox/addon/1951

===== Installing the Vimperator Addon =====
The [[http://vimperator.mozdev.org|Vimperator addon]] changes Firefox to act, look and be controlled like the editor Vim. With it, screen real estate is maximized, as neither the address bar nor the toolbar are necessary any more. Just about everything is handled with keyboard shortcuts. It takes a bit of learning, but previous Vim users will feel perfectly at home.

===== References =====

  * Some content originally from [[howto:maximize_screen_space]]
  * Font size change based on method from [[howto:shrinkthunderbird]]
  * My (BlueC) experiences doing this
  * http://forum.eeeuser.com/viewtopic.php?id=49375 for comments/feedback
  * Additional edits provided by 'deicidist' after his post [[http://forum.eeeuser.com/viewtopic.php?id=19258|here]].