luxorus's avatar
Firefox Ribbon UI version 2.05
By luxorus   |   Watch
74 124 32K (2 Today)
Published: October 15, 2012
!!ALL VERSIONS sourceforge.net/projects/firer… !!


Languages: English, French, German,
Spanish, Russian, Polish, Czech, Thai


Please report me any bug and send me
new features requests to DA or email.


If you know how to force forward button always visible, please tell me.
If you could translate it to other languages please send me the translation to comment or email (xgolats(at)gmail.com) Please report me bugs and send me new feature requests.





Changelog:
____________________________________________________
/*version 2.05*/
Cyberfox margin-fix added
Quick access bar fixed (now you can drag there any of these icons:bookmarks, history, new window, copy, paste, cut, print, full screen, sync, magnify, rss channel, Tab Groups) (home button, download button and some plug-ins buttons are buggy)
File button bug in private browsing fixed
Tested on Firefox 25beta, Cyberfox 23 AMD and Intel, Cyberfox 24 AMD
Status-bar background changed to windows default
____________________________________________________
/*version 2.03*/
30thJune margin-fix for Firefox 22.0 or higher
____________________________________________________
/*version 2.02*/
29thMay margin-fix for Firefox 21.0
____________________________________________________
/*version 2.01*/
!!! This version didn't contain theme by mistake. Sorry for that !!!
____________________________________________________
/*version 2.0*/
8thApril margin-fix for firefox 20.0
some minor fixes
new addon-manager
Thai version by codenameboss officially added
colors of "places"(history+bookmarks) changed to white
3rd party plugins removed.
____________________________________________________
/*version 1.5*/
1.5.2 expanded tab min-width to 110px
1.5.1 more languages - added
Easier installation
problem with overwriting "prefs.js" - solved
____________________________________________________
/*version 1.4*/
appmenu-button hover color changed from #3693e3 to #298CE1
appmenu-button font-weight problem in Win8 PRO fixed
color of border changed to semi transparent color
addon Tab Weel Scrool - ADDED
(color of border fit with color of windows) - better solution still finding
urlbar/search bar squared
NAVIGATIONBAR color changed to solid white
color of every border is same rgb (218,218,218)
ugly blue line after navigation bar - DELETED
new page background changed to white
(color of border fit with color of windows)-PLANNED[maybe at next version]
____________________________________________________
/*version 1.3*/
tab bar more like Windows 8 explorer
problem with unusable 4 positions in titlebar - FIXED
problem with titlebar in maximized mode - FIXED
reduced number of addons:
Stratiform 3.0.1 - DELETED
____________________________________________________
/*version 1.2*/
easier installation (only drag files to folder)
file button hover and click effects chenged
private browsing had purple file button
tabbar fixed in maximized mode
userstyle divided to Ribbon UI (RTM, COLOR, URL, TEXT)
reduced number of addons:
Roomy Bookmarks Toolbar 1.3.8 - DELETED
Extra Padding When Maximized 1.0 - DELETED
App Button No Text 1.2 - DELETED
____________________________________________________
/*version 1.1*/
3 languages - added (English, French, Czech)
colors of "Firefox Operalike text-field" - CHANGED
addon Smart location (smart text) 4.7 - ADDED


Thanks to

authors of these add-ons:
Stratiform 3.0.1 addons.mozilla.org/en-us/firef…
Stylish 1.3 addons.mozilla.org/en-US/firef…
Smart location (smart text) 4.7 addons.mozilla.org/cs/firefox/…

and thanks to autors of these userstyles:
Firefox Operalike text-field userstyles.org/styles/59403/fi…
Firefox: Bring the Title Back userstyles.org/styles/41025/fi…

and thanks to Daniel Villalobos, who translated this skin to Spanish an codenameboss (Thai)
Comments124
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
Yashlaptop's avatar
YashlaptopHobbyist Interface Designer
Hello sir!
  i want say that when i use leesoft start menu it is good
  but when i removed it my original start menu is also removed
  sorry for my english
   and please help me
 thank you
witchhunttress's avatar
this is good work I like the style :) good job and a big thank you
luxorus's avatar
I am glad you like it :D
FloOne's avatar
Your design looks really good, but I like the new tabs of firefox 29.
I would like to know if it is possible to theme firefox on windows 7 that it looks like firefox on windows 8/8.1.
Example of the differences of win 7/8/8.1
In my opinion I only have to change the background color, but where?
It would be nice if you could help me.
luxorus's avatar
Ok that should be pretty easy.
1. Download Stylish addons.mozilla.org/cs/firefox/…
2. Go to url about:addons
3. Click on user styles
4. Click on Write new style
5. Type there some name of style it doesn't matter what
6. And copy to the textfield this:
    #nav-bar {background: linear-gradient(rgba(253, 253, 253, 0.45), rgba(255, 255, 255, 0)) !important;}
FloOne's avatar
Thank you for the information with Stylish.
I used this codes:
#nav-bar {background: linear-gradient(rgba(255, 255, 255, 100), rgba(255, 255, 255, 100)) !important;}
#personal-bookmarks {background: linear-gradient(rgba(255, 255, 255, 100), rgba(255, 255, 255, 100)) !important;}
to get the background white.
But I have two problems.
Example of my problem there you can see that the background of the active tab and the startpage/home (Startseite) are not white.
If you can tell me the code for these two elements it would be very nice.Sweating a little... 
luxorus's avatar
Ok with the tab there is little problem I personally try to figure it because of my Firefox Ribbon UI for Firefox 29+ but I still didn't find all things too do what I need. But for you I have advice. the tab is made out of 3 parts which are called: .tab-background-start, .tab-background-middle, .tab-background-end so I hope this might be helpful if not then tell me :D

About the Startseite I don't know in my browser it is not blue but you can try those 2 plugins to get the name of class or id of this element:
addons.mozilla.org/cs/firefox/…
addons.mozilla.org/cs/firefox/…
then you will just click the are with right button and click inspect it is really easy to use :D

Hope it help if not just leave me message :D
FloOne's avatar

Sorry but the tab codes didn’t work for me, but the plugins work perfect.
With it I inspect the Startseite, but first it didn’t work.  I have to inspect the Startseite background in the customize tab and then I found out the id of it. (screenshot of it)

The active tab has at the moment a white background with the plugin Classic Theme Restorer. With it you can change the background color of the active tab. This plugin I have installed because I use a Windows 8 theme for windows 7 and firefox had a problem with this theme. (see screen) So I have to use Classic Theme Restorer with the settings: "Remove tab toolbars background fog (Windows AeroGlass)" to fix the green background on top.

Now all works perfect.  Clap 

I have my good old Windows 7 with a Windows 8/8.1 theme and a Firefox with a Windows 8/8.1 design. (see screen) :D (Big Grin) 

I’m using these Stylish codes:

      #nav-bar {background: linear-gradient(rgba(255, 255, 255, 100), rgba(255, 255, 255, 100)) !important;}

      #personal-bookmarks {background: linear-gradient(rgba(255, 255, 255, 100), rgba(255, 255, 255, 100)) !important;}

      #PersonalToolbar {background: linear-gradient(rgba(255, 255, 255, 100), rgba(255, 255, 255, 100)) !important;}

And the plugin Classic Theme Restorer to get the active tab white.

Thank you for your help :happybounce: 

luxorus's avatar
I am glad that this helped you :D :D If you will have any other problem in future just tell me and I will try to advice you something if I can :D
FloOne's avatar
Thank you so much :D (Big Grin) and yes I will tell you if I have problems in future. Nod
FaySmash's avatar
FaySmashHobbyist Interface Designer
will you update it to work on v29?
luxorus's avatar
Yes I am working on it but it is pretty hard Mozilla changed everything and I am absolutely hopeless but don't be sad I am in half way to success :D
FaySmash's avatar
FaySmashHobbyist Interface Designer
I'm really looking forward to see your result :D  Big thank for your efforts!! I would like it if you would orientate with the design on the MZ8 theme for firefox because I really like that theme but I thik you are able to make a more better looking visual style for firefox. =P (Razz)   And (only a request) do you think you cold be able to change the icons of firefox to which are more looking like windows 8 metro scheme? That would be awesome! And at least, do you think ther is a way to move the menu button from the upper right to the upper left corner and change the menu icon to the firefox lettering that the button looks like the menu button in firefox >v29? This wold be awesome too!! But wait and see how your theme will look like and if there are way to improve the appearance. :) (Smile)   At the end I would like to offer you my help with the more mordern looking icons which I could create for you. But for now, keep up your fantastic work! Clap 
 
luxorus's avatar
Wow thank you very much for recommending me MZ8 theme because it looks that this might help me solve problem with new Australis looking tabs :D :D

About the icon it is kinda easy to do so but you have to change resources of firefox.exe so it is impossible to contain it in theme itself but it can be easily done by resource hacker for example. If you want I can teach you how (because it have to be changed after every firefox update). And if you really want to help me with icons for example as you have said I would be glad. In fact working alone on all my projects is kinda hard and tiring :D

About the moving menu button to upper left corner this problem I have solved but unfortunately I have to change something in file named omni.ja which is in parent folder of firefox what makes installation of my theme even more complicated and what means I will have to change it with every firefox update :D . Btw the look on what I am working on and how close to the result I am you can see here: luxorus.deviantart.com/art/The…
FaySmash's avatar
FaySmashHobbyist Interface Designer
Please :D

Okay, I know Resource Hacker but it's too many effort to use it to change the icons because you must do this after every update and the firefox australis icons are almost like the metro scheme. So, I could revise the Icons of firefox that they look more like metro and could send them to you, but it seems to be a too big effort to geht them into firefox. Maybe it's possible with a selfmade theme?

And I could program an installer for your theme with visual basic, I'm a booldy beginner in programming with vb, but I do trust me that I'm able to program a good installer. :D (Big Grin)   Or a batch installer =P (Razz)

I't looks already very good! Clap 
luxorus's avatar
Ok it looks that there is no other way to change the icon of firefox as far as I know :'( Even worse is that this time moving the menu button to upper left corner works with just one version of firefox too :'( :'(

About the installer I was thinking about using firefox .xpi installation file for addons which might make installation easier but I am not very experienced in this way :D Btw I am programmer in VB too :D I made pretty good scientific calculator once which I still use :D :D But no more boasting from my side :D :D

But I am looking forward for your help with my projects sometime if you want or also I can help you some day if you want :D
FaySmash's avatar
FaySmashHobbyist Interface Designer
Ohw maybe sometime there is a way to do this easily.

Yes, good idea, but I can't help you with css right now, maybe in the future but I'm able to create icons and work with batch.

Btw, I have a problem in programming with vb right now, maybe you can help me :D (Big Grin)   You could add me on fb www.facebook.com/Fabian.Smash
luxorus's avatar
Ok :D I will add you as friend :)
uglyjetster's avatar
uglyjetsterStudent General Artist
will this work on ver 28??
luxorus's avatar
It should work without problem
D-Tronic's avatar
D-TronicHobbyist Interface Designer
I'm using a slightly modified version of the one without the Titlebar. I like it a lot however I've noticed it doesn't have all the extra button and ui styling that this one does. Is there any way you can post the stylish code for those elements separately?

Also, one way I know of forcing the forward button to always show is by using "Small Icons" in the toolbar.
luxorus's avatar
Now i am working on remake of this style for newer versions of Firefox. But then I might to find some time to separate those things from theme and send you them to you ok? :D
D-Tronic's avatar
D-TronicHobbyist Interface Designer
Just found another method.

forums.mozillazine.org/viewtop…
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
©2019 DeviantArt
All Rights reserved