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

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

№282604-09-2016 08:00:27

Duche
Участник
 
Группа: Members
Зарегистрирован: 07-02-2016
Сообщений: 208
UA: Firefox 38.0

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

Vitaliy V. пишет

Только нужно auto добавить к html

Получился код в таком виде. Правильно?

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

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url(https://www.nnm.ru/) { 
  body,html {
    background-image: url("изображение") !important;
    height: auto !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-attachment: fixed !important;
    }
}

Отсутствует

 

№282704-09-2016 10:39:53

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 51.0

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

Duche
Зачем добавлять два раза изображение для body и html когда достаточно для body

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

Выделить код

Код:

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

@-moz-document url("адрес") {
    html {
        height: auto !important;
    }

    body {
        background-color: transparent !important;
        background-image: url("изображение") !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-attachment: fixed !important;
    }
}


И с background-size: 100% 100% !important; когда два раза по 100% изображение будет масштабировано без сохранения пропорций.
Используйте cover тогда пропорции сохранятся, а изображение при необходимости обрежется чтобы не было пустых полей.

Отредактировано Vitaliy V. (04-09-2016 11:05:20)

Отсутствует

 

№282804-09-2016 12:27:53

Duche
Участник
 
Группа: Members
Зарегистрирован: 07-02-2016
Сообщений: 208
UA: Firefox 38.0

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

Vitaliy V. пишет

Зачем добавлять два раза изображение

Я только учусь:dumb:. Переделал, всё работает отлично.
Примите искреннюю благодарность.

Отсутствует

 

№282914-09-2016 02:09:16

nvrbjs
Участник
 
Группа: Members
Зарегистрирован: 13-06-2014
Сообщений: 16
UA: Firefox 45.0

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

можно ли без дополнений сделать через стили вертикальные вкладки справа/слева, я вставляю какие-то старые коды, но ничего не срабатывает. версия 45 esr.

Отсутствует

 

№283014-09-2016 06:28:26

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 51.0

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

nvrbjs
Если и можно, то очень непросто. Я как-то пробовал такой стиль сделать, но все очень коряво и с множеством неожиданных косяков выходило. Если только Vitaliy V., что скажет.

Отсутствует

 

№283114-09-2016 09:50:27

Duche
Участник
 
Группа: Members
Зарегистрирован: 07-02-2016
Сообщений: 208
UA: Firefox 38.0

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

пишет

Vitaliy V. Зачем добавлять два раза изображение для body и html

Добрый день. Vitaliy V. код работает отлично , но есть маленький нюанс. Если зайти в почту, а потом верну на страницу с изменённым фаном "Домой" и выйти из почты (почта и страница с изменённым фоном "Домой" один сайт , фон на странице не появляется пока не обновишь страницу. Есть возможно сделать как бы "авто-обращение" к коду CSS без обновления страницы.  Код находится в "userContent"

Отредактировано Duche (14-09-2016 10:13:43)

Отсутствует

 

№283214-09-2016 16:50:57

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 51.0

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

nvrbjs пишет

я вставляю какие-то старые коды, но ничего не срабатывает.

В FF 3 когда вкладки были привязаны к контенту страницы сделать это было гораздо проще. Сейчас так же можно сделать только для [seamonkey].
Не ну можно что-нибудь придумать с position: fixed, биндингом и т.  д. для [firefox] но лучше всё же расширение...

Duche пишет

Код находится в "userContent"

Вот в этом и дело поэтому я его не использую, когда с какой-то версии FF это началось. Поэтому сделал своё расширение Style CSS (есть на моём сайте), там с тем же кодом нет проблем.
А с userContent не знаю можно с @-moz-document url-prefix("https://yandex.ru/") но тогда изображение будет не только на одной странице.
С @-moz-document regexp("https://yandex\.ru/") тоже не работает как нужно. Так что это проблемы [firefox]

Или вот так попробуйте у меня работает @-moz-document url("https://yandex.ru/"), url-prefix("https://yandex.ru/?ncrnd") {

Отсутствует

 

№283314-09-2016 17:33:04

nvrbjs
Участник
 
Группа: Members
Зарегистрирован: 13-06-2014
Сообщений: 16
UA: Firefox 45.0

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

Vitaliy V. пишет

В FF 3 когда вкладки были привязаны к контенту страницы сделать это было гораздо проще. Сейчас так же можно сделать только для .Не ну можно что-нибудь придумать с position: fixed, биндингом и т.  д. для  но лучше всё же расширение..

ясно.
ну я вот такое нашел, меня в принципе устроит, но проблема в том, что вкладки уезжают внизу за экран, можно как-то их снизу ограничить? чтобы появилась прокрутка, как происходит в обычном режиме?

Выделить код

Код:

#content { padding-left: 200px !important; }
#tabbrowser-tabs>arrowscrollbox>scrollbox>box
{ position: fixed !important;
top:200px;
width:135px;
left: 20px !important; }

Отсутствует

 

№283414-09-2016 18:04:21

Duche
Участник
 
Группа: Members
Зарегистрирован: 07-02-2016
Сообщений: 208
UA: Firefox 38.0

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

Vitaliy V. пишет

вот так попробуйте у меня работает

Попробовал, в виде @-moz-document url("https://yandex.ru/"), url-prefix("https://yandex.ru/?ncrnd") не работает, работает только так url("https://www.yandex.ru/"), url-prefix("https://www.yandex.ru/?ncrnd") , почему-то только с www в строке.
Спасибо!

Отсутствует

 

№283514-09-2016 20:04:18

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 51.0

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

del

Отредактировано Vitaliy V. (16-02-2017 21:37:56)

Отсутствует

 

№283615-09-2016 04:13:07

Kero
Участник
 
Группа: Members
Зарегистрирован: 09-11-2012
Сообщений: 221

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

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

И можноли скрыть пункт меню , наприме синк или кнопку синхронизации , есть дополнения но можноли без них ?

Отредактировано Kero (15-09-2016 04:14:54)

Отсутствует

 

№283715-09-2016 06:58:05

nvrbjs
Участник
 
Группа: Members
Зарегистрирован: 13-06-2014
Сообщений: 16
UA: Firefox 45.0

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

Vitaliy V., по-моему идеально, спасибо. гораздо приятнее избыточного три стайл бара.

Отсутствует

 

№283815-09-2016 18:34:10

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 51.0

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

nvrbjs
Поковырялся сегодня и вот что вышло с биндингом, пробуйте

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

Теперь отступ сверху сам вычисляется.
При открытии вкладки прокручиваются  в видимую область.
На [firefox] 45 прокрутка колесом мыши должна работать, а на новых версиях работает но только если убрать курсор с вкладок влево, вверх или вправо на скроллбар.
Пока лень разбираться. Кстати может кто знает почему мешают вкладки?

Браузер желательно перезапустить если стиль в Stylish

Отредактировано Vitaliy V. (16-02-2017 21:40:27)

Отсутствует

 

№283915-09-2016 18:57:32

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 51.0

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

Vitaliy V.
Еще косяк с кнопками аддонов на  панели вкладок:
screenshot%2525202016-09-15%252520001.png
Я, когда пытался сделать, как раз на этом сдался. А так, здорово получилось.

Отсутствует

 

№284015-09-2016 19:13:52

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 51.0

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

turbot
У меня так
97bd147314e199663c556eb055ff3039.png
Если кнопок много появляется второй ряд ну тут да, но можно прибавить вручную отступ top: 26px !important;

А почему промежуток у вас на скрине между кнопками?

Отсутствует

 

№284115-09-2016 19:32:00

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 51.0

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

Vitaliy V. пишет

А почему промежуток у вас на скрине между кнопками?

А вот не знаю. Поотключал все что может на вид влиять, но:
thumb_73994184d85ea1256d50db368926974b.jpg

Добавлено 15-09-2016 19:35:15
Но, в общем, с

прибавить вручную отступ

это не проблема. Так они кликабельны. Что-то не сообразил. :)

Добавлено 15-09-2016 19:40:35

turbot пишет

А вот не знаю.

Ага, это с browser.tabs.drawInTitlebar;true и с скрытой панелью меню. Если включить панель, либо с

Выделить код

Код:

#titlebar-placeholder-on-TabsToolbar-for-captions-buttons {
    display: none!important;
}

промежутка нет.

Отредактировано turbot (15-09-2016 19:40:35)

Отсутствует

 

№284215-09-2016 19:52:16

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 51.0

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

turbot пишет

#titlebar-placeholder-on-TabsToolbar-for-captions-buttons

Да точно, хотел его удалить и забыл, спасибо! Код поправил.

Отсутствует

 

№284315-09-2016 20:07:07

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 51.0

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

А лучше так:

Выделить код

Код:

#toolbar-menubar:-moz-any([autohide="true"][inactive="false"],[autohide="false"]) ~ #TabsToolbar {
    margin-top: unset!important;
}
#toolbar-menubar:-moz-any([autohide="true"][inactive="false"],[autohide="false"]) ~ #TabsToolbar > #titlebar-placeholder-on-TabsToolbar-for-captions-buttons {
    display: none!important;
}

Отсутствует

 

№284415-09-2016 20:16:39

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 51.0

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

turbot пишет

А лучше так:

Просто в код добавил margin: 0 !important;

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

Выделить код

Код:

#TabsToolbar {
    position: fixed !important;
    height: auto !important;
    bottom: 0px !important;
    min-width: 200px !important;
    width: 200px !important;
    max-width: 200px !important;
    left: 0px !important;
    margin: 0 !important;
}


Ему теперь не нужны отступы

Отредактировано Vitaliy V. (15-09-2016 20:17:09)

Отсутствует

 

№284515-09-2016 22:48:34

nvrbjs
Участник
 
Группа: Members
Зарегистрирован: 13-06-2014
Сообщений: 16
UA: Firefox 45.0

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

Vitaliy V. пишет

Поковырялся сегодня и вот что вышло с биндингом, пробуйте

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

Отсутствует

 

№284615-09-2016 23:26:44

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 51.0

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

nvrbjs пишет

что-то оно теперь всё ходуном ходит

Это не баг, так задумано чтобы вкладки прокручивались при открытии новой, я же писал

Vitaliy V. пишет

При открытии вкладки прокручиваются  в видимую область.

UPD: Подправил функцию добавил таймаут

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

Отредактировано Vitaliy V. (16-09-2016 00:36:05)

Отсутствует

 

№284716-09-2016 01:13:51

nvrbjs
Участник
 
Группа: Members
Зарегистрирован: 13-06-2014
Сообщений: 16
UA: Firefox 45.0

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

Vitaliy V.
не не не, 1-й вариант хорошо и с моим стилем табов работает, и не елозит. вот единственный за два дня баг, который я нашел. его бы пофиксить, и всё.

скрытый текст
b50cbb5856ef97cf0cea255d29ae5659.gif

Отсутствует

 

№284816-09-2016 15:30:12

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 51.0

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

nvrbjs
Скорее всего у вас проблемы с шириной вкладок надо же было подогнать под свой стиль

Выделить код

Код:

#tabbrowser-tabs .tabbrowser-tab:not([pinned])[fadein] {
    max-width: 168px !important;
    min-width: 168px !important;
}

Когда появляется скроллбар он же тоже место занимает вот и получается переполнение.

Ладно пробуйте ещё раз если опять... то пеняйте на свой стиль скорей всего кривой.
Теперь если ширина вкладок велика или большой размер скроллбара то часть его или полностью будет не видно
Добавил авто отступ снизу для расширений добавляющее панель дополнений.
Вариан 2 пост №2838

Сделал ещё вариант 3 отличие от 2-го - нет своей прокрутки, при открытии вкладки прокрутка без изменений как в 1-ом вар. (хотя по дефолту открывающиеся вкладки должны быть видимы)

Вариант 3

Или Вариант 1 пост №2835

Так какой вариант выбираете теперь?

Отредактировано Vitaliy V. (16-02-2017 21:42:12)

Отсутствует

 

№284916-09-2016 17:11:36

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 51.0

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

P.S. Забыл ещё желательно отключить анимацию вкладок в about:config browser.tabs.animate - false

Отсутствует

 

№285016-09-2016 19:14:18

nvrbjs
Участник
 
Группа: Members
Зарегистрирован: 13-06-2014
Сообщений: 16
UA: Firefox 45.0

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

Vitaliy V., теперь первый вариант такой ошибки не дает, спасибо. буду его использовать, если что-то еще обнаружу, напишу.

Отсутствует

 

Board footer

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