Web Design Stuff
HTML Tutorials    CSS Tutorials    Web Hosting   Resources
Create a Web Page 101
Making Web Pages Intro What is a Web Page? Why Make a Web Page? The History of HTML Learn HTML or XHTML?
Basic HTML
Basic HTML Tutorials Basic HTML Necessities How to Make a Web Page How to Edit a Web Page The Basics of HTML Tags Basic HTML Page Structure HTML Attributes
HTML Font Codes
HTML Font Codes Intro HTML Font Color Codes HTML Font Size Codes HTML Font Style Codes HTML Bold/Italic Codes Combining Font Codes
Formatting Text
Formatting Text Intro Making Paragraphs Miscellaneous Formatting Headings & Subheadings Creating Hyperlinks
Using Graphics
Using Graphics on the Web Add Graphics to Your Pages Graphics and Accessibility How to Align Graphics Page Color & Background Graphics as Hyperlinks Horizontal Rules
Creating Tables
HTML Tables Tutorials HTML Table Fundamentals Background & Border Color Table Frames & Rules Table Width and Alignment Cells 1 -Space & Alignment Cells 2 -Row Column Span Cells 3 -Width & Height
Making Lists
HTML Lists Tutorials Bulleted Lists Numbered Lists Definition Lists
HTML Frames
HTML Frames Tutorials Using Frames for Layout Advanced Frame Layouts Putting Hyperlinks in Frames Frame Border Width Color, Margin and Control Problems with Frames SmartFrames: A Solution SSI: An Alternative to Frames
Web Page Forms
Making Feedback Forms A Simple Feedback Form Installing NMS FormMail Debugging Your Setup My Web Host is Out to Lunch User Input Components Text Fields Checkboxes & Radio Buttons Dropdown Menus Push Buttons Layout and Presentation
Basic CSS
Basic CSS Tutorials What is CSS? Why You Should Use CSS How to Use CSS Inline Styles Embedded Style Sheets External Style Sheets Class Selectors ID Selectors Combining Selectors
CSS Properties
CSS Properties Intro Font Styles Width, Height & Spacing Borders Backgrounds Position Float & Alignment Hyperlinks
All About Web Hosting
Hosting Your Own Website What is a Web Host? Your Website's Home Page Building a Website Offline About Free Web Hosting Best Free Web Hosting Commercial Web Hosting How to Get a Domain Name Ecommerce Web Hosting Web Hosting Terminology
Free Web Design Tools
Best Free Website Tools Best Free Text Editors Best Free Graphics Editors Free Website Analysis Tools
Setting Up HTML Kit
HTML Kit Introduction How to install HTML Kit Screenshot Breakdown Basic Configuration Overall Appearance Shortcuts and Startup Editing Window Customizing Toolbars Using the Favorites Tab Making a New Actions Bar Odds and Ends
Free Templates
Free Website Templates Two Column Fixed Width Three Column Liquid Layout Miscellaneous Templates Dynamic Menu Effects Two Column Experimental Terms of Use About These Templates
Website Templates Help
Getting Started Template Zip File Download How to Edit Your Template What to Edit in the HTML How to Add Your Logo Making a Website
Web Design Tips
Web Design Basics Tables vs. Tableless Using Tables for Layout Example Table Layouts World's Crappiest Web Page
Twitter Backgrounds
Twitter Backgrounds Intro Cool Twitter Backgrounds Cool Twitter Backgrounds 2 Plain Twitter Backgrounds Dark Twitter Backgrounds Best Twitter Backgrounds Cute Twitter Backgrounds Music Twitter Backgrounds Music Twitter Backgrounds 2 Twitter Backgrounds 101 TERMS OF USE
All About Web Browsers
What is a Web Browser? Mozilla Firefox Internet Explorer Opera How to Set Up Firefox Top 5 Firefox Extensions
 
Contact
Post Some Feedback Send Me An Email Iron Spider Blog About Iron Spider... Site Conventions
 
 
 

 

How to Set Up Firefox 7 to Restore the Classic Look

 
ON THIS PAGE
  • Turn on the File Menu bar
  • Put Tabs Below the Location Bar
  • Move Home Button to the Left
  • Remove the Search Bar
  • Restore the Status Bar
  • View Source Code
  • Disable Location Bar Dropdown

Many changes have been made to the Firefox user interface (UI) over the years and more recently the push has been to minimize it as much as possible which I'm guessing is an effort to compete with Google Chrome. I find this unusual since it would imply that most people actually want an ultra-minimized web browser UI. But out there in the real world, I'm seeing a different picture.

In fact, what I typically see is a lot of people suffering from a severe case of toolbar bloat where a large area running across the top of most people's web browsers is taken up by a stockpile of toolbars so high that it would rival a stack of pancakes.

So where this idea that tastes are switching to browser interfaces stripped down next to nothing is beyond me but I'm certainly not on that bandwagon. Now mind you, I don't want a bazillion toolbars jammed into my web browser either. Rather, I'm somewhere in between. I want my browser interface to retain the classic look but to be relatively uncluttered.

Now, restoring this look to the latest version of Firefox (version 7.0.1, as of this writing) was initially a bit of a chore. So, as usual, I took notes for future reference on where all the relevant options were, what got moved where, what got renamed and what extensions you need to install to get things back to 'normal'. And that's what the tutorial on this page is all about.

For your convenience, I'm providing a video tutorial as well. (After starting the video, you can double-click on it to watch it full screen. Press Esc to go back to the default format.)


For more videos like this, please subscribe to my Youtube channel, IronSpiderVideos!

And for those who prefer written instructions, you can refer to the text below. The written instructions also contain some tweaks I omitted from the video to keep the running time down.

 

Restore the File Menu Bar


This is by far the most annoying trend I see in all major web browsers these days and that is the removal of the File Menu Bar that runs across the top. This has been pretty much a standard in all computer programs since the beginning of time. And yet the powers that be decided we didn't need it anymore in our web browsers....?

Altogether now....

AAAAARRRRGGGGHHHH!!!!!

Now, here's how to get it back in Firefox:

  1. Click on the orange Firefox button in the top left corner.
  2. Hover over the Options button to reveal another flyout menu and click on Menu Bar.

(This will also restore the Title bar. Also note that the Firefox Menu Bar may be displayed by default if you're using Windows XP.)

 

Put Tabs Below the Location Bar


Tabs now appear above the location bar, a.k.a., the address bar, instead of below. To get tabs back down below where they used to be, simply click on View » Toolbars » Tabs on Top (click to clear this option). This assumes you've restored the File Menu bar.

 

Put the Home Button on the Left Side


Once again, this restructuring boggles my mind. Instead of having all the buttons you need to operate your web browser located in the top left corner so that you just intuitively move your mouse to that general area whenever you want to do something, browser makers these days have decided to spread things all across the screen disrupting a decade of web surfing habits. To support this insane agenda, the home button is now located on the right side of Firefox.

To move the Home button back to the left side next to the Forward and Back buttons, do the following:

  1. Right click on any empty space beside a tab to display a context menu.
  2. Click on Customize to open the Customize Toolbar dialog and put Firefox in customize mode.
  3. Drag-and-drop the home button from the right to the left side and place it beside the Forward button.
  4. Click Done to apply the settings.

You can also use the Customize option to populate the navigation bar with any buttons you like by dragging-and-dropping them from the collection in the Customize Toolbar dialog.

 

How to Remove the Google Search Bar


Once again, you use the Customize Toolbar dialog to do this:

  1. Right click on any empty space beside a tab to display a context menu.
  2. Click on Customize to open the Customize Toolbar dialog and put Firefox in customize mode.
  3. Drag-and-drop the search bar from the browser interface into the Customize Toolbar dialog.
  4. Click Done to apply the settings.
 

How to Restore the Status Bar


The status bar was actually removed with the release of Firefox 4 in March 2011. In its place appears the so-called Add-on Bar which holds shortcuts to various Firefox extensions you have installed. Hence, gone is the traditional status bar functionality including displaying the web addresses of any hyperlinks you hover your mouse over and the progress bar telling you how much of a web page has loaded after you've clicked on a link.

To completely restore the status bar, you'll have to do the following (this assumes you've restored the File Menu bar):

  1. Click on View » Toolbars » Add-on Bar.
  2. Install the Status-4-Evar extension.
 

View the Source Code of a Web Page


Once again amazingly flying in the face of tradition, the View Page Source button was quietly removed from the View drop down menu in Firefox 6.0 (*face palm*). However, you can still display the HTML code of the web page you're currently viewing by doing one of the following:

  • Pressing Ctrl + U

OR...

  • Right-clicking on the page and click on View Page Source.
 

Disable Auto-suggestions in the Location Bar


When you begin typing something in the Location bar (a.k.a., the address bar), Firefox will jump in and try to commandeer your workflow by displaying a dropdown menu of 'suggestions'. By default, this is a list of relevant web addresses gleaned from your web history and your bookmarks.

If you're like me and you view this as an utter annoyance, you can disable it (or customize it) by doing the following (assuming you've turned on the File Menu bar):

  1. Click on Tools » Options » Privacy
  2. Click on the dropdown menu in the Location bar section at the bottom.
  3. Select 'Nothing' and click OK to apply the setting.

 

See also:

  • Top 5 Firefox Extensions for Webmasters



Web Hosting 101

Learn about web hosting without the technobabble!

What is Web Hosting?
Best Free Web Hosting
Affordable Domain Names
Affordable Web Hosting

See also:

How to Make a Web Page
Free Website Templates

 

If you need a .COM web address, you can get one quick and easy at...

www.GoDaddy.com
<~ BACK TOP NEXT ~>
 
HTML Tutorials |  CSS Tutorials |  Web Hosting |  Domain Names |  Web Design Resources
Iron Spider © Copyright 2004-2011 Robert Darrell