Полезная информация

Многие проблемы быстрее решаются поиском по форуму и чтением FAQ, чем созданием новой темы и томительным ожиданием ответа.
 

Настройка userChrome.css

Файл userChrome.css расположен в подкаталоге chrome вашего профиля. userChrome.css предназначен для стилей настройки внешнего вида Mozilla/Firefox. В нём вы можете редактировать отображение основных элементов браузера, стили, создать свой собственный стиль Mozilla.

Обратите внимание: userChrome.css не существует по умолчанию. После установки Mozilla/Firefox создается файл userChrome-example.css, содержащий пример этого файла, который вы можете переименовать в userChrome.css.

Далее пойдет список возможных настроек с русскими комментариями. Прочитайте комментарий, и если понравилось, то можете просто скопировать текущий кусок в свой userChrome.css. Затем перегрузите браузер, настройки заработают.

Эта строка должна быть в вашем userChrome.css обязательно.

/* set default namespace to XUL */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

Закладки:

/* Уменьшение пробелов в панели Закладок */
toolbarbutton.bookmark-item {
padding: 0px !important;
}
/* Указать максимальную длину названия в закладках */
toolbarbutton.bookmark-item {
max-width: 7em !important;
}
/* Не показывать значки по станиц (favicons) */
menu.bookmark-item > .toolbarbutton-icon {
display: none;
}
menu.bookmark-item > .menu-iconic-left > .menu-iconic-icon {
display: none;
}
/* Удалить значки папок в меню закладок */
menu.bookmark-item > .menu-iconic-left {
display: none;
}
/* Удалить значки у пунктов меню закладок, собственно ссылок */
menuitem.bookmark-item > .menu-iconic-left {
display: none;
}
/* Раз уж нет значков в закладках, то давайте сделаем шрифт синим и жирным */
menu.bookmark-item {
color: navy !important;
font-weight: 900 !important;*/
}
/* Спрятать иконки в персональной панели */
toolbarbutton.bookmark-item > .toolbarbutton-icon {
display: none;
}
/* Спрятать иконки для групп закладок */
menuitem.bookmark-group > .menu-iconic-left {
display: none;
}
/* Сменить иконки в закладках на собственные */
toolbarbutton.bookmark-item {
list-style-image: url('the\path\to\yourimage.xxx') !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;
}
toolbarbutton.bookmark-item[container="true"] {
list-style-image: url('the\path\to\yourimage.xxx') !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;
}
/* Изменить ширину закладок (по умолчанию 26 единиц) */
menu.bookmark-item, menuitem.bookmark-item {
max-width: 20em !important;
}
/* Удалить все разделители в закладках */
menuitem.bookmark-item + menuseparator,
menu.bookmark-item + menuseparator {
display: none !important;
}
/* Убирает последний пункт "Открыть во вкладках" в меню залкадок */
#openintabs-menuseparator, #openintabs-menuitem {
display: none !important;
}

Вкладки:

/* Изменить цвет активной вкладки */
tab{
-moz-appearance: none !important;
}
tab[selected="true"] {
background-color: rgb(245,245,160) !important;
color: blue !important;
}
/* Изменить высоту вкладок */
/* -------------------------- */
tab {
height: 14px !important;
}
.tabbrowser-strip {
height: 16px !important;
}
/* изменяет цвета текста и фона при наведении в табах */
tab:hover {
color: #f00 !important;
*background: #ffffff !important;
}
tab[selected="true"]:hover {
color: #f00 !important;
*background: #aaffaa !important;*/
} 
/* Изменить цвет обычных вкладок */
tab {
background-color: rgb(222,222,222) !important;
color: black !important;
}
/* Цвет вкладок во время загрузки страницы */
tab[busy] {
color:red !important;
}
/* Удалить кнопку закрытия справа, в панели вкладок */
tabbrowser .tabs-closebutton {
display: none !important;
}
/* Не показывать значки во вкладках */
.tabbrowser-tabs .tab-icon {
display: none; !important;
}
/* Вкладки снизу */
#content > tabbox {
-moz-box-direction: reverse;
}
/* Вкладки слева (при этом рекомендутеся удалить значок закрытия вкладок, увидите почему...) */
#content > tabbox {
-moz-box-orient: horizontal;
}
.tabbrowser-strip {
-moz-box-orient: vertical; overflow: -moz-scrollbars-none;
}
.tabbrowser-tabs {
-moz-box-orient: horizontal; min-width: 10ex; -mox-box-pack: start; -moz-box-align: start;
}
.tabbrowser-tabs > hbox {
-moz-box-orient: vertical; -moz-box-align: stretch; -moz-box-pack: start;
}
.tabbrowser-tabs > hbox > tab {
-moz-box-align: start; -moz-box-orient: horizontal;
}
/* Чтобы вкладки были справа, раскоментируйте след.строчку */
#content > tabbox {
-moz-box-direction: reverse;
}
/* Фиксированная ширина вкладок */
tabbrowser tab {
min-width: 80px !important;
max-width: 80px !important;
}
/* Уменьшить шрифт во вкладках на 10% */
.tabbrowser-tabs .tab-text {
font-size: 90%;
}

Начинаем скрывать ненужное

/* Скрываем лишние пункты меню */
menuitem[label="Add to Bookmarks..."] {
display: none;
}
menuitem[label="Manage Bookmarks..."] {
display: none;
}
menuitem[label="Manage Bookmarks..."] + menuseparator {
display: none;
}
menu[label="Character Coding"] {
display: none;
}

/* Скрываем ненужные пункты в контекстном меню.
 * Ниже представлены все пункты, но лучше что-нибудь все же оставить */
#context-back,
#context-blockimage,
#context-bookmarklink,
#context-bookmarkpage,
#context-copy,
#context-copyemail,
#context-copyimg,
#context-copyimg-contents,
#context-copylink,
#context-cut,
#context-delete,
#context-forward,
#context-metadata,
#context-openlink,
#context-openlinkintab,
#context-paste,
#context-reload,
#context-saveimage,
#context-savelink,
#context-savepage,
#context-searchselect,
#context-selectall,
#context-sendimage,
#context-sendlink,
#context-sendpage,
#context-sep-open,
#context-sep-stop,
#context-setWallpaper,
#context-stop,
#context-undo,
#context-viewbgimage,
#context-viewimage,
#context-viewinfo,
#context-viewpartialsource-mathml,
#context-viewpartialsource-selection,
#context-viewsource,
#openintabs-menuseparator,
#openintabs-menuitem {
display: none !important;
} 

/* Вообще меню не показывать! */
#toolbar-menubar {
display: none !important;
} 
/* Не показывать текст в персональной панели */
#personal-bookmarks .toolbarbutton-text {
display : none !important;
}

/* Не показывать разделители панелей */
toolbar {
border-style: none !important;
}
/* Не показывать стрелочку в панели поиска r */ 
.search-proxy-button-dropmarker {
display:none !important;
}
/* Удалить ссылку в панели статуса у adblock */
statusbarpanel[id="adblock-status"] {
display:none !important;
}
/* Удалить слово 'Go' в одноименной кнопке и подкорректировать ее размер */ 
#go-button .toolbarbutton-text {
display: none !important;
} 
#go-button .toolbarbutton-icon {
margin-top: 2px !important; margin-bottom: 1px !important;
} 
#go-button .toolbarbutton-icon {
margin-right: 1px !important;
} 
/* Не показывать значок обновления Firefox */
#statusbar-updates {
display: none !important;
}
/* Удалить опцию "Добивать поисковые машины" */
#search-proxy-button menuitem[label=Add engines ...] {
display: none;
}

Изменение общего внешнего вида:

/* Использование собственной фоновой картинки в тулбаре. Установите вашу собственную картинку место background.gif */  
menubar, toolbox, toolbar, .tabbrowser-tabs {
background-image: url("background.gif") !important;
background-color: none !important;
}
/* Изменить индикатор загрузки */
toolbar[iconsize="small"] #navigator-throbber {
list-style-image: url("throbber-small-stopped.gif") !important;
}
toolbar[iconsize="small"] #navigator-throbber[busy="true"] {
list-style-image: url("throbber-small.gif") !important;
}
/* Показывать кнопку выбора стилей */
#page-theme-button {
display: -moz-box !important; list-style-image: url(chrome://browser/skin/page-themes.png); padding: 0px 3px;
}
/* Боковая панель справа. */    
window > hbox { 
direction:rtl; 
} 
window > hbox > * { 
direction:ltr; 
}
/* Изменить размер и тип шрифта в меню */
menubar > menu {
font-size: 12px !important; font-family: Comic Sans MS, sans-serif !important; font-weight: bold !important;
}
/* Сделать элементы интерфейса жирными */
menubar > menu,
#urlbar,
#search-bar,
#status-bar,
#go-button > .button-box > .button-text,
#search-button > .button-box > .button-text,
.toolbarbutton-text,
toolbarbutton.bookmark-item,
sidebarheader,
#bookmarksPanel,
#history-panel {
font-weight: bold !important;
}
/* Изменить ширину строки поиска. */
#search-container,
#searchbar {
-moz-box-flex: 400 !important;
}
/* Сделать внешний вид меню, как в Office XP */
menupopup, popup {
border: 1px solid ThreeDShadow !important;
-moz-border-left-colors: ThreeDShadow !important;
-moz-border-top-colors: ThreeDShadow !important;
-moz-border-right-colors: ThreeDShadow !important;
-moz-border-bottom-colors: ThreeDShadow !important;
padding: 1px !important;
background-color: Menu !important;
}
menubar > menu {
border: 1px solid transparent !important;
padding: 2px 5px 2px 7px !important;
margin: 0 !important;
}
menubar > menu[_moz-menuactive="true"] {
background-color : Highlight !important;
color: HighlightText !important;
}
/* Кнопка для закрытия вкладок слева. */
.tabbrowser-tabs { direction: rtl; }
.tabbrowser-tabs > * { direction: ltr;
}
/* Изменить размер окна настроек Firefox
 * (проверено на версии 1.5) Infant */
#BrowserPreferences {
  height: 80ex !important;
  width: 60em !important;
}

Изменения в панели статуса

/* Удалить кнопку живых закладок (RSS) */
#livemark-button {
display: none !important;
}
/* Удалить иконку безопасности (на https страницах) */
#security-button {
display: none !important;
}
/* Удалить statusbar-display */
#statusbar-display {
display: none !important;
}
/* Удалить Индикатор загрузки */
#statusbar-progresspanel {
display: none !important;
}
/* Удалить выбора темы страницы */
#page-theme-button {
display: none !important;
}
/* Удалить кнопку управления всплывающими окнами  */
#page-report-button {
display: none !important;
}
/* возвращаем черные ссылки в боковой панели. */
treechildren::-moz-tree-cell-text(leaf, linkTree) {
text-decoration: none !important;
color: black !important;
}
/* Уменьшить значок новой вкладки. */
#new-tab-button{
list-style-image: url("chrome://browser/skin/Toolbar-small.png") !important;
-moz-image-region: rect(0px 160px 16px 144px) !important;
}
/* Уменьшить значок нового окна. */
#new-window-button{
list-style-image: url("chrome://browser/skin/Toolbar-small.png") !important;
-moz-image-region: rect(0px 176px 16px 160px) !important;
}
/* Если вы переместили строку адреса в панель статуса
 * и её размер вам не нравится, то его можно изменить */
#urlbar-container, #urlbar {
  width: 400px !important;
}
/* Изменить растояние между кнопками меню: Файл, Правка и т.д (по горизонтали)*/
menu { padding: 0px !important; }
/* Чтобы избежать упаковки по вертикали (раскрывающееся меню) нужно добавить следующее: */
menuitem { padding: 15px !important; }

Другие настройки userChrome.css на сайте The Add-ons Mirror

 
  firefox/tips/userchrome.css.txt · Последние изменения: 2007/07/22 19:53
 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2011 Mozilla Russia
Язык отображения форума: [Русский] [English]