Recommended Posts

Thanks it looks amazing!^^ Can you give me the same for the statusbar now please? :unsure:

I'm sorry but I'm not sure on that one... the script I gave you was not entirely mine, I just had it modified a little. it did have a few lines of code that did style the status bar but it wasn't glassy and looked weird if I tried so I removed it.

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

On another note I have been playing the the menu button a little as I want it to just say Fx rather than Firefox or Minefield, I have done that but want the button to be small

2znob9t.jpg

That is about as small as I can get the button, there seems to be something stopping it from going any smaller to the left. unless that is to do with where "minefield" has been set to hidden but the padding is still working for the length of the word "minefield"?

#appmenu-button .button-text { display:none !important; }
#appmenu-button dropmarker:before { content: "Fx" !important; }

here is the padding for the button:

#appmenu-button{
padding: 3px 8px 2px 20px !important;
margin-top:3px !important;
}

any ideas why it will not go any smaller? :no:

I was wondering about this too, but got linked to a Dev Stylish, which for me works great! :)

Link Here <-- It's official as it's from The Userstyles gallery.

Error: Stylish 1.0.10 could not be installed because it is not compatible with Firefox 3.7a6pre.

Error: Stylish 1.0.10 could not be installed because it is not compatible with Firefox 3.7a6pre.

Have you tried this:

Add a new Boolean to about:config extensions.checkCompatibility.3.7a set it to false.

I have this done and it installed fine.

Have you tried this:

I have this done and it installed fine.

Cheers!

I've created my mod! It's a combination of many mods with a few tweaks! See if you spot them.

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

#appmenu-button-container{
margin: 0px 0px 4px 4px !important;
}

#appmenu-button{
padding: 3px 10px 3px 9px !important;
}

#main-window[sizemode="maximized"][tabsontop="true"] #appmenu-button-container{
position: fixed !important;
}

#main-window[sizemode="maximized"] #navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-left: 90px !important;
padding-top: 4px !important;
margin-right: 120px !important;
}

#appmenu-button dropmarker:before {
padding-right: 5px !important;
}

#appmenu-button{
-moz-border-radius: 0px 0px 4px 4px !important;
border-top: 0px !important;
margin-top: 1px !important;
}

#main-window[sizemode="maximized"]{
margin-top: 6px !important;
}


#appmenu-button[open="true"]{
-moz-border-radius: 0px !important;
}

#appmenu-button .button-text { display:none !important; }
#appmenu-button dropmarker:before { content: "Firefox" !important; }

#TabsToolbar &gt; #home-button {
  -moz-appearance: none !important;
  background: transparent -moz-linear-gradient(left center , transparent, transparent 1px, rgba(128, 128, 128, 0.1) 1px, rgba(128, 128, 128, 0.1)) repeat scroll -6px 0 !important;
  background-clip: border-box !important;
  background-origin: padding-box !important;
  background-size: 200% auto !important;
  margin: 0 !important;
  padding: 0 !important;
  -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 3 5 3 6 / 3px 5px 3px 6px !important;
  -moz-border-radius: 6px 4px 0 0 !important;
  margin-left: 3px !important;
}

#TabsToolbar &gt; #home-button:hover {
  background-image: -moz-linear-gradient(left, transparent, transparent 1px, rgba(255,255,255,.4) 1px, rgba(255,255,255,.4)) !important;
}

#TabsToolbar &gt; #home-button &gt; .toolbarbutton-icon {
  margin-top: -1px !important;
  margin-bottom: -1px !important;
}

#TabsToolbar &gt; #home-button + #tabbrowser-tabs {
  margin-left: 0 !important;
}

Can anyone help me?

I want to disable the menu button and bar both , and attain following look :

Normal:

ewrew.png

Max:

adsaf.png

Edit: Got the code :D

(It doesn't actually disable the Menu button , but hides it)

#navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-left: 0px !important;
padding-top:8px !important;
padding-right:110px !important;
}

#appmenu-button-container{
position: fixed !important;
top: 999999999px !important;}

One thing I don't like about the Menu button. It hardly gives any options, Like I need to open the proper menu bar to update etc.

yeah that's my main problem with it atm

mozilla's main focus is with the new UI atm, once they finish working out all the kinks they'll probably get to the smaller things like the memu

I'm sorry but I'm not sure on that one... the script I gave you was not entirely mine, I just had it modified a little. it did have a few lines of code that did style the status bar but it wasn't glassy and looked weird if I tried so I removed it.

I see, thanks anyways!^^ I tried it myself with no avail :(

Coz it was weekend

Now maximized version too works fine , plus we can now use aero snap , double click to maximize etc properly.Overall the today's nightly is really stable

Just few more days and we will have Beta 1

not mentioning firefox menu margin has been fixed also

it look like it is ready for a code freeze now

It looks awesome with tabs in the titlebar now that they have fixed maximized window problems!

the UI is still not completely like what the mock up depicted, will that come in the nightly builds after beta 1 has been released?

here is the mock-up again so people don't have to go looking for it:

Fx-4.0-Mockup-Win7-i03-AppButton-ToT-490x115.png

It looks awesome with tabs in the titlebar now that they have fixed maximized window problems!

the UI is still not completely like what the mock up depicted, will that come in the nightly builds after beta 1 has been released?

here is the mock-up again so people don't have to go looking for it:

Fx-4.0-Mockup-Win7-i03-AppButton-ToT-490x115.png

Honestly, I'm not sure what takes Mozilla so long to complete the UI itself. That main window you see consisting of the buttons, tabs, and so on are the easiest parts to take care of. I know you can say that they have more important things to do, but it would not take much time at all.

They can either be approached with images (seems to be their choice for the active tab at least) or use CSS, but either way shouldn't take longer than a few minutes worth of work per element to match the mockups.

  • Like 1

Corris , its not possible right now , but its a known bug for time-being

Damn, cheers anyway.

Instead of a using the bookmark toolbar, I use a nameless folder so I can access a drop down menu with all my bookmarks in, which imo, looks quite nice.

But at the moment, I get stuck with the Bookmark dropdown menu, and a folder named (no name), lol.

not mentioning firefox menu margin has been fixed also

it look like it is ready for a code freeze now

no, there are still a few more things that should be done before going into beta,

1. they really need to do something with the button menu to make it more useful

2. they still need to alter the home button to be like the mock up

those are that last to major things i foresee them doing before going beta 1

Damn, cheers anyway.

Instead of a using the bookmark toolbar, I use a nameless folder so I can access a drop down menu with all my bookmarks in, which imo, looks quite nice.

But at the moment, I get stuck with the Bookmark dropdown menu, and a folder named (no name), lol.

no, you can still right-click on the toolbar and open the bookmarks toolbar

the button then moves down and acts like the chrome bookmark toolbar

post-335698-12777370608157.png

no, you can still right-click on the toolbar and open the bookmarks toolbar

the button then moves down and acts like the chrome bookmark toolbar

post-335698-12777370608157.png

I know, But I only like to have the one bar and then the tab bar.

This is what it looks like at the moment on 3.6.

screenshot20100628at161.png

So in 3.7 Alpha, I can't make it look like that at the moment.

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.