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

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

№70102-02-2012 09:46:53

bugmenot
Участник
 
Группа: Members
Зарегистрирован: 29-01-2012
Сообщений: 35
UA: Firefox 10.0
Веб-сайт

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

Как изменить вид стандартного alert'а?
Нерабочая попытка

Выделить код

Код:

#alert,.alert {
        background: #ff0000 !important;
        width: 90% !important;
    }

Отсутствует

 

№70202-02-2012 17:29:38

Infocatcher
Not found
 
Группа: Extensions
Зарегистрирован: 24-05-2007
Сообщений: 4339
UA: Firefox 10.0

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

okkamas_knife пишет

никак.

Да ладно. :)

Выделить код

Код:

tabmodalprompt .mainContainer {
    background: #ff0000 !important;
    min-width: 700px !important;
}

и

Выделить код

Код:

@-moz-document url("chrome://global/content/commonDialog.xul") {
    :root {
        background: #ff0000 !important;
    }
}

Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела

Отсутствует

 

№70302-02-2012 18:15:53

Void Dragon
Участник
 
Группа: Members
Зарегистрирован: 13-04-2011
Сообщений: 521
UA: Firefox 10.0

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

Infocatcher
А какие пространства имен и где использовать? И возможно ли сделать окошко ресайзящимся? А то помню в [firefox] 9 для теста использовал alert, а он почему-то не проставил полосы прокрутки и я потратил минут 20, чтобы додуматься зажать ЛКМ и потянуть вниз - увидеть текст.

Отсутствует

 

№70402-02-2012 19:41:12

Infocatcher
Not found
 
Группа: Extensions
Зарегистрирован: 24-05-2007
Сообщений: 4339
UA: Firefox 10.0

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

Void Dragon пишет

А какие пространства имен и где использовать?

В обоих случаях

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
Void Dragon пишет

И возможно ли сделать окошко ресайзящимся?

Без скриптов, видимо, нет – к «окошку» во вкладке не применяется resize, а второе надо открывать с дополнительным флагом resizable, а открывается оно откуда-то изнутри.

Void Dragon пишет

а он почему-то не проставил полосы прокрутки

Да, с растягиванием под размер текста там проблемы.
Вот такое

Выделить код

Код:

alert(new Array(100).join(new Array(500).join("*") + "\n"));

показывает высотой в три строки, одна из которых идет на скроллбар.

Разве что сделать примерно так:

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
tabmodalprompt .mainContainer {
    min-width: 450px !important;
    max-height: 500px !important;
}
tabmodalprompt vbox[anonid="infoContainer"] {
    line-height: 1.3 !important;
    min-height: 6.5em !important;
}

Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела

Отсутствует

 

№70503-02-2012 09:58:12

bugmenot
Участник
 
Группа: Members
Зарегистрирован: 29-01-2012
Сообщений: 35
UA: Firefox 10.0
Веб-сайт

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

А попробуйте на текущей странице вот этот букмарклет (в диалоге нажмите OK)

Выделить код

Код:

javascript:(function(){var regexp=prompt('Regexp','.'),a='';for(i in document.links){if(document.links[i].href.search(regexp)>=0){a+=document.links[i].href+'\n';}}alert(decodeURI(a));void(1);})();

совместно со стилем из "Разве что сделать примерно так". Как минимум у меня вид alert'а с результатом не совсем тот, что может быть полезен человеку ))

Правильный вид у меня реализуется вот таким стилем

Выделить код

Код:

tabmodalprompt
    {
        background: rgba(20, 20, 20, 0.2)!important;
    }

    tabmodalprompt > hbox
    {
        max-height: 700px!important;
        height: auto!important;
    }

    tabmodalprompt > hbox > vbox.mainContainer
    {
        background-color: #FFFFFF!important;

        min-height: 36px!important;
        max-height: 700px!important;
        height: auto!important;

        min-width: 350px!important;
        max-width: 1200px!important;
        width: auto!important;

        border-width: 2px!important;
        border-radius: 6px!important;
    }

    tabmodalprompt > hbox > vbox > grid,
    tabmodalprompt > hbox > vbox > grid rows
    {
        width: auto!important;
        height: auto!important;
    }

, но будет ли он полезен всем - вопрос.

Отсутствует

 

№70603-02-2012 21:32:41

Void Dragon
Участник
 
Группа: Members
Зарегистрирован: 13-04-2011
Сообщений: 521
UA: Firefox 10.0

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

Нужно уменьшить ширину таб бара при использовании дополнения Tree Style Tab (он вертикальный справа). Делаю так:

Выделить код

Код:

#TabsToolbar{
    width:1px !important;
}
#TabsToolbar:hover{
    width:160px !important;
}

Сжимает нормально, но растягивает только при наведении на вкладки, не на саму панель. Т.е. получается, что сжатие применяется к элементу, а растяжение нет.:dumb:

Отредактировано Void Dragon (03-02-2012 21:33:37)

Отсутствует

 

№70703-02-2012 23:28:32

Abricosio
Участник
 
Группа: Members
Зарегистрирован: 13-01-2011
Сообщений: 30
UA: Firefox 9.0
Веб-сайт

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

Подскажите пожалуйста как для любого домена сделать
1. Внутренние ссылки красным
2. Внешние ссылки синим
Всё это для всех доменов, т.е. на сайте site1.com ссылки на site2.com будут синие, а внутренние ссылки вида site1.com/blabla.php красные?
Заранее большое спасибо.

Отсутствует

 

№70804-02-2012 00:00:36

Kamui
Участник
 
Группа: Members
Зарегистрирован: 31-03-2011
Сообщений: 1796
UA: Aurora 12.0

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

Void Dragon пишет

Сжимает нормально, но растягивает только при наведении на вкладки, не на саму панель. Т.е. получается, что сжатие применяется к элементу, а растяжение нет.:dumb:

Потому что она у вас становится 1px и ее наверно не видно, попробуйте сделать не 1px а чуть больше, например 20px. Если все же надо скрывать, то можно поставить 16px и скрывать visibility: hidden !important;, а при наведении делать visibility: visible !important;

Отсутствует

 

№70904-02-2012 00:35:46

Void Dragon
Участник
 
Группа: Members
Зарегистрирован: 13-04-2011
Сообщений: 521
UA: Firefox 10.0

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

Kamui
Её видно, я же навожу и она выезжает, когда попадаю не на панель, а на вкладку. А, если я её буду скрывать, как мне использовать :hover?

Отсутствует

 

№71004-02-2012 06:43:10

Kamui
Участник
 
Группа: Members
Зарегистрирован: 31-03-2011
Сообщений: 1796
UA: Aurora 12.0

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

Void Dragon
Ну примерно так:

Выделить код

Код:

#TabsToolbar{
    width:20px !important;
    visibility: hidden !important;
}
#TabsToolbar:hover{
    width:160px !important;
    visibility: visible !important;,
}

Отсутствует

 

№71104-02-2012 14:12:23

Void Dragon
Участник
 
Группа: Members
Зарегистрирован: 13-04-2011
Сообщений: 521
UA: Firefox 10.0

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

Kamui
Как и ожидалась этот стиль не действует совсем.

Но например так работает, т.е. дружить с :hover #TabsToolbar отказывается:

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#TabsToolbar {
    width:200px !important;
    min-width:200px !important;
}

#appcontent:hover + #TabsToolbar{
    width:1px !important;
    min-width:1px !important;
}

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

Отредактировано Void Dragon (04-02-2012 14:13:37)

Отсутствует

 

№71204-02-2012 14:48:02

Tiger.711
‌
 
Группа: Extensions
Откуда: из Лесу
Зарегистрирован: 30-07-2010
Сообщений: 7975
UA: Nightly 12.0

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

Такой вопрос: а применяется ли прозрачность и градиенты к панели навигации, когда открыта вкладка библиотеки?


Большой кот... Пуфыстый... Полосатый... Зубастый (:

Отсутствует

 

№71304-02-2012 15:27:00

iDev.Pi
баг-репортёр
 
Группа: Extensions
Зарегистрирован: 31-01-2010
Сообщений: 2718
UA: Nightly 13.0

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

Abricosio пишет

Подскажите пожалуйста как для любого домена сделать
1. Внутренние ссылки красным
2. Внешние ссылки синим
Всё это для всех доменов, т.е. на сайте site1.com ссылки на site2.com будут синие, а внутренние ссылки вида site1.com/blabla.php красные?
Заранее большое спасибо.

этого пока нельзя сделать, следи за развитием css и [firefox], когда в [firefox] появится новый селектор из CSS4: псевдо-класс :local-link

Добавлено 04-02-2012 15:29:41

Tiger.711 пишет

когда открыта вкладка библиотеки?

библитека пока открывается в окне, а не во вкладке.

Добавлено 04-02-2012 15:39:14
Void Dragon
а если так?

Выделить код

Код:

#TabsToolbar[treestyletab-mode="vertical"][treestyletab-tabbar-position="right"], .tabbrowser-strip.treestyletab-tabbar-placeholder {
width: 10px !important; }
#TabsToolbar[treestyletab-mode="vertical"][treestyletab-tabbar-position="right"]:hover, .tabbrowser-strip.treestyletab-tabbar-placeholder:hover {
width: 300px !important; }

Отредактировано iDev.Pi (04-02-2012 15:39:14)


mzfx

Отсутствует

 

№71404-02-2012 15:44:36

Void Dragon
Участник
 
Группа: Members
Зарегистрирован: 13-04-2011
Сообщений: 521
UA: Firefox 10.0

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

iDev.Pi
Никакой реакции вообще.

Отсутствует

 

№71504-02-2012 16:14:48

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

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

iDev.Pi пишет

библитека пока открывается в окне, а не во вкладке.

Закладка с адресом

Выделить код

Код:

chrome://browser/content/places/places.xul

демонстрирует ошибочность этого утверждения.

Отсутствует

 

№71604-02-2012 16:18:51

Void Dragon
Участник
 
Группа: Members
Зарегистрирован: 13-04-2011
Сообщений: 521
UA: Firefox 10.0

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

SendInfo пишет

Закладка с адресом chrome://browser/content/places/places.xulдемонстрирует ошибочность этого утверждения.

Или кнопка Custom Button

Выделить код

Код:

getBrowser (). selectedTab = getBrowser (). addTab ("chrome://browser/content/places/places.xul");

Отсутствует

 

№71704-02-2012 16:26:05

iDev.Pi
баг-репортёр
 
Группа: Extensions
Зарегистрирован: 31-01-2010
Сообщений: 2718
UA: Nightly 13.0

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

SendInfo пишет

демонстрирует ошибочность этого утверждения.

имелось в виду по умолчанию.
И да, панель навигации в таком табе у меня цвет меняет.


mzfx

Отсутствует

 

№71804-02-2012 16:58:50

Tiger.711
‌
 
Группа: Extensions
Откуда: из Лесу
Зарегистрирован: 30-07-2010
Сообщений: 7975
UA: Nightly 13.0

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

iDev.Pi
Ну, а на UX-ночнушках во вкладке открывается. И панель навигации для апп-табов скрыта. Не менеджером закачек единым живут UX ночнушки...


Большой кот... Пуфыстый... Полосатый... Зубастый (:

Отсутствует

 

№71904-02-2012 17:11:07

iDev.Pi
баг-репортёр
 
Группа: Extensions
Зарегистрирован: 31-01-2010
Сообщений: 2718
UA: Nightly 13.0

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

Tiger.711
ну так восстанови её стилем


mzfx

Отсутствует

 

№72004-02-2012 17:18:01

Tiger.711
‌
 
Группа: Extensions
Откуда: из Лесу
Зарегистрирован: 30-07-2010
Сообщений: 7975
UA: Nightly 13.0

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

":offtopic: iDev.Pi"
Чтобы восстановить стиль не нужен. ПКМ по вкладке и там "отобразить панель навигации". Браузер запомнит и для этого сайта панель навигации всегда будет в апп-табе.
В любом случае, я не пользуюсь апп-табами ^__^

iDev.Pi
Не в том вопрос. Могу ли я сделать верхнюю панельку библиотеки прозрачной? И если да, то как?


Большой кот... Пуфыстый... Полосатый... Зубастый (:

Отсутствует

 

№72104-02-2012 17:23:28

Void Dragon
Участник
 
Группа: Members
Зарегистрирован: 13-04-2011
Сообщений: 521
UA: Firefox 10.0

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

Tiger.711
Вопрос в том, можно ли хоть одну панель сделать прозрачной по отношению к документу?

Или сделать так чтобы документ не сдвигался при её появлении/исчезновении?

Отредактировано Void Dragon (04-02-2012 17:25:03)

Отсутствует

 

№72204-02-2012 17:36:36

iDev.Pi
баг-репортёр
 
Группа: Extensions
Зарегистрирован: 31-01-2010
Сообщений: 2718
UA: Nightly 13.0

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

Tiger.711 пишет

Не в том вопрос. Могу ли я сделать верхнюю панельку библиотеки прозрачной?

т.е. не навбар а ту, которая внутри контент ареа? нет, нельзя.


mzfx

Отсутствует

 

№72304-02-2012 17:37:59

Tiger.711
‌
 
Группа: Extensions
Откуда: из Лесу
Зарегистрирован: 30-07-2010
Сообщений: 7975
UA: Nightly 13.0

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

У меня панель навигации полупрозрачная. Когда библиотека открывается во вкладке, то её панель цвета панели. Хочу сделать привести к соответствию
h_1328362555_7983453_7d4c1f6f8e.png


Большой кот... Пуфыстый... Полосатый... Зубастый (:

Отсутствует

 

№72404-02-2012 18:02:38

iDev.Pi
баг-репортёр
 
Группа: Extensions
Зарегистрирован: 31-01-2010
Сообщений: 2718
UA: Nightly 13.0

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

Tiger.711
там document внутри document, поэтому стиль

Выделить код

Код:

#appcontent, notificationbox, #places, #placesToolbar {
   background: transparent !important;
   background-color: transparent !important; }

который должен был бы решить проблему - не даёт прозрачного фона.


mzfx

Отсутствует

 

№72504-02-2012 21:41:22

Tiger.711
‌
 
Группа: Extensions
Откуда: из Лесу
Зарегистрирован: 30-07-2010
Сообщений: 7975
UA: Nightly 13.0

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

Ну, в общем, только чёрной её делать, как я понимаю? Пичалька >__>


Большой кот... Пуфыстый... Полосатый... Зубастый (:

Отсутствует

 

Board footer

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