Настройка внешнего вида Firefox в userChrome.css

vom · №551

Крошка Ру
Точно, сработало, спасибо. Я эти настройки как раз со времен XP и не менял, казалось, что они для "Windows Classic" темы персонализации ибо там скрины примеров соответствующие.

Крошка Ру · №552

vom ну а невидимым можно сделать как раз через userChrome.css , и дизайн изменить - попадались кстати и стили для Stylish

Tiger.711 · №553

Только вот они не работают для основного окна.

MySh · №554

Tiger.711

Только вот они не работают для основного окна.

Работают. Только не сразу, а после перезапуска броузера. Во всяком случае, раньше так было.

Добавлено 21-09-2011 00:59:08
Вот, например, вы можете примерить примерно такой пример:

скрытый текст

Выделить код

Код:

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

@namespace html url("http://www.w3.org/1999/xhtml");

 /* namespace for HTML elements */

/* ::::: scrollbar ::::: */
/*background*/
scrollbar {
  -moz-appearance: none;
  background: transparent;
  padding: 0px; /*thickness*/
}

/*makes hor & vert background uniform*/
scrollbar[orient="vertical"] 
{
   -moz-appearance: none;
}

/*This is a scroller background*/
slider {
  -moz-appearance:  none;
  border: 0px solid;
  min-height: 10px;
  -moz-border-top-colors: #000000;
  -moz-border-right-colors: #000000;
  -moz-border-bottom-colors: #000000;
  -moz-border-left-colors:#000000;
  background-color: #888888;
}

/*This gives standard vertical scroller*/
thumb {
  -moz-appearance:  none;
  border: 2px solid;
  min-height: 10px;
  -moz-border-top-colors: #FF7777;
  -moz-border-right-colors: #009900;
  -moz-border-bottom-colors: #0077ff;
  -moz-border-left-colors:#ffdd00;
  outline: 2px solid black;
  outline-offset: -4px;
  outline-color: blue;
  background-color: #ffffff;
}

/*This gives standard horizontal scroller*/
thumb[orient="horizontal"] {
  -moz-appearance: none;
  min-width: 8px;
  background-position: center center;
}

/*square at the corner of two scrollbars*/
scrollcorner { 
  -moz-appearance: none; 
  width: 1px;
  cursor: default;
  background-color: #550000;
}

/*right horizontal arrow*/
scrollbarbutton[type="increment"] {
  -moz-appearance: none;
  border: 2px solid;
  -moz-border-top-colors: #FF7777;
  -moz-border-right-colors: #009900;
  -moz-border-bottom-colors: #0077ff;
  -moz-border-left-colors:#ffdd00;
  background-color: #ffffff;
  background-position:center center;
}

/*left horizontal arrow*/
scrollbarbutton[type="decrement"] {
  -moz-appearance: none;
  border: 2px solid;
  -moz-border-top-colors: #FF7777;
  -moz-border-right-colors: #009900;
  -moz-border-bottom-colors: #0077ff;
  -moz-border-left-colors:#ffdd00;
  background-color: #ffffff;
  background-position:center center;
}

/*vertical up arrow*/
scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
  -moz-appearance: none;
  border: 2px solid;
  -moz-border-top-colors: #FF7777;
  -moz-border-right-colors: #009900;
  -moz-border-bottom-colors: #0077ff;
  -moz-border-left-colors:#ffdd00;
  background-color: #ffffff;
  background-position:center center;
}

/*vertical down arrow*/
scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
  -moz-appearance: none;
  border: 2px solid;
  -moz-border-top-colors: #FF7777;
  -moz-border-right-colors: #009900;
  -moz-border-bottom-colors: #0077ff;
  -moz-border-left-colors:#ffdd00;
  background-color: #ffffff;
  background-position:center center;
}

Отредактировано MySh (21-09-2011 00:59:08)

vom · №555

Крошка Ру
А подскажете код? Для невидимости и уменьшения ширины, первостепенно.

vom · №556

okkamas_knife
У меня просто подозрение, что это невозможно через UserChrome. Вот сверху код от MySh есть, но он не работает.

Крошка Ру · №557

А подскажете код? Для невидимости и уменьшения ширины, первостепенно.

vom не смогу - сущий чайник :dumb: в таких вещах :angel:

... ну вот для примера стиль > Scrollbar hidden / hide scrollbars totally , но он за 2008 и в новых версиях браузера работать не станет :whistle:

Добавлено 21-09-2011 09:55:58
... такое вот расширение > MinUI

Нажмите "Ctrl", чтобы скрыть различные элементы пользовательского интерфейса, нажмите еще раз показать.

- в том числе и скролбар прячет , может можно позаимствовать оттуда часть кода отвечающее за это для userChrome.css ? :angel:

Отредактировано Крошка Ру (21-09-2011 09:56:24)

vom · №558

Крошка Ру
Ясно, просто хотелось бы знать, вообще, у кого-нибудь получилось изменить скролл через UserChrome?

Tiger.711 · №559

vom
У меня не получилось (использовал код MySh)

mserv · №560

vom пишет

просто хотелось бы знать, вообще, у кого-нибудь получилось изменить скролл через UserChrome?

Я изменял так Scrollbars - Minimalistic
Цвет, размер можно настроить.

Moz.com · №561

Есть вопрос по userChrome. Хочу сделать себе загнутые уголки на непрочитанных вкладках, вот в этом сообщении http://forum.mozilla-russia.org/viewtopic.php?pid=513311#p513311 уже выкладывали код, но когда забиваю его в userChrome.css ничего не происходит. Дело в том, что у меня с самого начала в папке профиля папки chrome не было, пришлось копировать из версии 3.6.15. Все сделал как положено, переименовал файл из userChrome-example.css в userChrome.css, добавил строки кода, но реакции 0. Вот то что у меня сейчас в userChrome

Выделить код

Код:

/*
 * Do not remove the @namespace line -- it's required for correct functioning
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
 .tabbrowser-tab[informationaltab-unread="true"] {
    /*background-color: #993300 !important;*/
    -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAYAAABh2p9gAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAFnSURBVHja7JO7SgNBFIa/jdHFFGKRNXtRSCHpbMRYaBBMxFYFrUWwUyxVfAN9AStLCxsvpb0iJgGxSGMVizUrC9oJSTSxOYFl2cREwWoPHIaZ+fnm3EaJJ8wIEAH6xAEUWZsEm//+S7wRBfqBcSAJDIlgUMQ1oCFnYyvLS88Xl1dndLAoMJGZnUkd7O/V0umpipyrAqy3otB0S43FYlVgGsi3AyrxhLn6+FD8MA3jHnj33DW9KWu6te469p2mWyOiKwUBI4BqGkYZeJP0Wu6vX2t/A4xKiQKBAJ8dGkBAg66BSUAPAip0Z/4Hz4Gcp5F/BgKcAmvAwG+AAFHXsf36E2DTOzbdAqsvlUrSNIxX17H903Cs6dYucNRLhOWt7Z3hQqE4D8yJ54BFIOs6dn4hlz1U4glzw3XsW+CpE03TLTXgR6lStrpMSvcpu45dlWEutZGkNN3K9NqUn0wJgSEwBIbA/wF+DwCrzF4s5N0uqwAAAABJRU5ErkJggg==") 4 10 3 6 / 4px 10px 3px 6px stretch !important;
    border-radius: 1px 18px 0 0!important;
    padding: 0 !important;
    }

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

mserv · №562

Moz.com пишет

Может кто что подскажет?

Замени .tabbrowser-tab[informationaltab-unread="true"] на
.tabbrowser-tab[unread="true"]

Moz.com · №563

mserv пишет

Moz.com пишет
Может кто что подскажет?
Замени .tabbrowser-tab[informationaltab-unread="true"] на
.tabbrowser-tab[unread="true"]

Вот спасибо, заработало, лови "+". И еще вопрос в том посте на который я давал ссылку упоминалось, что можно сделать так чтобы вкладка становилась прочитанной не тогда когда на неё переключились, а только лишь когда начали её прокручивать. Как такое можно реализовать?

Отредактировано Moz.com (22-09-2011 17:39:17)

mserv · №564

Moz.com пишет

И еще вопрос в том посте на который я давал ссылку упоминалось, что можно сделать так чтобы вкладка становилась прочитанной не тогда когда на неё переключились, а только лишь когда начали её прокручивать. Как такое можно реализовать?

Читай там внимательно

Реализация "непрочитанности" взята от Informational Tab потому, что это дополнение позволяет делать вкладку "прочитанной" не когда на неё просто переключились, но начали прокручивать.

Т.е. нужно ставить расширение Informational Tab и тогда будет работать стиль, который выложил Tiger.711

Moz.com · №565

mserv пишет

Moz.com пишет
И еще вопрос в том посте на который я давал ссылку упоминалось, что можно сделать так чтобы вкладка становилась прочитанной не тогда когда на неё переключились, а только лишь когда начали её прокручивать. Как такое можно реализовать?
Читай там внимательно
Реализация "непрочитанности" взята от Informational Tab потому, что это дополнение позволяет делать вкладку "прочитанной" не когда на неё просто переключились, но начали прокручивать.
Т.е. нужно ставить расширение Informational Tab и тогда будет работать стиль, который выложил Tiger.711

Я плохо разбираюсь в стилях, потому и спросил, мне показалось, что как раз в стиле Tiger.711 уже заложена такая функция которую он вытянул из Informational Tab. И ещё: при отключении tab utilities уголки исчезают, как сделать чтобы они без этого дополнения работали?

mserv · №566

Moz.com пишет

И ещё: при отключении tab utilities уголки исчезают, как сделать чтобы они без этого дополнения работали?

~~«Непрочитанность» это настройка Tab Utilities, поэтому без него стиль никак не заставишь работать.~~
Вру, у меня работает и с отключенным

Отредактировано mserv (22-09-2011 17:55:38)

Moz.com · №567

mserv пишет

Moz.com пишет
И ещё: при отключении tab utilities уголки исчезают, как сделать чтобы они без этого дополнения работали?
~~«Непрочитанность» это настройка Tab Utilities, поэтому без него стиль никак не заставишь работать.~~
Вру, у меня работает и с отключенным

Возможно еще какое-нибудь дополнение есть которое непрочтенные вкладки помечает, потому и отключение TU никак не влияет. Потому как у меня при отключении TU уголки пропадают.

Kamui · №568

Moz.com пишет

mserv пишет
Moz.com пишет
И ещё: при отключении tab utilities уголки исчезают, как сделать чтобы они без этого дополнения работали?
~~«Непрочитанность» это настройка Tab Utilities, поэтому без него стиль никак не заставишь работать.~~
Вру, у меня работает и с отключенным
Возможно еще какое-нибудь дополнение есть которое непрочтенные вкладки помечает, потому и отключение TU никак не влияет. Потому как у меня при отключении TU уголки пропадают.

У mserv просто напросто стоит [nightly] , там реализован класс unread для вкладок, вот и всё.

Moz.com · №569

Kamui пишет

Moz.com пишет
mserv пишет
~~«Непрочитанность» это настройка Tab Utilities, поэтому без него стиль никак не заставишь работать.~~
Вру, у меня работает и с отключенным
Возможно еще какое-нибудь дополнение есть которое непрочтенные вкладки помечает, потому и отключение TU никак не влияет. Потому как у меня при отключении TU уголки пропадают.
У mserv просто напросто стоит , там реализован класс unread для вкладок, вот и всё.

Понятно, а я то думаю что за фигня. Интересно а в 9-ке этот параметр как-то графически реализуется, подсветка непрочтенных вкладок и т.п.?

Mihail_Lazarev · №570

Как сделано чтобы была прозрачна панель меню, панель адреса и желательно панель вкладок. Вот как на картинке.

Эта картинка от дополнения которая прячет панель меню. Но очень хотелось бы так-же.
Если так можно сделать при помощи установки тем, то подобную тему я не видел,искал.

тональ · №571

Mihail_Lazarev пишет

Как сделано чтобы была прозрачна панель меню, панель адреса и желательно панель вкладок

Stratiform - Можно настраивать практически любые аспекты внешнего вида браузера. Вы сможете не только выбрать форму, цвет и прозрачность панелей, кнопок, меню программы, но и изменить цвет и надпись на кнопке главного меню Firefox.
Но вероятно нужно чтоб прозрачность была включена в Windows7, а то не будет прозрачности.
Дом. стр.(есть верс. 1.3 Dev Builds) https://spewboy.deviantart.com/
AMO (верс. 1.2.1) https://addons.mozilla.org/ru/firefox/addon/stratiform/

TesT[iS]GooD · №572

Доброго времени суток. Захотелось поменять стандартный белый фон в mozilla 7.0, без яндекс бара, не хочу визуальные закладки наблюдать поверх картинки. Как можно установить свое изображение на фон, или сделать эти самые визуальные закладки прозрачными, как например в Opera? Спасибо!

Tiger.711 · №573

TesT[iS]GooD
Поставьте что-нибудь отсюда, большинство из них настраивается.

Northtech · №574

vom пишет

Я подозревал, но этот код к сожалению не работает.

Если для вас все еще актуально - работает, просто надо добавить !important.

Выделить код

Код:

/* ::::: titlebar ::::: */

#main-window[sizemode="normal"] > #titlebar {
  -moz-appearance: -moz-window-titlebar !important;
}

#main-window[sizemode="maximized"] > #titlebar {
  -moz-appearance: -moz-window-titlebar-maximized !important;
}

@media all and (-moz-windows-classic) {
  #main-window[sizemode="normal"] > #titlebar > #titlebar-content > #appmenu-button-container {
    margin-top: 4px !important;
  }
}

#titlebar-buttonbox {
  -moz-appearance: -moz-window-button-box !important;
}

#main-window[sizemode="maximized"] #titlebar-buttonbox {
  -moz-appearance: -moz-window-button-box-maximized !important;
}

.titlebar-placeholder[type="appmenu-button"] {
  margin-left: 1px !important;
}

.titlebar-placeholder[type="caption-buttons"] {
  margin-left: 4px !important; /* additional space for Aero Snap */
}

vom · №575

Northtech
Действительно, спасибо, "placeholder" работает. Жаль сами "caption-buttons" невозможно убрать, хотя этот код в интернете распространен.

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

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Board footer