Windows 7 - [How To] get aero glass in firefox (completely)

12eason · 05-15-2009

Quote: Originally Posted by johnwillyums

Thanks Yup Yup. I'll have a mess with this tomorrow.
I noticed someone posting that it didn't work with x64. Is this the case?

Cheers, John

Yup-yups solution does and so do the one I posted, but mine doesn't work with some versions of FF x64. It'll work on x64 windows with 32bit FF though.

12eason · 05-15-2009

Quote: Originally Posted by YupYup

Glass menus. Firefox 3.1 fixed0 | userstyles.org

I've been trying to get the text to display correctly (ie witha thick white shadow) with glass menus, but it seems there is a bug (or a setting I can't access) that stops FF from enlarging the menu to compensate. It will do it if the text is made bigger or the line-spacing is changed, but when you add a shadow it just adds scroll arrows top and bottom. Instead I tried to make it like like jumplists. I've kept the Aero border and gave the background a blue color. Here's the code for anyone interested;

Code:

/*-----------------menus--------------------------*/
menupopup, popup:not(#autoscroller){
-moz-appearance: -moz-win-glass !important ;
background-color: #f2f6fb !important;
   margin: 0 0 0 0 !important;
   border: none !important;
   padding: 0 14px 14px 0 !important;
}
menupopup > menu, 
popup > menu {
   margin: 0 0 0 0 !important;
   border: none !important;
   padding: 0 0 0 0 !important;
}

menupopup > menuitem, 
popup > menuitem {
   margin: 0 0 0 0 !important;
    border: none !important;
    padding: 0 0 0 0 !important;
}
menuitem
{
   margin: 0 0 0 0 !important;
    border: none !important;
    padding: 0 0 0 0 !important;
}

menuitem > .menu-iconic-left
{
   margin: 1px 0 0 0 !important;
    border: none !important;
    padding: 0 0 0 0 !important;
}

menu > .menu-iconic-left
{ 
   margin: 0 1px 0 1px !important;
    border: none !important;
    padding: 0 0 0 0 !important;
}

Just add it to a stylish page or your userchrome.css file.

stevieray · 05-16-2009

Quote:

Some of the styles are only supported in firefox 3.1 or higher...

So this glass effect can only be used on the FF 3.1 beta? I have version 3.0.10, which I though was the latest (highest) regular release of FF.

Is there another, newer version of FF floating around out there?

stevieray · 05-17-2009

Well, even though I'm running FF 3.0.10, I went ahead an tried these modifications. The good news is they worked (I think). The bad news is the Firefox Glass style turns the background of my bookmarks black -- which makes it unreadable because the text is also black.

And I also didn't gain any transparency effects. The border is the only part of the browser that is see-through, and it was see-through before I started these modifications. I get no transparency in the open tabs (like in post #1).

Harumph!

weaselciuy · 05-17-2009

dosnt work for me, dunno why, repeated steps 2 times, its all messed up. Maybe i did something wrong ...

skunksmash · 05-17-2009

Quote: Originally Posted by weaselciuy

dosnt work for me, dunno why, repeated steps 2 times, its all messed up. Maybe i did something wrong ...

weaselciuy, try enabling the default firefox skin......

ok, im at this point...... i need a little guidance on getting the clear page, not just the headers...??, i may have missed something

[How To] get aero glass in firefox (completely)-glass1.jpg

SK

12eason · 05-17-2009

Quote: Originally Posted by stevieray

Well, even though I'm running FF 3.0.10

Which mod are you using, all glass or autoit?

12eason · 05-17-2009

Quote: Originally Posted by skunksmash

ok, im at this point...... i need a little guidance on getting the clear page, not just the headers...??, i may have missed something

SK

Honestly, it seems to buggy to use on both methods. But how you do it on autoit is to find a stylish mod for the page you want and then turn the background-color black. You do the same with all glass except you need to edit the dwmoverlay.js first, details here; All-Glass Firefox - Neowin Forums. It's messy though cause it turns everything that is black to transparent. To fix it you'd have to write a stylish sheet for every page you visit that corrects the text.

skunksmash · 05-17-2009

Quote: Originally Posted by 12eason

Honestly, it seems to buggy to use on both methods. But how you do it on autoit is to find a stylish mod for the page you want and then turn the background-color black. You do the same with all glass except you need to edit the dwmoverlay.js first, details here; All-Glass Firefox - Neowin Forums. It's messy though cause it turns everything that is black to transparent. To fix it you'd have to write a stylish sheet for every page you visit that corrects the text.

..... i think i will leave it as it is, it looks pretty good

cheers.......

SK

12eason · 05-17-2009

If you want aero style menu/status bar text, try this;

Code:

color: black !important;
text-shadow: white 0px 0px 10px,
             white 0px 0px 10px,
             white 0px 0px 10px !important;
opacity: 0.9 !important;

Windows 7 - [How To] get aero glass in firefox (completely)

[How To] get aero glass in firefox (completely) problems?