Tag Archives | stylish

FXChrome

I’ve mentioned the FXChrome theme for Firefox in the past, but I haven’t looked at it in a while.  They have moved away from being just another Google Chrome clone and have done some really interesting things worth checking out.  The default theme still has a great looking clean interface like the Google Chrome browser – but if you have the Stylish add-on – you can do a little more customization.

Continue Reading →

Make Your Active Tab Bigger

Wider Active Tab in FirefoxOne thing that sort of bugs me about Firefox is there is no real way to tell the difference between your active tab and your non-active tabs, other than a slight change in the background color.  The User Style, FF3+ Increase active tab minimum width, will allow you to increase the minimum width of the active tab to make it stand out a little more.

Continue Reading →

Bring KDE Style to Firefox

Oxygen KDE Theme for Firefox

Want to bring the clean and classic look of the KDE graphical desktop environment to Firefox?  The Oxygen KDE theme for Firefox does it with style.  Giving you an alternative modern theme to browse the web in, this theme for Firefox is sure to become a favorite.

Continue Reading →

Best Firefox Tips and Add-ons of 2009

Best of Firefox Facts in 2009!

All in all, 2009 was a great year for Firefox.  It grew by leaps and bounds, and continues to be the best alternative browser out there.  Firefox Facts did pretty well in it’s own right too – surpassing the 7,000+ RSS subscriber mark.  So with today being the last day of 2009, let us all sit back and revisit some of the best posts of the year.

Here are 10 of the most read stories, tips, tutorials and reviews I have posted here in 2009.  Hope you check out some classics you might have missed, or revisit a favorite post or two.

How to Disable the New Tab Button

#10 – Love (or Disable) the New Tab Button in Firefox

Love it, or hate it – Firefox got one more addition to it’s browser that seems to have gotten a mixed reaction from the fans. The open new tab button rests at the end of your tab bar in Firefox 3.5 giving you an easier user interface to open a new tab.

Continue Reading →

8 Stylish Tweaks for the New Tab Button

Firefox 3.5’s new tab button has already been established as a feature some people like and some people could do without.  However, what if you could tweak it visually to meet your needs?  That is what some people have done, and here are the eight most popular new tab button hacks out there today.

Please Note: To use any of these, you will need to have the Firefox add-on Stylish installed.

No Icon Image Until Click – New tab button icon does not appear until you CLICK on it instead of when you hover because there is another style that produces that effect.

hide the new tab button icon, until clicked

Tiny + 3D(Special Effects) – New Tab Button on the tab bar is tiny and when you click on it, it changes.

Make it smaller

Left Side New Tab Button – Move the new tab button to the left of the tab bar, instead of the far right of the tab bar.

add new tabs on the left of the tab bar

Continue Reading →

Remove Chat from iGoogle

Remove Chat from iGoogle!

If you are a user of the Stylish extension, you will love this little tip.  I use iGoogle, however I never stay on the page long enough to use the embedded chat they included a while back.  However I am happy to say I found a solution. 

Install this Stylish user style:

Once doing so, the chat (as you seen in the screenshot above) disappears.  To make it work for me, I had to change:

http://www.google.com/ig?hl=en

to

http://www.google.com/ig

However, once that was done – it worked flawlessly.  An easy hack for a very lovable web page.  Got to love these Stylish user styles!

4 Ways to Add Rounded Tabs to Firefox

There are many ways you can customize Firefox to make it fit your personal needs.  Don’t like the fact that the tabs are just a little rounded, and wish they were more rounded?  No need to try to find a theme that fits your needs.  I have for you, four ways to round off your tabs in Firefox using the Stylish extension.   You can round off all tabs, one tab corner, just the selected tab or forget about all this rounded stuff and make them all square.

All Tabs are Rounded

Want to make all of your tabs more rounded inside of Firefox?  This user style will help you get that look and feel inside of Firefox.

Make ALL Tabs Round!

Slightly Rounded Tabs

If you are not that crazy about the idea of having too many rounded edges, you could just round the upper-right of the tab, if needed.

Just a Little Roundness...

I HATE Rounded Tabs

Now, if you have absolute distain for the idea of rounding off your tabs, I have a user style for you too.  With this one, you can make the tabs less rounded, and more square.

All Tabs are Square!

Only Round the Selected Tab

Last, but not least, you could also decide to round off only the selected tab.  The reason for doing this is to help visually make it different from the others so that you can pick it out from the crowd of tabs in your tab toolbar.

Only Selected Tab is Round

You now have more than a few ways to make your tabs stand out from the rest of the crowd.

Beginner Guide to Stylish

Stylish Add-on in Status Bar Have you ever looked at a web page and thought to yourself, “it would look better if I could only move this over there, or change the color of that or..” well, there are a lot of things you could change about a lot of the Web’s most popular web sites.  One tool for Firefox lets you customize the look and feel of Firefox and the Web, Stylish.

Using what is called “user styles” the Stylish add-on for Firefox can empower your browsing experience by letting you personalize or fix the features of Firefox or the Web in general that bug you the most.

How do I get started with Stylish?

Once installed, all you have to do is right-click the status bar icon, select “Write Style” and then choose if you want to write a style for the URL you are on right now, or create an empty style not related to any web site, for now at least.  You can also tag your style, giving it a few descriptive words. 

Write a New Style in Stylish!

Now how do you know what to put into the window, to customize Firefox (as I have done in the screenshot above) or your favorite web site?  I suggest checking out userstyles.org. 

Where can I find and learn to create user styles?

Not only is userstyles.org a great repository of scripts others have written that you can use, it is also a place where you can view the code they used, so you can try it out when you create your own user style.

Here are a few resources to get you started finding the user style that you need or want to use:

There is also a user styles blog and set of forums for you to follow too.  If I had a top 10 list of my favorite Firefox add-ons, Stylish would be in the top 5, at least.  Anything that helps the users of Firefox customize the Web or Firefox to meet their needs better is a winner in my book.

Skin Facebook to Look More Stylish

Since the recent Facebook re-design, there are not many themes or skins out there that work with it.  However, I have found one that is fully compatible and (for some) a much more pleasant viewing experience, the Vista Ultimate Skin for Facebook.

facebook-vista-skin

Vista Ultimate Skin for Facebook – Want to make Facebook look a ‘bit more Vista-like?  This user style will give Facebook the look and feel of Windows Vista.

Also, if you want just the Vista-like taskbar inside of Facebook, you can pick up this user style.

Facebook Vista Taskbar

For these two user styles to work, you have to have the Stylish extension for Firefox installed.  Once you do,  be sure to check out our entire archive of Stylish tweaks and tips.  Also, if there are any Firefox Facts fans on Facebook, be sure to look me up and add me as a friend.  Have any favorite user styles you like to use with Facebook to tweak the interface? 

Remove the Resizer “Thingy” in Firefox

remove-grabber Why does Firefox have that little resizer corner thingy?  The one that rests in your status bar, on the far right side.  I am not even sure what to call it.  It has no point, because I can grab Firefox from all four corners to resize it to the size I want.  So the question remains – how do I remove it?

I now turn towards my favorite Firefox modification tool, Stylish to do the job for me.  Go check out ffox 3 no resize”thing” in the lower right corner and load that into Stylish (or Greasemonkey).  Now, you should have a little more status bar room.

As an extra bonus, if you want to make your status bar appear more flat, and remove the borders between things – copy and paste this into Stylish.

/* ::::: flat statusbar ::::: */
.db_downbar, statusbarpanel, .statusbarpanel-iconic,
  .statusbarpanel-iconic-text, .statusbarpanel-menu-iconic,
.progressmeter-statusbar, progressmeter {
  -moz-appearance: none !important;
  border: none !important;}

Credit for that tip goes to the mozillaZine forums.  Doing so should remove the junk and leave things with a cleaner look.