How to turn Firefox into Widefox?

Original author: Johnathon Weare
  • Transfer


What we want to achieve is 1680x1050 98 kb

from the author:
I won’t say that wide-format engines are widespread, but some at work, and some lucky ones have such monitors at home. For example, my bosses became generous with Apple Cinema 20 "
Of course, the difference was felt immediately, but in modern web design, many sites are designed for a maximum of 1280 points. This article is designed to help optimize the workspace of the popular browser and the

Main advantages of Widefox (as the author called his crafts)
Vertical ribbon with tabs (right or left for choice)
Compatibility
Firefox 1.5 - 2.0.0.3 (2.0 - 2.0.0.4pre)
all builds (Windows, Mac, Linux, third parties and localized)
all extensions (except HideTabBar , and those that are not compatible with TabMixPlus )

Increasing useful vertical space
Optimization for a large number of tabs (tab tape can hold up to 40 or more) Session
manager
More efficient navigation: moving navigation to the upper right corner, effective scrolling, wise hotkey system.
Miscellaneous: the tape with the tabs moves to the 2nd monitor (if you have 2 of them).

Vertical TabBar
To do this in Firefox 2 you need to do two points:
1 install the Tab Mix Plus extension and configure it
2 add the userChrome.css file

1 TabMixPlus
install Tab Mix Plus and configure it according to the picture

* Display-> Tabbar-> bottom (if you want the tabbar to be on the right). Or you can remove a comment from one line of code in userChrome.css
* Display-> Tabbar-> built-in-style
* Display-> Tabbar-> when dont fit-> scrollable

* Display-> Tab-> tabwidth fits-> off

2 userChrome.css
Save the following file as /chrome/userChrome.css For questions, see the Firefox help. Remove the comment in the “.tabbrowser-tabs” section from the line where your permission appears. The main changes are over. Next is an optional extension, which you can use as you wish. Suitable browsers * Firefox 2.0-2.0.0.3 * Firefox 2.0.0.4pre

/* Do not remove the @namespace line -- it's required for correct functioning*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

/* works in in FF2.0 */

#content > tabbox {
-moz-box-orient: horizontal;
}

.tabbrowser-strip {
-moz-box-orient: vertical;
/* note: you can set this to -moz-scrollbars-vertical instead,
but then the scrollbar will *always* be visible. this way
there is never a scrollbar, so it behaves like the tab bar
normally does */
overflow: -moz-scrollbars-none;
}

.tabbrowser-tabs {
-moz-box-orient: horizontal;
/* min-width: 50ex; */ /* >1680 pixels screens */
/* min-width: 40ex; /* =1680,1600 pixels screens */
/* min-width: 35ex; */ /* =1440 pixels screens */
min-width: 30ex; /* <1440 pixels screens */
/* min-width: 20ex; */ /* 1280 pixels screens */
/* min-width: 17ex; */ /* this is almost the minimum to go down to on small screens */
-moz-box-align: start;
}

/*> stack > vbox > hbox*/
.tabbrowser-tabs > stack > vbox > hbox > hbox {
-moz-box-orient: vertical;
-moz-box-align: stretch;
}

.tabbrowser-tabs > stack > vbox > hbox > hbox > tab {
-moz-box-align: start;
-moz-box-orient: horizontal;
}
/* to put the tabs on the right un-comment this line (not needed if using Tab Mix Plus)
#content > tabbox {-moz-box-direction: reverse;} */
/***** Tabbar *****/

/* Background for tabbrowser strip */
tabs.tabbrowser-tabs {
background-color: none !important;
background: url("bkgrd\\topbar.jpg") !important;
}

/* stop refcontrol context menu item */
#refcontrol_options, #refcontrol_options_link, #refcontrol_options_image, #refcontrol_sep
{ display: none !important; }

/* remove the search button (magnifying glass) */
.search-go-button-stack { display: none !important; }
/* remove the search engine drop-down button as this line */
/* .searchbar-engine-button { display: none !important } */










Further settings TabMixPlus
Display-> Tab-> current, highlight

"Current" bold, text color - black

"Unread" text color - red

"Progress Meter" background color - red

Active tabs
Select the current tab, and make the others less visible

Aging Tabs

Set Aging amount per step by 25% (50% if you do not actively switch tabs or open many tabs at the same time)

Only tabs :)



Single toolbar
First, reduce the size of the search string using the Searchbar Autosizer extension
Now carefully drag all the buttons from the toolbar to the line containing menu, address and search
In principle, it’s easy to place everything on one line, including your bookmarks, but there are extremals that completely hide all the buttons of the toolbar.

In the screenshot at the very top of the news, you can see how you can conveniently group the Scroll tabs

.
Now, choosing a tab using a scroll has become much more logical. the tab ribbon is positioned vertically

Configuring hot keys
Use the Swifttabs extension
Configure it as shown in the figure:

Here is the logic for working with tabs now:
Alt
up tab
back - | --forward
down tab

How to remove the "go" button in the address bar and magnifier in the search bar?

To save some horizontal space, delete this button. To do this, type “about: config” in the address bar, type “go” in the search bar and the results will be filtered, select “browser.urlbar.hideGoButton” and install true value.
For the same purpose, you can delete the button with the magnifying glass, for this, open the userChrome.css file (it was mentioned and was created at the beginning of the article), remove the comment from the line (or add if there is no such line) Vertical space Use the autoHide OMG extension did I really finish it? Of course not! It’s just that my strength has dried up - security issues, fonts, colors, localization, specific OS and many others are outlined in the original.

/* remove the search button (magnifying glass) */
.search-go-button-stack { display: none !important; }







I’m probably small, I still translate such large articles :)

Opinion of the author about all this disgrace
Not all the tricks seemed appropriate and reasonable, and even more so no one claims that using so many plugins will not slow down the surfing process, but a number of ideas seemed very robust and worthy of use even on widescreen monitors

Also popular now: