Help - Search - Members - Calendar
Full Version: Firefox 3.7 Mockup Redux Theme
Neowin Forums > Customizing Windows > Customization & Skinning Section
Pages: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
BoneyardBrew


Download Now!

After a long period of hard work, we've brought to you StrataBuddy!

This addon includes three custom toolbar buttons, Tools, Page, and Bookmarks. It also allows you to customize Strata40 to make it resemble the 3.7 Mockups.

To access the customization options, go to the addons window and go to the addon's options. From there, you can choose what optional components you would like to use.

Features:

Accurate Firefox 3.7 Graphics, most of them Remade
Customization Features, including Alternative Back/Forward Buttons
New 3.7 Styled Reload/Stop Buttons
Animated Effects for Many Buttons
Page, Tools, and Bookmark Buttons
Aero Glass Effects
Tab Progress Line
Tabs on Top
Tab/Bookmark Background
and many more...

Note: This theme has graphics resembling SpewBoy's images, but most of SpewBoy's images have been recreated completely from scratch including Back/Forward (except for the arrows, which were borrowed from SpewBoy's Back/Forward), URLBar, IDBox, SearchBar, and Stop and Reload, which were created in his style toolbar buttons.


Credits:

SoapyHamHocks- Code
BoneyardBrew - Graphics
dert07 - Code

Krill3 - Tab progress line graphics
codefisher - restartMozilla/OpenProfileDir code
foxdie - applyCSS code

Leave us a comment, we'd appreciate it!
DomZ
It looks pretty good. I'll give this a go when I am on my windows pc next. I assume you can view > show bookmarks toolbar as I use that quite a lot?
Ci7
nicely made .


but how can i access bookmarks/tools/help etc ??
BoneyardBrew
Quote - (DomZ @ Jul 22 2009, 18:35) *
It looks pretty good. I'll give this a go when I am on my windows pc next. I assume you can view > show bookmarks toolbar as I use that quite a lot?


Thanks. It is there by default, I need to edit the OP to include some more information.

Quote - (skynetXrules @ Jul 22 2009, 18:35) *
nicely made .


but how can i access bookmarks/tools/help etc ??


Thanks. Sorry, I forgot to mention that by default, the menu is there. It also doesn't come with glass. I used some extensions to achieve that look.
Ci7
Quote - (BoneyardBrew @ Jul 23 2009, 01:38) *
Thanks. Sorry, I forgot to mention that by default, the menu is there. It also doesn't come with glass. I used some extensions to achieve that look.


thanks , i checked out myself .

but there are one problem , the text in inactive tab is a bit unreadable sad.gif

edit:

added screenshot

Click to view attachment
BoneyardBrew
Quote - (skynetXrules @ Jul 22 2009, 18:41) *
thanks , i checked out myself .

but there are one problem , the text in inactive tab is a bit unreadable sad.gif


Really? For me it is black like the active tab. What OS are you using, and can you provide a screenshot?

Thanks.
Ci7
Quote - (BoneyardBrew @ Jul 23 2009, 01:43) *
Really? For me it is black like the active tab. What OS are you using, and can you provide a screenshot?

Thanks.


using windows 7 ultimate RTM

see screen shot in above post


thx
mrk
Looks very nice thanks! just one question though, is it possible to have the tab bar the same grey colour as the status bar? it's not a major issue but I think it may look more inline being the same colour!

Click to view attachment

yes.gif
BoneyardBrew
Quote - (skynetXrules @ Jul 22 2009, 18:41) *
thanks , i checked out myself .

but there are one problem , the text in inactive tab is a bit unreadable sad.gif

edit:

added screenshot

Click to view attachment


That is extremely odd. It doesn't look like that on mine. I am using the Windows 7 RC. Maybe some other extensions are causing the problem? Another tab related add-on is probably the culprit.


Quote - (mrk @ Jul 22 2009, 18:49) *
Looks very nice thanks! just one question though, is it possible to have the tab bar the same grey colour as the status bar? it's not a major issue but I think it may look more inline being the same colour!

Click to view attachment

yes.gif


That was actually one thing that was bothering me. I actually was going to try to get the status bar the same color as the tab bar, but for some reason I couldn't figure out how to change the color.

I think it looks much more inline with the buttons if it is blue, but doesn't match the status bar. If I can get them both blue, would that be alright? If I can't figure it out within a reasonable amount I time I will probably do as you said and make them both grey.
l33txp
Quote - (BoneyardBrew @ Jul 22 2009, 23:54) *
That is extremely odd. It doesn't look like that on mine. I am using the Windows 7 RC. Maybe some other extensions are causing the problem? Another tab related add-on is probably the culprit.




That was actually one thing that was bothering me. I actually was going to try to get the status bar the same color as the tab bar, but for some reason I couldn't figure out how to change the color.

I think it looks much more inline with the buttons if it is blue, but doesn't match the status bar. If I can get them both blue, would that be alright? If I can't figure it out within a reasonable amount I time I will probably do as you said and make them both grey.


For the hard to read text.. if you are using the All Glass Firefox mod, based on Glasser 2.1.2 by Ambroos that's the problem.. I am using it and disabled it, text on inactive tab fixed.
Ci7
Quote - (BoneyardBrew @ Jul 23 2009, 01:54) *
That is extremely odd. It doesn't look like that on mine. I am using the Windows 7 RC. Maybe some other extensions are causing the problem? Another tab related add-on is probably the culprit.


not at all.

just for information.

Windows 7 build 7600
FireFox 3.5.1


add-ons
all-glass 2.1.2
hide menu 1.2009

---- other add-ons i have has nothing to do with UI/tabs at all
l33txp
Quote - (skynetXrules @ Jul 22 2009, 23:59) *
not at all.

just for information.

Windows 7 build 7600
FireFox 3.5.1


add-ons
all-glass 2.1.2
hide menu 1.2009

---- other add-ons i have has nothing to do with UI/tabs at all


Check my previous post.. disable all-glass 2.1.2
BoneyardBrew
Quote - (skynetXrules @ Jul 22 2009, 18:59) *
not at all.

just for information.

Windows 7 build 7600
FireFox 3.5.1


add-ons
all-glass 2.1.2
hide menu 1.2009

---- other add-ons i have has nothing to do with UI/tabs at all


As l33txp said, disable all-glass and download the glasser addon I mentioned in my original post. It allows you to use glass without any side effects.
Ci7
Quote - (BoneyardBrew @ Jul 23 2009, 02:06) *
As l33txp said, disable all-glass and download the glasser addon I mentioned in my original post. It allows you to use glass without any side effects.


i just tried , but unfourtantly the one in your main post refuse to install sad.gif


thanks anyway
SMELTN
must say it looks pretty nice. If you can fix that rounded coming out of the favicon it would be almost perfect
BoneyardBrew
Quote - (skynetXrules @ Jul 22 2009, 19:14) *
i just tried , but unfourtantly the one in your main post refuse to install sad.gif


thanks anyway


Just fixed the links, try it again and let me know if it works.

Quote - (SMELTN @ Jul 22 2009, 19:18) *
must say it looks pretty nice. If you can fix that rounded coming out of the favicon it would be almost perfect


Thanks. If I'm not mistaken, I think that is actually an issue with the Glasser addon itself. Sorry about that.

I have just released Version 1.1 which has a grey color scheme as requested. This matches much better if you cannot use glass or would like it to match the status bar.

You can follow the link here, as well as in the original post.

http://boneyardbrew.deviantart.com/art/Fir...-Grey-130511400

Enjoy!
mrk
Got your message and thought I'd post here that the grey is pretty much perfect and thanks a lot dude for the work!
BoneyardBrew
Quote - (mrk @ Jul 22 2009, 19:52) *
Got your message and thought I'd post here that the grey is pretty much perfect and thanks a lot dude for the work!


You're welcome, and thanks a lot! I really appreciate the suggestion and kind words!
Audioboxer
Looks quite nice, thanks thumbs_up.gif

BoneyardBrew
Quote - (Audioboxer @ Jul 22 2009, 20:06) *
Looks quite nice, thanks thumbs_up.gif



Thanks!

What add-on did you use to make the status bar glass? That looks really nice!
Audioboxer
Quote - (BoneyardBrew @ Jul 23 2009, 01:09) *
Thanks!

What add-on did you use to make the status bar glass? That looks really nice!


http://www.sixxgate.com/forum/viewtopic.php?f=10&t=93

smile.gif
BoneyardBrew
Quote - (Audioboxer @ Jul 22 2009, 20:12) *


Thanks! That solved my problem with trying to make a blue statusbar biggrin.gif.

I am also going to add this to my original post, it fixes the statusbar problem as well as the rounded URL bar.
Audioboxer
Quote - (BoneyardBrew @ Jul 23 2009, 01:18) *
Thanks! That solved my problem with trying to make a blue statusbar biggrin.gif .

I am also going to add this to my original post, it fixes the statusbar problem as well as the rounded URL bar.


Actually the rounded URL bar is this stylish theme I have installed I think - http://userstyles.org/styles/18868
BoneyardBrew
Quote - (Audioboxer @ Jul 22 2009, 20:23) *
Actually the rounded URL bar is this stylish theme I have installed I think - http://userstyles.org/styles/18868


I meant that the previous version of Glasser that I recommended downloading made the URL bar rounded, but it didn't look good. This version fixes that and just makes it square.

But thanks for the link, that also looks really nice!
SoapyHamHocks
I fixed the reload/refresh buttons by moving them up 1px.
Click to view attachment

CODE
#stop-button {
     width: auto !important;
     padding: 0px !important;
     margin: 0px !important;
     margin-top: -2px !important;
     margin-right: 1px !important;
     -moz-appearance: none !important;
     border: none !important;
}

#reload-button {
     width: auto !important;
     padding: 0px !important;
     margin: 0px !important;
     margin-top: -2px !important;
     margin-right: 2px !important;
     -moz-appearance: none !important;
     border: none !important;
}
mrk
Worthwhile updates indeed biggrin.gif
BoneyardBrew
Quote - (SoapyHamHocks @ Jul 22 2009, 20:43) *
I fixed the reload/refresh buttons by moving them up 1px.
Click to view attachment

CODE
#stop-button {
     width: auto !important;
     padding: 0px !important;
     margin: 0px !important;
     margin-top: -2px !important;
     margin-right: 1px !important;
     -moz-appearance: none !important;
     border: none !important;
}

#reload-button {
     width: auto !important;
     padding: 0px !important;
     margin: 0px !important;
     margin-top: -2px !important;
     margin-right: 2px !important;
     -moz-appearance: none !important;
     border: none !important;
}


Wow, that looks great. Where exactly do I add those codes? I would like to add it to my theme, giving you credit of course biggrin.gif.
SoapyHamHocks
I'm not sure how to add them to the theme, I just used Stylish. Just create a new style and add that code.
BoneyardBrew
Quote - (SoapyHamHocks @ Jul 22 2009, 20:55) *
I'm not sure how to add them to the theme, I just used Stylish. Just create a new style and add that code.


Thanks. That works, but I will see if I can add it to the actual theme so that the people who download it don't have to worry about getting Stylish as well.

Thanks again though.
SoapyHamHocks
Try adding the code to browser\browser.css before you package the theme.
Audioboxer
Quote - (SoapyHamHocks @ Jul 23 2009, 01:43) *
I fixed the reload/refresh buttons by moving them up 1px.
Click to view attachment

CODE
#stop-button {
      width: auto !important;
      padding: 0px !important;
      margin: 0px !important;
      margin-top: -2px !important;
      margin-right: 1px !important;
      -moz-appearance: none !important;
      border: none !important;
  }
  
  #reload-button {
      width: auto !important;
      padding: 0px !important;
      margin: 0px !important;
      margin-top: -2px !important;
      margin-right: 2px !important;
      -moz-appearance: none !important;
      border: none !important;
  }


Thanks thumbs_up.gif
Chris123NT
Very nice theme! smile.gif
BoneyardBrew
Quote - (Chris123NT @ Jul 22 2009, 21:04) *
Very nice theme! smile.gif


Thanks biggrin.gif!

Also, I will be updating the download links at DeviantART so they include the fix SoapyHamHocks provided for the reload and stop buttons. Thanks Soapy!
SoapyHamHocks
Quote - (BoneyardBrew @ Jul 22 2009, 18:10) *
Thanks biggrin.gif !

Also, I will be updating the download links at DeviantART so they include the fix SoapyHamHocks provided for the reload and stop buttons. Thanks Soapy!


Sure no problem, now lets work on those refresh and stop buttons tongue.gif
BoneyardBrew
The Firefox 3.7 Mockup Redux team (previously just myself for the most part) has gained an extremely helpful and knowledgable member, SoapyHamHocks.

Soapy has removed the boundries and limitations I spoke of earlier, and has given me the ability to change the Reload and Stop buttons to ones that almost perfectly replicate the official mockup.

We think you will love this new version. Here is a screenshot to showcase the new buttons biggrin.gif.



Keep an eye out for the release.
Mike Allen
Thanks, it looks nice!
BoneyardBrew
Quote - (micwa @ Jul 23 2009, 00:27) *
Thanks, it looks nice!


Thanks!
skullsatan
Quote - (BoneyardBrew @ Jul 23 2009, 00:02) *
The Firefox 3.7 Mockup Redux team (previously just myself for the most part) has gained an extremely helpful and knowledgable member, SoapyHamHocks.

Soapy has removed the boundries and limitations I spoke of earlier, and has given me the ability to change the Reload and Stop buttons to ones that almost perfectly replicate the official mockup.

We think you will love this new version. Here is a screenshot to showcase the new buttons biggrin.gif.



Keep an eye out for the release.


-------------------------------------------------------------

Hi

I am using "Firefox_3_7_Mockup_Redux_Grey_by_BoneyardBrew.jar" but the favicons tool bar does not match the rest.
Can you make it Grey in your new release.

screen shot : http://livecho.freehostia.com/test.png

Thank you

SoapyHamHocks
Hi all this is what BoneyardBrew and I have so far. There is still alot of work to be done, but here is a little teaser tongue.gif
Click to view attachment
Ci7
i just downloaded glasser from your new link

i would like to say it work perfectly biggrin.gif

Thanks a ton !
mrk
Yup the new Glasser update is very nice, it also fixes the overlapping rounded favicon bug that the other 1.1.1 and modded glasser extensions have!
Chris123NT
Quote - (SoapyHamHocks @ Jul 23 2009, 03:52) *
Hi all this is what BoneyardBrew and I have so far. There is still alot of work to be done, but here is a little teaser tongue.gif
Click to view attachment

Wow, VERY nice! Looking forward to the new version smile.gif.
family guy
Used Stylish to make the bookmark toolbar and tab bar blend together. Looks great! Can't wait for the update (I need my tools button)!
Audioboxer
Quote - (SoapyHamHocks @ Jul 23 2009, 08:52) *
Hi all this is what BoneyardBrew and I have so far. There is still alot of work to be done, but here is a little teaser tongue.gif
Click to view attachment


The refresh/stop buttons are better at that size as well yes.gif
BoneyardBrew
Quote - (skullsatan @ Jul 23 2009, 03:12) *
-------------------------------------------------------------

Hi

I am using "Firefox_3_7_Mockup_Redux_Grey_by_BoneyardBrew.jar" but the favicons tool bar does not match the rest.
Can you make it Grey in your new release.

screen shot : http://livecho.freehostia.com/test.png

Thank you



Can you host the screenshot somewhere else, preferably ImageShack? For some reason it is redirecting to the main freehostia site rather than your screenshot.

Also, Thank you everyone for the kind words. I really couldn't have done this without SoapyHamHocks. He's really done an excellent job here. Basically the backbone of this team. I create the graphics, he puts it all together biggrin.gif.

Thanks again Audioboxer for the new version of Glasser, it really is a step up from the last version.
skullsatan
Quote - (BoneyardBrew @ Jul 23 2009, 12:13) *
Can you host the screenshot somewhere else, preferably ImageShack? For some reason it is redirecting to the main freehostia site rather than your screenshot.

Also, Thank you everyone for the kind words. I really couldn't have done this without SoapyHamHocks. He's really done an excellent job here. Basically the backbone of this team. I create the graphics, he puts it all together biggrin.gif.

Thanks again Audioboxer for the new version of Glasser, it really is a step up from the last version.


here it is

http://picasaweb.google.ca/xithium/Recentl...697217907734434
BoneyardBrew
Quote - (skullsatan @ Jul 23 2009, 12:48) *


I will have to look into that for you. It shouldn't be a problem to get that fixed.
SnoopZ
I'd love you to add a matching HOME and BOOKMARKS icon too. As at the moment the Kemplton icons it uses just don't match?
Chasethebase
You know what? I love you. I've been waiting forever for someone to do this. <3
Calum
EDIT - Actually, the rest of the thread answered one of my questions wink.gif

I have one question which I couldn't see answered in this thread, though. Do you plan on making the tab bar glass as it appears in the mock-up? With that and the added 'Tools' button, it should look almost perfect (along with a 'Page' button too tongue.gif)

It's coming along very nice, though. I love the buttons! Thanks smile.gif
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.