Glass-enabled tab bar in Opera
Saturday, July 18, 2009 3:37:18 AM
Recently, Safari 4 coppied this layout, in a even more aggressive approach, that some found to be pretty disorientating.
And finally, we got to Opera...
I've been using Opera for more than 6 years, and I'm very impressed by all the great advances in the recent snapshots. But I (and others) have wished that the glass look would be implemented in Opera 10, but with so many features to implement/debug, I doesn't look that the Aero look will be in final (actually, it's promised to Opera V11)
.Here is the look of the new skin (that is being beautifully designed by Jon Hicks):
This new skin is getting really pretty, and as AntRepin suggested, it would look a lot prettier if it just used the glass style in the tab bar also...
So I decided to hack Opera and see if I could enable it... And for my surprise
, I actually got to make it work (not a perfect solution, as it is just a hack done in a couple of hours), with very good results:
Finally, I merged this with my previous Opera hack, that removed the titlebar, and here is what I got:
Quite promising... I hope that this will really be implemented by Opera Team soon!
For those who want to take a look in the results live, I've placed them in Rapidshare and MediaFire:
Download Opera Hacks (Rapidshare)
Download Opera Hacks (MediaFire)
There is a modified skin (with black background in the titlebar that enables Aero after the hack). You need to install it in Opera (place AERO.zip in Opera\Skin\ folder, and select it using Tools -> Appearance -> Choose AERO on the list).
Then, run OperaAero.exe (it will create an icon in the tray area, to close it, click with the right button and choose Exit).
To remove the titlebar, put windowstyle.exe directly in C:\ and open the buttons.html in Opera. Click in the links in this file to add the Minimize, Restore, Maximize and Close buttons (or just add they right now) to the toolbar.
If you got everything alright, enjoy the results yourself!
It also works with the tab bar in bottom, left and right positions, although the look in left and right is awful with this hack, as the rendering gets a little washed-out with Aero enabled...
Finally, my congratulations to all in the Opera Team for the great work, that have long made Opera my favorite browser!!














1 2 Next »
Daniel HendrycksDanielHendrycks # Saturday, July 18, 2009 4:28:14 AM
Yeah, share this with many.
rafaeloliveira # Saturday, July 18, 2009 4:38:23 AM
Just updated the post, forgot to place the modified skin in rapidshare.
YongShunyongshun # Saturday, July 18, 2009 5:03:17 AM
rafaeloliveira # Saturday, July 18, 2009 5:14:16 AM
YongShunyongshun # Saturday, July 18, 2009 6:28:25 AM
Anton A. RepinAntRepin # Saturday, July 18, 2009 10:15:24 AM
Anton A. RepinAntRepin # Saturday, July 18, 2009 12:27:12 PM
But the main thing that you proved the technical feasibility!
setsutekh # Saturday, July 18, 2009 2:27:03 PM
This needs to gain more popularity.
Trycko # Saturday, July 18, 2009 6:37:59 PM
Daniel HendrycksDanielHendrycks # Saturday, July 18, 2009 7:13:17 PM
rafaeloliveira # Saturday, July 18, 2009 7:23:06 PM
Daniel HendrycksDanielHendrycks # Saturday, July 18, 2009 7:25:02 PM
Originally posted by rafaeloliveira:
Thanks, yeah it makes the visual thumbnails unsee-able. I will show this to my sisters when it is fixed. Anyway thank you
Daniel HendrycksDanielHendrycks # Sunday, July 19, 2009 12:17:16 AM
Daniel HendrycksDanielHendrycks # Sunday, July 19, 2009 1:36:51 AM
Originally posted by drworm:
lucideer # Sunday, July 19, 2009 1:46:05 AM
Secondly, a few notes, suggestions:
1. a possible "solution" to Daniel's issue above. Change the tab-background of the included AERO skin to white, and have white become transparent. This wouldn't solve the transparency "issue" on thumbnails, but it might ease the issue as white is a more common/intuitive default background for pages. For example, in the current setup, pages with black backgrounds look fine in the thumbnail tabs.
Or alternatively you could just set the tab-bar background to some obscure colour like pink.
2. I actually have thumbnail tabs disabled completely normally, not just minimised, but actually disabled (by unchecking the checkbox). This causes a thick black line to appear at the base of the tab-bar, obviously caused by some relative heights in the "extend frame into client area" code. Would it be possible to have the ability to vary the height with a command line switch or some such? This would also be very useful for custom skins I'd imagine.
lucideer # Sunday, July 19, 2009 1:49:33 AM
Originally posted by DanielHendrycks:
It was created with Visual Studio (I think, or just VC) and the code is included in the download (sourcecode.rar)
Kyle Bakerkyleabaker # Sunday, July 19, 2009 9:17:30 PM
Petter Nilsenmitchman2 # Sunday, July 19, 2009 11:44:48 PM
Martin RauscherHades32 # Monday, July 20, 2009 8:19:00 AM
Yeeha!
I created such a hack myself, but something I couldn't get to work was that the thumbnails get transparent, too...
Martin RauscherHades32 # Monday, July 20, 2009 8:25:20 AM
Originally posted by lucider:
*Ugh* No. It was created in Visual Basic!!!
Nicola MantovaniIron84 # Monday, July 20, 2009 1:45:42 PM
snague # Monday, July 20, 2009 3:33:49 PM
Havia dado essa ideia ao pessoal do OPERA, mas o seu HACK ficou excelente.
Abraços do Brasil
PozsonyiMarkCsendesMark # Monday, July 20, 2009 5:30:56 PM
S a msamfresco # Monday, July 20, 2009 6:25:32 PM
Miroslavmirko70 # Monday, July 20, 2009 7:19:47 PM
Joel Lutherlutherjw # Monday, July 20, 2009 7:35:59 PM
Lordtoniok # Monday, July 20, 2009 8:43:47 PM
I've two problems :
the title bar is still here. I think it's due to my setup: my windows isn't on the C drive. I put it on my windows' drive and on the C but it still doesn't work ...
The second problem is that:
[img]http://uppix.net/3/1/6/48ffda35c42ef093398de8cd69323.png
With one tab it looks quite weird.
With more tabs i have a big black ... thing very ugly.
It would be very nice to have something working at 100%.
You've done an excellent job. I hope your work could inspire Opera's dev to make it on a (not too) future release.
rafaeloliveira # Monday, July 20, 2009 10:16:20 PM
Lordtoniok: Edit the file buttons.html in notepad, and change all the references of C:\ to your directory. Remember that, as they are links, you must replace spaces with %20 in the actual path of windowstyle.exe
Samfresco: Yes, the hack looks for the word Opera in window titles, I'll change it latter to look for all opened Opera window by detecting their class name.
And a not so good news, Hick just told me that this is already done in internal builds, but will probably be available only in Opera v11.
Marcos Aguiarmarkfeik # Monday, July 20, 2009 11:44:58 PM
Seleciono a skin e executo o OperaAero.exe mas não acontece nada, continua com o fundo preto...
rafaeloliveira # Tuesday, July 21, 2009 12:50:59 AM
Marcos Aguiarmarkfeik # Tuesday, July 21, 2009 1:04:54 AM
rafaeloliveira # Tuesday, July 21, 2009 1:21:36 AM
Marcos Aguiarmarkfeik # Tuesday, July 21, 2009 1:35:05 AM
http://img32.imageshack.us/img32/8857/semttulolpd.png
Com o fundo preto ainda aparecendo em parte.
Tem como consertar isso ?
rafaeloliveira # Tuesday, July 21, 2009 1:40:03 AM
Marcos Aguiarmarkfeik # Tuesday, July 21, 2009 1:44:10 AM
Obrigado.
Aleksander AasAleksander # Tuesday, July 21, 2009 8:19:17 AM
dominicum # Tuesday, July 21, 2009 5:43:34 PM
Bert Docksdertbox # Tuesday, July 21, 2009 8:31:33 PM
Yu-Han Sunyhnsun # Tuesday, July 21, 2009 9:56:46 PM
rafaeloliveira # Tuesday, July 21, 2009 11:14:19 PM
If not possible, you will have to remove the buttons, change the buttons.html file to reflect the new paths (remember that if the path contains spaces, you'll have to replace them with %20
Let me know if it still don't work.
yhnsun: just to confirm, before anything, are you running Vista or Win7 right? Confirm also that you have the text ' - Opera' in the browser title. I'll post a new version that don't require this, so if you've changed this in Opera, just wait and get the new one...
Yu-Han Sunyhnsun # Wednesday, July 22, 2009 12:06:16 AM
mfayaz # Wednesday, July 22, 2009 5:27:07 AM
max1c # Wednesday, July 22, 2009 6:04:19 PM
dominicum # Wednesday, July 22, 2009 6:14:05 PM
One other question though, and sorry if this is obvious - is it possible to hide the title bar when the window is not maximized? That's what I really want to do. I've tried making a button like this -
Hide Title Bar
but it doesn't work.
Thanks again.
rafaeloliveira # Thursday, July 23, 2009 3:14:35 AM
S a msamfresco # Thursday, July 23, 2009 3:23:56 AM
z@h3kZAHEK # Thursday, July 23, 2009 5:45:30 AM
Patrickptckian # Thursday, July 23, 2009 7:55:24 AM
my.opera.com/operabrasil
Te vejo lá!
Abracos
Shukurov Raphaelkuyantus # Thursday, July 23, 2009 10:25:23 AM
Remove the program titlebar
windowstyle.exe /HIDETITLEBAR Title_of_the_Running_Program
How should I use that construction, to hide titlebar? thanks!
Aleksander AasAleksander # Thursday, July 23, 2009 11:56:28 AM