Firefox - Enable Aero Glass Transparency

Page 1 of 14 12311 ... LastLast
    Firefox - Enable Aero Glass Transparency

    Firefox - Enable Aero Glass Transparency

    How to Have Firefox with Glass Transparency in Windows 7
    Published by
    Designer Media Ltd


    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 > glasser@sixxgate.com > chrome > content

    Replace the 'dwm-overlay.js' in your Firefox Profile with this one -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 > glasser@sixxgate.com > chrome > skin > classic

    Replace the 'overlay.css' in your Firefox Profile with this one - 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:

    Aero Fox 7 - Glassed for Default Sidebar.txt

    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
    -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
    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.









  1. Posts : 4,925
    Windows 7 Professional 64-bit
       #1

    Nicely done edrik.
      My Computer


  2. Posts : 1
    Vista
       #2

    woot


    nice one drik
      My Computer


  3. Posts : 22
    Windows 7 Ultimate x86 build 7100
       #3

    hey, but glasser doesn't works on firefox 3.0.11? I can't install glasser!
      My Computer


  4. Posts : 321
    Windows 7 Home Premium SP1 64-bit
    Thread Starter
       #4

    Axematic said:
    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 :)
    Last edited by edrik; 21 Jun 2009 at 04:31.
      My Computer


  5. Posts : 910
    Win 7
       #5

    Lol don't be so hard on yourself edrik, we are all still learning.
      My Computer


  6. Posts : 321
    Windows 7 Home Premium SP1 64-bit
    Thread Starter
       #6

    » Updated the files at the first post
    » fixed the scroll bar issue and added a few tweaks :)
      My Computer


  7. Posts : 58
    Windows 7 Ultimate 7600 RTM - Windows Server 2008 R2 7600 RTM Dual Boot
       #7

    Can you post those stylish codes?
      My Computer


  8. Posts : 321
    Windows 7 Home Premium SP1 64-bit
    Thread Starter
       #8

    » I replaced the old stylish codes with the updated ones they are attached at the first post under step 5 :) «
      My Computer


  9. Posts : 58
    Windows 7 Ultimate 7600 RTM - Windows Server 2008 R2 7600 RTM Dual Boot
       #9

    My google still isn't glassed.
      My Computer


 
Page 1 of 14 12311 ... LastLast

  Related Discussions
Our Sites
Site Links
About 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 19:46.
Find Us