---

              Các bạn đã biết firefox là trình duyệt được rất nhiều người sử dụng, và phiên bản FF4 đã có những thay đổi lớn về giao diện.Tuy nhiên với mình thì mình hok thích giao diện mặc định của FF4 lắm.Khi để tap on top thì nó không glass ở phần bookmark toolbar và ở Navigation



Vì thế để có được glass ở những phần đó bạn phải sử dụng theme khác (nhưng hiện giờ có rất ít theme cho FF4) vì thế chúng ta sẽ sử dụng addon để mod lại
Khi đó sẽ có kết quả như sau



Để được như thế, ta cần có addon Stylish
download addon đó tại đây
    
http://userstyles.org/apps/Stylish-1.0.11.xpi


Sau khi downxong bạn chỉ cần kéo thả vào FF để cài đặt.Sau đó restart lại FF là ok

Tiếp theo là viết style cho nó
Do Sstylish chưa tuơng thích với FF4 lắm nên để viết style, bạn click vào icon ở statusbar hoặc ở Navigation Toolbar chọn Manage Style
Cửa sổ mới hiện ra bạn chọn Write New Style





Và đây là phần quan trọng nhất, đó là code để paste vào kia

    
              #navigator-toolbox[tabsontop="true"] #TabsToolbar{
  padding: 8px 5px 2px 4px !important;
}

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

.tabbrowser-tab[fadein] {
max-width: 201px !important;
}

#appmenu-button-container {
  display: none !important;
}

#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button) {
  -moz-appearance: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background-repeat: no-repeat !important;
  background-size: 200% !important;
  -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 4 5 3 6 / 4px 5px 3px 6px !important;
  -moz-border-radius: 10px 8px 0 0 !important;
}

.tabbrowser-tab:not([selected="true"]),
.tabs-newtab-button,
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button)  {
  background-position: -5px -2px !important;
  background-image: -moz-linear-gradient(top,#D2D2D2,
                                   rgba(151,160,172,.70)),
                    -moz-linear-gradient(bottom, rgba(0,0,0,.6) 25%, rgba(0,0,0,0) 75%) !important;
}

.tabbrowser-tab:not([selected="true"]):hover,
.tabs-newtab-button:hover,
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button):hover {
  background-image: -moz-linear-gradient(top,rgba(198,201,206,.8),
                                   rgba(100,100,100,.8)),
                    -moz-linear-gradient(bottom, rgba(0,0,0,.8) 20%, rgba(0,0,0,0) 60%) !important;
}

.tabbrowser-tab:not([selected="true"]),
.tabs-newtab-button,
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button)  {
  background-position: -5px -2px !important;
  background-image: -moz-linear-gradient(top,rgba(198,201,206,.70),
                                   rgba(151,160,172,.70)),
                    -moz-linear-gradient(bottom, rgba(0,0,0,.8) 20%, rgba(0,0,0,0) 60%) !important;
}

.tabbrowser-tab:not([selected="true"]):hover,
.tabs-newtab-button:hover,
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button):hover {
  background-image: -moz-linear-gradient(top,rgba(198,201,206,.8),
                                   rgba(151,160,172,.8)),
                    -moz-linear-gradient(bottom, rgba(0,0,0,.8) 20%, rgba(0,0,0,0) 60%) !important;
}

#TabsToolbar {
  margin-top: 3px !important;
}
toolbar:not(:-moz-lwtheme)
{  
  background: none !important;
}
#TabsToolbar
{
  -moz-box-shadow: none !important;
  margin-top: 0px !important;
}

#status-bar
{
  -moz-appearance: none !important;
  background: transparent !important;
  border: 0 !important;
  text-shadow:0px 0px 2px #FFFFFF, 0px 0px 5px #FFFFFF !important;
}

#browser-bottombox
{
  -moz-appearance: none !important;
  background: transparent !important;
  -moz-box-shadow: inset threedshadow 0px 0px !important;
}

#nav-bar, #PersonalToolbar {border: none !important;     background: transparent !important; text-shadow: #fff 0px 0px 10px, #fff 1px 1px 10px, #fff 1px 1px 3px !important;}

/*modifies inactive tabs to turn on the light orange, comment off the background*/
tab.tabbrowser-tab {opacity: .70 !important; text-shadow: #fff 0px 0px 10px, #fff 1px 1px 10px, #fff 1px 1px 3px !important; }

#browser-bottombox,  statusbarpanel, #status-bar, #downbarHolder, .findbar-container {-moz-appearance: none !important; border: transparent !important; border: 0px !important;  background: transparent !important; text-shadow: #fff 0px 0px 10px, #fff 1px 1px 10px, #fff 1px 1px 3px !important;}

toolbarbutton:not([class*="tabs-alltabs-button"]) dropmarker {display: none !important;}
toolbarbutton:not([type="menu"]):hover dropmarker {display: -moz-box !important;}
toolbarbutton[type="menu"]:not([class*="bookmark-item"]) image {margin: 0px !important;}

.bookmark-item:not([container="true"]) .toolbarbutton-text{
display:none !important;
}          




Note: có thể cái này chỉ phù hợp với mình và một vài bạn khác LOL
Cho nên hok thik thì đừng có ném gạch đá vô nhà mình nhé

Copy Right: ŤĤÁŃĤŤĤĔĶĨĎŚ.ĨŃŦŐ