Firefox - Enable Aero Glass Transparency

How to Have Firefox with Glass Transparency in Windows 7​

   Information

In this tutorial I will show you how to make your Firefox have the Aero Glass Transparency look.

   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

•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 > [email protected] > chrome > content

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

   Tip

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

   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 > [email protected] > chrome > skin > classic

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

   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:

View attachment Aero Fox 7 - Glassed for Default Sidebar.txt

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

   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

There are still bugs and some fixes that needs to be done.. like the scroll bars appearing black on websites and some tooltips

   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

Here's the glass theme for "Windows 7 v2 b" for sevenforums made by 12eason
-View attachment 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:

   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.

Related Tutorials

---

• How to Enable or Disable Windows 7 Transparency
• How to Enable Full Clear Glass Transparency in Windows 7

 

[xxrazor]

Issue with window explore

Ok , got as far as here, then got this error

Thanks

xxrazor

 

[edrik]

Hello xxrazor,

Welcome to Seven Forums

Do you have glasser installed ?

Alternatively you could type %appdata%\Mozilla on your windows explorer and browse to your Firefox Profile and go to extensions folder > [email protected] > chrome

Hope this helps,
EdRiK

 

[xxrazor]

Do you have glasser installed ?

Alternatively you could type %appdata%\Mozilla and browse to your Firefox Profile () and go to extensions folder > [email protected] > content

I have a pretty good idea what i am looking for, does the extension need to be enable for me to see it in the folder, i have it install, i can not find it..

C:\Program file x86\Mozilla Firfox\extension\? can not see glasser

Thanks

xxrazor

 

[edrik]

You have to go to the Roaming Mozilla folder not the folder where you installed Firefox
to do that read my previous post Here's some screen shots
to make things clearer

   Information

After the second screenshot.. choose the Firefox folder

Hope this helps,
EdRiK

 

[xxrazor]

Hello xxrazor,

Welcome to Seven Forums

Do you have glasser installed ?

Alternatively you could type %appdata%\Mozilla on your windows explorer and browse to your Firefox Profile and go to extensions folder > [email protected] > chrome

Hope this helps,
EdRiK

Found it, will get back to you, thanks for the help

xxrazor

 

[edrik]

I'm glad to be of help

-EdRiK.

 

[xxrazor]

I'm glad to be of help

-EdRiK.

Ok, As you can see , i am not quite there yet,

In the first image you can see that i have the plugins required and enabled.

I have placed Style here

Now this is what i get when i place the Aero Fox7 Glassed text into the Style and preview.

Not there yet.

xxrazor

 

[edrik]

This style works only on the default theme.. I'll look for a way to make it work with other themes too. My codes was for using all-in-one sidebar.. I could post the code for the default sidebar of firefox if you don't want to install all-in-one sidebar.


EDIT
I found a way to make glass work with other themes but I'm still trying to fix the sidebar at the moment

 

[xxrazor]

This style works only on the default theme.. I'll look for a way to make it work with other themes too. My codes was for using all-in-one sidebar.. I could post the code for the default sidebar of firefox if you don't want to install all-in-one sidebar.


EDIT
I found a way to make glass work with other themes but I'm still trying to fix the sidebar at the moment

Last edited by edrik; 4 Minutes Ago at 03:07 AM..

Happy to wait if you are happy to help.

xxrazor

 

[edrik]

I managed to make the glass work with other themes but I'm not sure if it works with all Firefox themes, see Step 6: updated styles on my tutorial - here


I hope this helps,
EdRiK.

 

[xxrazor]

I managed to make the glass work with other themes but I'm not sure if it works with all Firefox themes, see Step 6: updated styles on my tutorial - here


I hope this helps,
EdRiK.

ok, get right back to you.

xxrazor

 

[xxrazor]

I managed to make the glass work with other themes but I'm not sure if it works with all Firefox themes, see Step 6: updated styles on my tutorial - here


I hope this helps,
EdRiK.

Sorry mate, i thinks it has something to do with my Firefox, once i had the theme\style i get the same problem, this is as good as it gets.

If you want i can send you my Firefox.exe 3.0.10 from Newage-os.org, its full of stuff and very quick.

xxrazor

 

[edrik]

Sorry mate, i thinks it has something to do with my Firefox, once i had the theme\style i get the same problem, this is as good as it gets.

If you want i can send you my Firefox.exe 3.0.10 from Newage-os.org, its full of stuff and very quick.

xxrazor

add this new style on your stylish for Sevenforums - Windows v2 b Theme then change the theme for sevenforums found on the bottom left most of sevenforums webpage
and I think upgrading to 3.5 will do the job

 

[xxrazor]

add this new style on your stylish for Sevenforums - Windows v2 b Theme then change the theme for sevenforums found on the bottom left most of sevenforums webpage
and I think upgrading to 3.5 will do the job

Ok, think i got it, have to say this webpage is hard to see, see the tabs to close them out, any way have a look for yourself.

The Windows v2 b theme is a .css file where does it get added please.

Thanks for the help
xxrazor

 

[edrik]

Ok, think i got it, have to say this webpage is hard to see, see the tabs to close them out, any way have a look for yourself.

The Windows v2 b theme is a .css file where does it get added please.

Thanks for the help
xxrazor

If you have read my tutorial carefully you would have to copy and paste the text of the css file on your stylish editor

Then change the Seven Forums theme to Windows v2 b on Seven Forums' web page. The drop down menu in Seven Forums page on your screenshot is the list for the theme you want to use
(In our case you would have to select Windows v2 b)

To make things clearer.. the "windows v2 b" css file is a website style for Stylish Editor.

I hope this helps,
EdRiK

 

[xxrazor]

If you have read my tutorial carefully you would have to copy and paste the text of the css file on your stylish editor

Then change the Seven Forums theme to Windows v2 b on Seven Forums' web page. The drop down menu in Seven Forums page on your screenshot is the list for the theme you want to use
(In our case you would have to select Windows v2 b)

To make things clearer.. the "windows v2 b" css file is a website style for Stylish Editor.

I hope this helps,
EdRiK

Well i thinks thats it,what do you think

Thanks Mate, i know this can sometimes become a pain in the butt.

xxrazor

 

[edrik]

Could you post another screenshot after restarting firefox ?
The box that handles forum posts & avatars should also be transparent, but everything else looks okay.


Edit:

If you want the theme Black RC for seven forums that YupYup made here's the link for the thread concerning on how to glass Firefox

 

[xxrazor]

Could you post another screenshot after restarting firefox ?
The box that handles forum posts & avatars should also be transparent, but everything else looks okay.


Edit:

If you want the theme Black RC for seven forums that YupYup made here's the link for the thread concerning on how to glass Firefox

I am not going to give up on this,i am going to load normal verison of 3.5 firefox into w7 7100 on vm, i beleive it could be one of the addon's, or something.

Here some pic's

Thanks again

xxrazor

 

[Sigismond0]

Is there a reason that the scrollbars are glass only on black pages? They look particularly terrible on white ones...

 

[edrik]

Hello Sigismond0,

Hi and welcome to Seven Forums
The scrollbars are transparent so apparently when on top of a white background you would see "less"

Hope this helps
-EdRiK