Help - Search - Members - Calendar
Full Version: [Ext] Glasser - Add Vista Glass to Firefox
Neowin Forums > Help & Discussion Center > Software Discussion & Assistance > Web Browser Discussion > Firefox (Gecko)
Pages: 1, 2, 3, 4, 5, 6
6XGate
Vista Glass for Firefox



For all you people who have been looking for a way to get Vista's glass effect in Firefox, look no further. Here is an extension for Firefox 3.1 that will do it. Please read this entire article before install this extension.

NOTE: This extension requires Windows Vista, Windows 7, or one of the server variants with Areo Glass enabled.

Known Issues

Because of a bug in the way Firefox renders parts of the UI with rounded borders or opacity, a small portion of the last character in text will appeared cut off and slight sub-pixel hazing in the toolbars. It will not make of the labels or text unreadable. This is recorded in Mozilla's Bug Tracker as Bug 363861. Maybe voting on the bug will help push getting it fixed before the final release.

Install

Get the VERY latest version from Sleeping Cats
Get the latest active version from AddOns.Mozilla.Org
Download: Glasser 1.0.16 Installer, x64, for Firefox 3.0 (XPI) This is for x64 builds of Firefox not x64 versions of Windows. To install Glasser x64, first download the file, then drag and drop it to your Firefox window.

Options



If you want the Windows Explorer, Windows Media Player, or Windows Mail style background on the personal toolbar, visit the Glasser Extras forum. You can install the CSS files with either the Stylish Add-on, or by edit your userChrome.css file.

If you want to remove the menu-bar, try either Personal Menu or Hide Menubar. Both support using the Alt key to temperately show the menu-bar and Personal Menu lets you keep a button on the toolbar to gain access to the menus.

Source Code

Glasser's native components and the extension itself is released under a 2-clause FreeBSD style license.
XPCOM for DWM access source and the GeckoSDK
To view the source of the extension, you may either browse it from your web browser for check it out via your favorite SVN client.

Final Note, and Special Thanks

I hope you folks enjoy this extension. If anyone has any suggestions or finds any bugs, feel free to post them here. I'm look to improve this more.

I used a similar method go get the native window handle as used in MinimizeToTray, but coded in C++.
Special thanks goes to Julius Caro for building the XPCOM portion for x64 builds of Firefox.
Special thanks goes to Carl Booth for the Aqua personal bar.
Special thanks goes to Relativity_17 for the heads up on the native theme element for Windows Mail/Calendar look.
Special thanks goes to ptmb for for the heads up on the native theme element for Windows Media Player look.

License
CODE
Copyright 2008-2009 Matthew Holder. All rights reserved.

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

   1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
   2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.

THIS SOFTWARE IS PROVIDED BY THE AUTHOR ``AS IS'' AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
~Neowin~
smile.gif cool
ViperAFK
My favorite firefox extension smile.gif firefox looks amazing in vista with this.

6XGate, what extension are you using for the new tab button on the tab bar? Tab mix plus?
MrFuji
Quote - (ViperAFK @ May 17 2008, 19:40) *
6XGate, what extension are you using for the new tab button on the tab bar? Tab mix plus?

Perhaps this one with a modified install.rdf to make it compatible with 3.0.
Gary7
Quote - (MrFuji @ May 17 2008, 13:44) *
Perhaps this one with a modified install.rdf to make it compatible with 3.0.


Your link is dead-404
Gary7
Yes that is Tab Mix Plus Viper. A dev release you can get it here Tab Mix Plus 0.3.6.1.080416

6XGate
Quote - (ViperAFK @ May 17 2008, 12:40) *
My favorite firefox extension smile.gif firefox looks amazing in vista with this.

6XGate, what extension are you using for the new tab button on the tab bar? Tab mix plus?


A heavly modified (fixed) version of New Tab on Tab Bar. I hope the author will update it himself soon. The nightly tool won't fix it BTW.
andy_rose
How the he** did you get the back button to look the same as forward?? Looks great!
ViperAFK
Quote - (andy_rose @ May 17 2008, 14:21) *
How the he** did you get the back button to look the same as forward?? Looks great!

Right click the nav bar and hit customize. Select small icons.
andy_rose
Ah of course mate, thanx:)
proximo
how do i get the text on the personal menu extension items on the right hand side rather than underneath the icon. (Like how it is for the home icon).
SMELTN
very cool. Glad it is updated..

Just need someone to update stylish to work with RC1 so we can get our other styles with this working.
proximo
you could also use an extension called basics to add a tab button to the tab bar area. but like tabs mix plus it lacks themes integration. Its best you wait for the author of new tab button to update it. Here's the link anyway.

https://addons.mozilla.org/en-US/firefox/addons/versions/69

BTW its compatiable for 3.0pre so modifying the install.rdf will make it work with RC1 without any problems.
WongKit
Veeeery nice Addon! yes.gif

On your screenshot there is more space between the buttons and the toolbar. How do I get this too? Thx


left your screen | right mine

WongKit
andy_rose
Quote - (WongKit @ May 17 2008, 23:05) *
Veeeery nice Addon! yes.gif

On your screenshot there is more space between the buttons and the toolbar. How do I get this too?



Same here, how to make the extra space?
Calum
Thank you very much for this update 6XGate! It's good to see you have bought it out just as RC1 is released! I just wish other developers would do the same with their extensions!


Quote - (proximo @ May 17 2008, 22:33) *
you could also use an extension called basics to add a tab button to the tab bar area. but like tabs mix plus it lacks themes integration. Its best you wait for the author of new tab button to update it.


I used Basics for Beta 5 as it worked, however, that doesn't work for RC1. I wish the developer of New Tab Button on Tab Bar would update it, but it doesn't look like he is going to anytime soon hmm.gif

Is there any chance you could provide us with you heavily modified and working version of New Tab Button on Tab Bar please 6XGate? I would really appreciate it.


Quote - (WongKit @ May 17 2008, 23:05) *
Veeeery nice Addon! yes.gif

On your screenshot there is more space between the buttons and the toolbar. How do I get this too? Thx


left your screen | right mine

WongKit



I would love to know this too please.


----------------
Now playing on iTunes: DCFC - Steve Bloomer's Watchin'
via FoxyTunes
NienorGT
Quote - (WongKit @ May 17 2008, 17:05) *
On your screenshot there is more space between the buttons and the toolbar. How do I get this too? Thx

This is the value that change this padding:
CODE
#main-window #navigator-toolbox #nav-bar
{
    padding-bottom: 4px !important;
}

Change the value to the one you wish.
Julius Caro
Tomorrow Ill go ahead and compile the latest version of the DLL for the x64 platform. Although there's no x64 build of rc1 anywhere, as far as I know.
batbeef
This is awesome!
zerologic
cool.gif

New version. Very good, thanks for releasing this new version!
6XGate
Quote - (andy_rose @ May 17 2008, 18:30) *
Same here, how to make the extra space?


Sorry folks, I forgot I had that one. It's a Stylish entry

CODE
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#main-window #nav-bar[iconsize="small"]
{
padding-bottom: 5px !important;
}
zerologic
Quote - (6XGate @ May 18 2008, 13:33) *
Sorry folks, I forgot I had that one. It's a Stylish entry

CODE
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#main-window #nav-bar[iconsize="small"]
{
padding-bottom: 5px !important;
}


Ok. So will there be a new version of Glasser?
Shannon
Just a quick heads-up, the favicon part of the URL bar is slightly out. Fix:

CODE
#identity-box
{
    margin-left: -4px !important;
}

#identity-box > hbox
{
    border-left-width: 0 !important;
}
Calum
6XGate. Just a quick question:

Do you plan on including some of these important Stylish styles (e.g. the thing to move the icons up a bit, transparent menu-bar) in with the extension XPI file itself at all? It would be really helpful, although because I'm only a beginner programmer I don't know whether it can be done with the way you've coded the extension.
primexx
awesome extension! it'd be great if you could compile all the variations into an options pane too.
bts0uth
very nice, thanks
Starbuck84
Looking great, thanks! Using it right now on RC1 smile.gif
xan K
I discovered this recently after installing RC1 and it is AWESOME!!!
Kudo
Quote - (Shannon @ May 18 2008, 06:19) *
Just a quick heads-up, the favicon part of the URL bar is slightly out. Fix:

CODE
#identity-box
{
     margin-left: -4px !important;
}

#identity-box > hbox
{
     border-left-width: 0 !important;
}


This does not work for me :-(
Calum
Quote - (Shannon @ May 18 2008, 04:19) *
Just a quick heads-up, the favicon part of the URL bar is slightly out. Fix:

CODE
#identity-box
{
    margin-left: -4px !important;
}

#identity-box > hbox
{
    border-left-width: 0 !important;
}



I'm trying to figure out what you mean. The code you gave makes the identity box bigger on the left side confused.gif whereas without the code you give, the identity box looks fine hmm.gif
ViperAFK
Quote - (Shannon @ May 17 2008, 23:19) *
Just a quick heads-up, the favicon part of the URL bar is slightly out. Fix:

CODE
#identity-box
{
    margin-left: -4px !important;
}

#identity-box > hbox
{
    border-left-width: 0 !important;
}


Worked fine for me using stylish. The identity box was too wide and looked kind of weird but now it's normal. I'm using RC1 can't imagine why it's not working for anyone else.
bb10
Quote - (Shannon @ May 18 2008, 06:19) *
Just a quick heads-up, the favicon part of the URL bar is slightly out. Fix:

CODE
#identity-box
{
    margin-left: -4px !important;
}

#identity-box > hbox
{
    border-left-width: 0 !important;
}


Added to userChrome.css

perfect fix smile.gif Thanks
Kudo
Quote - (bb10 @ May 18 2008, 15:48) *
Added to userChrome.css

perfect fix smile.gif Thanks


I did and still not working :-(
tsupersonic
nice job smile.gif
Gary7
I fail to see what the problem is???
Calum
Yep, after checking it over again, the identity box thing was a problem without the code. The code given works perfectly, thank you (although I changed it from -4 to -5 and it seems to look even more centered and even).

Any chance of you including it in the next update of your extension please 6XGate?
Gary7
Quote - (cJr. @ May 18 2008, 14:39) *
Yep, after checking it over again, the identity box thing was a problem without the code. The code given works perfectly, thank you (although I changed it from -4 to -5 and it seems to look even more centered and even).

Any chance of you including it in the next update of your extension please 6XGate?


Any chance of someone explaining to me what the exact problem is? I can't see one or notice one.

Thanks.
bb10


^ that's the problem and the fix smile.gif
Calum
Quote - (bb10 @ May 18 2008, 20:51) *


^ that's the problem and the fix smile.gif



Exactly. & now I can show you what I mean too.

Here is a screenshot of what it looks like with the code you and everyone else has; which has the value of "-4". This screenshot compares it to what it looks like with that value changed to "-5":



Can you see it looks a bit better and is more centered (how we want it), with the value of "-5"?




----------------
Now playing on iTunes: The Killers - Under The Gun [Re-recorded]
via FoxyTunes
bb10


-4 looks better imo smile.gif
6XGate
Quote - (cJr. @ May 18 2008, 00:08) *
6XGate. Just a quick question:

Do you plan on including some of these important Stylish styles (e.g. the thing to move the icons up a bit, transparent menu-bar) in with the extension XPI file itself at all? It would be really helpful, although because I'm only a beginner programmer I don't know whether it can be done with the way you've coded the extension.


I don't know about the padding, but the menubar is already transparent in the extension. I'll be fixing the identity box in the next release.
Calum
Oh right lol.

Well I meant where the background of the menu-bar is white, but still transparent instead of the same colour as the Aero transparency.

I am currently using this CSS code in the userChrome.css to fix it:


CODE
/* Makes the menubar background transparent when using the Glasser extension */

#toolbar-menubar {
  background: none !important;
}

#main-window[sizemode="maximized"] #file-menu,
#main-window[sizemode="maximized"] #edit-menu,
#main-window[sizemode="maximized"] #view-menu,
#main-window[sizemode="maximized"] #history-menu,
#main-window[sizemode="maximized"] #bookmarksMenu,
#main-window[sizemode="maximized"] #tools-menu,
#main-window[sizemode="maximized"] #helpMenu {
  color: #ffffff !important;
}




----------------
Now playing on iTunes: The Killers - On Top
via FoxyTunes
6XGate
Already, just uploaded a new version with the identity box fixed (no need for the negative margin anymore) and added the padding to the small icon nav-bar as shown in the screenshot.

also...

Quote - (cJr. @ May 18 2008, 14:42) *
Oh right lol.

Well I meant where the background of the menu-bar is white, but still transparent instead of the same colour as the Aero transparency.

I am currently using this CSS code in the userChrome.css to fix it:


CODE
/* Makes the menubar background transparent when using the Glasser extension */

#toolbar-menubar {
  background: none !important;
}

#main-window[sizemode="maximized"] #file-menu,
#main-window[sizemode="maximized"] #edit-menu,
#main-window[sizemode="maximized"] #view-menu,
#main-window[sizemode="maximized"] #history-menu,
#main-window[sizemode="maximized"] #bookmarksMenu,
#main-window[sizemode="maximized"] #tools-menu,
#main-window[sizemode="maximized"] #helpMenu {
  color: #ffffff !important;
}




----------------
Now playing on iTunes: The Killers - On Top
via FoxyTunes


I currently have no plans to change the menubar since it won't work on all backgrounds without being that way. I just leave up the the users to decide to remove it based on their using habits and make no assumptions as to the lightness of what may be behind firefox smile.gif
Gary7
Quote - (bb10 @ May 18 2008, 15:51) *


^ that's the problem and the fix smile.gif


Well mine must be fixed then. smile.gif
primexx
Quote - (6XGate @ May 18 2008, 13:53) *
Already, just uploaded a new version with the identity box fixed (no need for the negative margin anymore) and added the padding to the small icon nav-bar as shown in the screenshot.


are you going to put the extension on mozilla.org?
Rahul
Nice Stuff, I like it, thnx
Calum
Quote - (6XGate @ May 18 2008, 20:53) *
I currently have no plans to change the menubar since it won't work on all backgrounds without being that way. I just leave up the the users to decide to remove it based on their using habits and make no assumptions as to the lightness of what may be behind firefox smile.gif



OK. I understand that, I don't mind editing the userChrome.css a lil bit wink.gif

I'm just very grateful that you've decided to create an extension which implements Aero glass into Firefox AND you have shared it with us and continue to update it frequently.

Thank you very much smile.gif
6XGate
Just upload the 1.0.16 version for x64 builds of Firefox, thanks to Julius Caro.
Calum
Brilliant.

Can anybody please give me the CSS code to make the text of the menubar white please?

The code in the last thread doesn't seem to be working for me.

Thanks.
zerologic
Quote - (cJr. @ May 19 2008, 12:18) *
Brilliant.

Can anybody please give me the CSS code to make the text of the menubar white please?

The code in the last thread doesn't seem to be working for me.

Thanks.


I'd like the code to get rid of the white toolbar also.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.