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

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

№357616-12-2017 22:27:48

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

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

ez7pac
А так?

Выделить код

Код:

.tabbrowser-tab {
border-radius: 3px !important;
border: solid 1px #000 !important;}

Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№357716-12-2017 23:12:49

ez7pac
Участник
 
Группа: Members
Откуда: Кубань
Зарегистрирован: 27-12-2015
Сообщений: 198
UA: Firefox 57.0

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

villa7 пишет

А так?

Так лучше, но не совсем то, что мне хочется.

8dd2d5fd70dd932099f7371f650aee9d.jpg

углы не прорисованы и вертикальные стороны тоже слабовато почему-то.
border-radius: за что отвечает? И вообще, с какими настройками можно поиграться?

Отредактировано ez7pac (16-12-2017 23:14:08)

Отсутствует

 

№357816-12-2017 23:17:18

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

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

ez7pac

Выделить код

Код:

.tabbrowser-tab {box-shadow: inset 0px 0px 0px 1px #000 !important;}

border-radius: за что отвечает?

Скругление углов.

Отредактировано villa7 (16-12-2017 23:18:24)


Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№357916-12-2017 23:26:19

ez7pac
Участник
 
Группа: Members
Откуда: Кубань
Зарегистрирован: 27-12-2015
Сообщений: 198
UA: Firefox 57.0

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

villa7 пишет

.tabbrowser-tab {box-shadow: inset 0px 0px 0px 1px #000 !important;}

Не, первый вариант получше, только

villa7 пишет

Скругление углов.

поставил 1.

А по вертикали вкладки разбить можно? Типа такого?
00bbb2d59306f0e16b3d18f57b846f9a.jpg
+++
Вот кстати! В приватном окне вкладки вполне себе прилично смотрятся! Вот как так же сделать в основном окне?
e6b83aad61f107e6d12a71ae3b16d7bb.jpg

Отредактировано ez7pac (17-12-2017 00:25:36)

Отсутствует

 

№358017-12-2017 02:15:26

Niclaus
Участник
 
Группа: Members
Откуда: Мексика
Зарегистрирован: 10-11-2004
Сообщений: 169
UA: Firefox 57.0

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

ez7pac

Выделить код

Код:

.tabbrowser-tab {
  border-top: 1px solid #000000 !important;
  border-left: 1px solid #000000 !important;
  border-right: 1px solid #000000 !important;
}

Размер в пикселях и цвет по вкусу

Отсутствует

 

№358117-12-2017 03:03:31

ez7pac
Участник
 
Группа: Members
Откуда: Кубань
Зарегистрирован: 27-12-2015
Сообщений: 198
UA: Firefox 57.0

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

Niclaus
7050fba76a40943a536cd586b2b6aaa0.jpg

Как-то особой разницы нет...:(  Никак не хочет рамка эта прорисовываться почему-то...

Отсутствует

 

№358217-12-2017 09:27:47

AspireM3400
Участник
 
Группа: Members
Зарегистрирован: 27-10-2014
Сообщений: 157
UA: Firefox 57.0

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

Ребят снова привет)) В общем добиваюсь минимализма в своей панели закладок. Но для большей гибкости, хотелось бы чтоб шрифт отдельных папок/ссылок в панели закладок, можно было делать жирным. Подчеркиваю, не всех а отдельных, по моему усмотрению. В данный момент, у меня можно менять только цвет для отдельных папок/ссылок, а желательно бы еще делать жирный шрифт для выбранных  мной папок/ссылок.
Показываю наглядный пример на моей панели закладок если не понятна суть:
По умолчанию все названия папок в панели имеют ЗЕЛЕНЫЙ ЦВЕТ, а названия ссылок - СИНИЙ. Но я могу сделать для нужной мне папки/ссылки ЛЮБОЙ ЦВЕТ. В моем случае ссылка для настроек Мозилы(about:config) окрашена в КРАСНЫЙ ЦВЕТ.

скрытый текст
iDVYmQP.jpg

Отсутствует

 

№358317-12-2017 13:23:25

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

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

AspireM3400
Название папки {font-weight:  900  !important;}


Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№358417-12-2017 14:55:38

AspireM3400
Участник
 
Группа: Members
Зарегистрирован: 27-10-2014
Сообщений: 157
UA: Firefox 57.0

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

villa7
Возможно я что то не так понял, но ничего не изменилось, вот код с добавленной строкой, в которой папка "BETnet" должна стать жирной

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

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/*======УбираетНазванияПанелиЗакладок оставляя только значки
#PlacesToolbarItems > .bookmark-item {max-width: 10px !important;}
#PlacesToolbarItems > .bookmark-item:hover {max-width: 300px !important;}
/*=====КонецУбираетНазванияПанелиЗакладок======*/
/*#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {font-size: 80% !important;}/*Изменяет размер шрифта в названиях панели закладок*/

/*=====Мой стиль по новому
#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon {display: none !important;} 
#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
margin-bottom: 5px  !important;
color: #00f  !important;
font-size: 10px  !important;}
#PlacesToolbarItems > .bookmark-item[type="menu"] > .toolbarbutton-text {color: #f00  !important;}
/*=====Конец Моего стиля по новому*/


#personal-bookmarks, #PersonalToolbar {
    line-height: 0!important;
    min-height: unset!important;
    height: auto!important;
}
/*для закладок на панели -->*/
toolbarbutton.bookmark-item:not(.subviewbutton):not([type="menu"]) {
    -moz-appearance: none!important;
/*    background: white!important; /*цвет фона*/
/*    border: .5px solid black!important; /*толщина/стиль/цвет границ*/
    padding: 0 1px!important; /*отступы у закладок*/
    margin: 0 1px!important;/*отступы между закладками*/
    color: blue!important; /*цвет текста*/
}
/*для папок с закладками на панели -->*/
toolbarbutton.bookmark-item:not(.subviewbutton)[type="menu"] {
    -moz-appearance: none!important;
/*    background: red!important; /*цвет фона*/
/*    border: .5px solid black!important; /*толщина/стиль/цвет границ*/
    padding: 0 1px!important; /*отступы у папок*/
    margin: 0 1px!important;/*отступы между папками*/
    color: #006600!important; /*цвет текста*/
}
/*для открытых папок с закладками на панели -->*/
toolbarbutton.bookmark-item:not(.subviewbutton)[type="menu"][open] {
    -moz-appearance: none!important;
    background: #CC6600!important; /*цвет фона*/
/*    border: .5px solid black!important; /*толщина/стиль/цвет границ*/
    padding: 0 1px!important; /*отступы у папок*/
    margin: 0 1px!important;/*отступы между папками*/
    color: white!important; /*цвет текста*/
}
/*для отдельной папки/закладки, чье видимое имя (полностью, с учетом регистра) указано в кавычках для label -->*/
toolbarbutton.bookmark-item:not(.subviewbutton)[label='about:config'] {
    -moz-appearance: none!important;
/*    background: black!important; /*цвет фона*/
/*    border: .5px solid black!important; /*толщина/стиль/цвет границ*/
    padding: 0 1px!important; /*отступы у папок*/
    margin: 0 1px!important;/*отступы между папками*/
    color: red!important; /*цвет текста*/
}
/*для отдельной папки/закладки, чье видимое имя (полностью, с учетом регистра) указано в кавычках для label -->*/
toolbarbutton.bookmark-item:not(.subviewbutton)[label='BETneT'] {
    -moz-appearance: none!important;
    background: black!important; /*цвет фона*/
/    border: .5px solid black!important; /*толщина/стиль/цвет границ*/
    padding: 0 1px!important; /*отступы у папок*/
    margin: 0 1px!important;/*отступы между папками*/
    color: red!important; /*цвет текста*/
}
/*=========панель закладок узкая*/
#PersonalToolbar{
height: 15px !important;
max-height: 15px !important;
min-height: 15px !important;
}
/*========Размер шрифта в панели*/
toolbarbutton.bookmark-item > .toolbarbutton-text {
  font-size: 10px !important;
}
#PersonalToolbar .bookmark-item > .toolbarbutton-icon {
    display: none!important; /*скрываем иконки*/
}
#PersonalToolbar .bookmark-item > .toolbarbutton-text{
    margin: 0!important;
}
BETnet {font-weight:  900  !important;}
/*=======Убрать надпись о полноэкранном режиме*/

/*=======ВкладкиСнизу====
#TabsToolbar {-moz-box-ordinal-group:3 !important; }
#PersonalToolbar {-moz-box-ordinal-group:2 !important; }
#nav-bar {-moz-box-ordinal-group:1 !important; }
/*=======КонецВкладкиСнизу===*/
/*=======УбираетПанельВкладок===
#TabsToolbar { visibility: collapse !important; }*/
/*=======КонецУбираетПанельВкладок===*/
/*=======УбратьСинююПолоскуНаВкладке
.tab-background .tab-line {
    visibility: hidden !important;
}
/*=========КонецСинейПолоски======*/
/*=====AddonBar======
@-moz-document url("chrome://browser/content/browser.xul") {
vbox#browser-bottombox {
    -moz-binding: url("./overlays/overlay.xml#overlay") !important;
}
}
/*=====КонецAddonBar1*/

Отредактировано AspireM3400 (17-12-2017 14:57:56)

Отсутствует

 

№358517-12-2017 15:49:52

SendInfo
.
 
Группа: Members
Зарегистрирован: 14-02-2011
Сообщений: 271
UA: Firefox 42.0

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

AspireM3400

скрытый текст
убрать это

Выделить код

Код:

BETnet {font-weight:  900  !important;}

добавить сюда

Выделить код

Код:

/*для отдельной папки/закладки, чье видимое имя (полностью, с учетом регистра) указано в кавычках для label -->*/
toolbarbutton.bookmark-item:not(.subviewbutton)[label='BETneT'] {
    -moz-appearance: none!important;
    background: black!important; /*цвет фона*/
/    border: .5px solid black!important; /*толщина/стиль/цвет границ*/
    padding: 0 1px!important; /*отступы у папок*/
    margin: 0 1px!important;/*отступы между папками*/
    color: red!important; /*цвет текста*/
}

после

Выделить код

Код:

color: red!important; /*цвет текста*/
Выделить код

Код:

font-weight:  900  !important;/*Тот самый ЖИР*/

перед }

Отсутствует

 

№358617-12-2017 16:02:10

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

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

AspireM3400

Выделить код

Код:

toolbarbutton.bookmark-item:not(.subviewbutton)[label='BETnet'] {font-weight:  900  !important;}

Отредактировано villa7 (17-12-2017 16:07:11)


Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№358717-12-2017 21:46:06

AspireM3400
Участник
 
Группа: Members
Зарегистрирован: 27-10-2014
Сообщений: 157
UA: Firefox 57.0

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

SendInfo
villa7
Ребятки спасибо, все ништяк :music:

скрытый текст
K9UwnUm.jpg

просто по красоте помогли )) еще раз спасибо

Отредактировано AspireM3400 (17-12-2017 21:50:32)

Отсутствует

 

№358818-12-2017 19:58:05

ez7pac
Участник
 
Группа: Members
Откуда: Кубань
Зарегистрирован: 27-12-2015
Сообщений: 198
UA: Firefox 57.0

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

Ребят, а есть такая примочка - изменение цвета вкладки под курсором?

Отсутствует

 

№358918-12-2017 20:05:31

base239
Забанен
 
Группа: Members
Откуда: Витебск
Зарегистрирован: 22-01-2009
Сообщений: 170
UA: Firefox 57.0
Веб-сайт

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

ez7pac пишет

Ребят, а есть такая примочка - изменение цвета вкладки под курсором?

Попробуй это, у меня меняет.

скрытый текст
tab:hover{
background:#7E7E7E !important;
}

Отсутствует

 

№359018-12-2017 20:32:57

ez7pac
Участник
 
Группа: Members
Откуда: Кубань
Зарегистрирован: 27-12-2015
Сообщений: 198
UA: Firefox 57.0

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

base239 пишет

Попробуй это, у меня меняет.

Не, не хочет почему-то...:(

Отсутствует

 

№359118-12-2017 20:43:16

base239
Забанен
 
Группа: Members
Откуда: Витебск
Зарегистрирован: 22-01-2009
Сообщений: 170
UA: Firefox 57.0
Веб-сайт

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

ez7pac пишет
base239 пишет

Попробуй это, у меня меняет.

Не, не хочет почему-то...:(

:blush: Не знаю, у меня меняет, а пробовали другие цвета вводить, например Gray цветами HTML?..

Отсутствует

 

№359218-12-2017 20:45:05

Coroner
Участник
 
Группа: Members
Зарегистрирован: 29-10-2012
Сообщений: 3972
UA: Firefox 55.0

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

ez7pac пишет

Не, не хочет почему-то...

Проверьте на ошибки, попробуйте переставить код ближе к началу файла.
Бывает что в предыдущем коде есть ошибки, не дающие сработать коду ниже.
Если заработает после перестановки — ищите ошибки. Или оставьте как есть. :)

base239 пишет

Не знаю, у меня меняет, а пробовали другие цвета вводить, например Gray цветами HTML?..

Код рабочий. Если другими стилями не перекрывается.
Можно и такой попробовать, но если тот не работает, то и этот не будет.

Выделить код

Код:

#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:hover:not([selected]) .tab-content {
  background: linear-gradient(to bottom,#FF9900,#FF6600) !important;
}

Отсутствует

 

№359318-12-2017 20:55:56

ez7pac
Участник
 
Группа: Members
Откуда: Кубань
Зарегистрирован: 27-12-2015
Сообщений: 198
UA: Firefox 57.0

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

base239 пишет

Не знаю, у меня меняет, а пробовали другие цвета вводить, например Gray цветами HTML?..

Тоже не хочет.

Coroner пишет

Проверьте на ошибки, попробуйте переставить код ближе к началу файла.
Бывает что в предыдущем коде есть ошибки, не дающие сработать коду ниже.

Поставил первым - не работает.

Coroner пишет

Можно и такой попробовать, но если тот не работает, то и этот не будет.

А вот этот сработал :D

Отсутствует

 

№359418-12-2017 20:57:58

Coroner
Участник
 
Группа: Members
Зарегистрирован: 29-10-2012
Сообщений: 3972
UA: Firefox 55.0

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

ez7pac пишет

А вот этот сработал

Какое-то колдунство. :D У меня оба работают. Я специально вариант мудрёный привёл.
Может спецы разберутся...

Отредактировано Coroner (18-12-2017 20:58:50)

Отсутствует

 

№359518-12-2017 21:16:05

ez7pac
Участник
 
Группа: Members
Откуда: Кубань
Зарегистрирован: 27-12-2015
Сообщений: 198
UA: Firefox 57.0

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

Ребят, еще вопрос. Вот этот код:

Выделить код

Код:

.tabbrowser-tab[selected] .tab-content {
  background: #FFFF00 !important;
}
.tabbrowser-tab:not([selected]) .tab-content {
  background: #E7E7E4 !important;
}

Фон активной ссылки желтый. Почему он желтый не только на активной вкладке, но и прихватывает треть от соседних справа-слева? Можно его в рамки вернуть?

76200b6e4b6adeb40981ddda2631c3ca.jpg

Отсутствует

 

№359619-12-2017 01:00:05

StarBox -_-|­™
Участник
 
Группа: Members
Зарегистрирован: 04-12-2017
Сообщений: 6
UA: Firefox 57.0

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

ez7pac
вкладка расширяется при наведении, расширяется за счёт появления крестика на ней. или у вас крестик при наведении появляется или по стандарту стоит всегда.
может ещё что-то типо стоит определённый размер вкладки. а крестик расширяет просто её.

Отредактировано StarBox -_-|­™ (19-12-2017 01:01:56)

Отсутствует

 

№359719-12-2017 11:28:44

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: unknown 0.0

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

Уважаемые! А как сделать шрифт в активной вкладке другим цветом в userChrome.css? Ну или выделить жирным шрифтом?

Отсутствует

 

№359819-12-2017 11:34:42

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 310
UA: Firefox 57.0

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

Кто подскажет, как обозначить (выделить) границы вкладок по бокам и сверху, к примеру, серым цветом, но без скругления углов?
Выделил красным для наглядности:

скрытый текст
[img]0218f6116734.png[/img]

Отредактировано ofizer (19-12-2017 12:16:36)

Отсутствует

 

№359919-12-2017 12:03:54

Niclaus
Участник
 
Группа: Members
Откуда: Мексика
Зарегистрирован: 10-11-2004
Сообщений: 169
UA: Firefox 57.0

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

v4386 пишет

А как сделать шрифт в активной вкладке другим цветом в userChrome.css? Ну или выделить жирным шрифтом?

И то, и другое одновременно

Выделить код

Код:

.tabbrowser-tab[selected] .tab-label {
font-weight: bold !important;
color: blue !important;
}

UPD:
Господа, скачайте уже наконец себе пользовательские стили от Aris и поизучайте пару дней, многие вопросы отпадут!

Отредактировано Niclaus (19-12-2017 12:08:24)

Отсутствует

 

№360019-12-2017 13:28:04

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

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

ofizer

Выделить код

Код:

.tabbrowser-tab {
border-top: 1px solid #aaa !important;
border-left: 1px solid #aaa !important;
border-right: 1px solid #aaa !important; }

Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

Board footer

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