Windows 7 Forums
Welcome to Windows 7 Forums. Our forum is dedicated to helping you find support and solutions for any problems regarding your Windows 7 PC be it Dell, HP, Acer, Asus or a custom build. We also provide an extensive Windows 7 tutorial section that covers a wide range of tips and tricks.


Windows 7: Firefox - Enable Aero Glass Transparency



Firefox - Enable Aero Glass Transparency

How to Have Firefox with Glass Transparency in Windows 7
Published by edrik
18 Jun 2009
Published by

How to Have Firefox with Glass Transparency in Windows 7

information   Information
In this tutorial I will show you how to make your Firefox have the Aero Glass Transparency look.
Note   Note
I do not take credit for any of the scripts uploaded within this tutorial, apparently I don't even have any knowledge about CSS scripts before but learning it bit by bit was fun. I am not that good with CSS so I borrowed the scripts used in this tutorial. The scripts were made by YupYup and 12eason from this thread, you can view the thread for reference and questions. What I did in this tutorial is I merged their methods to achieve a much more flexible solution in glassing Mozilla Firefox. Slight modifications were made by me from their script for my own personal liking but you can tweak the style to your own liking as well .

• Okay then, let's begin....
warning   Warning
Remember to always backup your files before proceeding
•This method only works for the latest version of Firefox (Mozilla Firefox 3.5.1)

•This method only works with Glasser and NOT with All-Glass




Here's How:

Step 1: Install Nightly Tester Tools to get Glasser Extension to work (in case you don't have it yet), if you already have Nightly Tester Tools then proceed to Step 2.

Step 2: Download Glasser 1.1.1 here - Glasser 1.1.1 and use force install to make it work with Firefox.

Step 3: On your windows explorer type %appdata%\Mozilla and browse inside your Firefox Profile then go through the following folders: extensions > glasser@sixxgate.com > chrome > content

Replace the 'dwm-overlay.js' in your Firefox Profile with this one -dwm-overlay.js.txt

Tip   Tip
» Copy the content of the text document and save it as "dwm-overlay.js" without quotations.
information   Information

You could add more websites onto the whitelist if you would like to apply your own 'Glass Style' on that certain website..


Step 4: On your windows explorer type %appdata%\Mozilla and browse inside your Firefox Profile then go through the following folders: extensions > glasser@sixxgate.com > chrome > skin > classic

Replace the 'overlay.css' in your Firefox Profile with this one - overlay.css.txt

Tip   Tip
» Copy the content of the text document and save it as "overlay.css" without quotations.


Step 5: Install Stylish (in case you don't have it yet- then restart firefox if needed), if you already have Stylish then proceed to Step 6.

Step 6: Choose and download the appropriate updated style for you from the files I attached below:

Aero Fox 7 - Glassed for Default Sidebar.txt

Aero Fox 7 - Glassed for All-in-One Sidebar.txt

information   Information
I managed to somehow make the styles work with other themes but I'm not sure if it works on all themes


Step 7:
  • Open the style you just downloaded with notepad or word pad or whichever you prefer, and copy the entire contents.
  • Now in Firefox click on Tools > Add-ons > User styles and click the write new style button at the top right corner.
  • At the top of new style window give it a name and paste what you just copied in step into the main area and click save. The style will automatically be enabled.
Step 8: Restart Firefox.



information   Information
There are still bugs and some fixes that needs to be done.. like the scroll bars appearing black on websites and some tooltips
Tip   Tip
Just switch tabs to gain normal view when the page seems illegible, this usually happens after switching from a Glassed tab to a non-Glassed tab



information   Information
Here's the glass theme for "Windows 7 v2 b" for sevenforums made by 12eason
-Seven Forums - Aero Effect Win v2 b theme.css.txt


For the Google and about:blank page you could use YupYup's code here in this thread.

The Google and about:blank page on the screenshots below are what I'm currently using, if you like them I'll upload them for you

Screenshots:
Firefox - Enable Aero Glass Transparency-untitle2d.pngFirefox - Enable Aero Glass Transparency-untitled.pngFirefox - Enable Aero Glass Transparency-untitled3.pngFirefox - Enable Aero Glass Transparency-untitled4.png

information   Information
The Screenshots above show that "google.com" and "sevenforums.com" are glassed. Those webpages were glassed because i have a Stylish code for those websites to make them look glass, but in order to achieve the full glass effect, you would still have to put the domain of those websites on your whitelist. On the other hand "yahoo.com" is not glassed since i don't have a Stylish code for that website and it looks normal because I did not put its domain on my white list. Even though the webpage looks normal as it should, I still have the transparency on my browser.






18 Jun 2009   #1
swarfega

Windows 7 Professional 64-bit
 
 

Nicely done edrik.

My System SpecsSystem Spec
21 Jun 2009   #2
jc07fury

Vista
 
 
woot

nice one drik
My System SpecsSystem Spec
21 Jun 2009   #3
Axematic

Windows 7 Ultimate x86 build 7100
 
 

hey, but glasser doesn't works on firefox 3.0.11? I can't install glasser!
My System SpecsSystem Spec
.


21 Jun 2009   #4
edrik

Windows 7 Home Premium SP1 64-bit
 
 

Quote   Quote: Originally Posted by Axematic View Post
hey, but glasser doesn't works on firefox 3.0.11? I can't install glasser!
use nightly tester tools for firefox.. Nightly Tester Tools
to install glasser
My System SpecsSystem Spec
21 Jun 2009   #5
YupYup

Win 7
 
 

Lol don't be so hard on yourself edrik, we are all still learning.
My System SpecsSystem Spec
01 Jul 2009   #6
edrik

Windows 7 Home Premium SP1 64-bit
 
 

» Updated the files at the first post
» fixed the scroll bar issue and added a few tweaks
My System SpecsSystem Spec
01 Jul 2009   #7
Psych0t1c

Windows 7 Ultimate 7600 RTM - Windows Server 2008 R2 7600 RTM Dual Boot
 
 

Can you post those stylish codes?
My System SpecsSystem Spec
01 Jul 2009   #8
edrik

Windows 7 Home Premium SP1 64-bit
 
 

» I replaced the old stylish codes with the updated ones they are attached at the first post under step 5 «
My System SpecsSystem Spec
01 Jul 2009   #9
Psych0t1c

Windows 7 Ultimate 7600 RTM - Windows Server 2008 R2 7600 RTM Dual Boot
 
 

My google still isn't glassed.
My System SpecsSystem Spec
Comment

 Firefox - Enable Aero Glass Transparency




Tutorial Tools




Our Sites

Site Links

About Us

Find Us

Windows 7 Forums is an independent web site and has not been authorized, sponsored, or otherwise approved by Microsoft Corporation. "Windows 7" and related materials are trademarks of Microsoft Corp.

© Designer Media Ltd

All times are GMT -5. The time now is 07:48 AM.
Twitter Facebook Google+



Windows 7 Forums

Seven Forums Android App Seven Forums IOS App
  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33