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

Пользователи не любят читать документацию. Станьте оригинальным, будьте не как все. Ознакомьтесь с нашей базой знаний.

№155105-08-2014 16:37:43

negodnik
 
 
Группа: Members
Зарегистрирован: 14-03-2013
Сообщений: 452
UA: Seamonkey 2.21
Веб-сайт

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

Pony_Smile_Pack
Не, «на некоторых сайтах» не надо. Мне в userContent строку разделить, в которой изначально пробелов не было.
Может значок какой хитрый есть, вроде \n

Отредактировано negodnik (05-08-2014 17:37:33)

Отсутствует

 

№155207-08-2014 10:51:40

Zafod Biblbroks
Участник
 
Группа: Members
Зарегистрирован: 14-11-2011
Сообщений: 3
UA: Firefox 31.0

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

Прошу прощения, если вопрос уже задавался (не нашёл), но можно ли как-то с помощью userChrome.css создать вверху панели вкладок [firefox] полоску шириной в один пиксель, как в [opera] для удобного масштабирования окна браузера?

Отсутствует

 

№155318-08-2014 13:12:08

jkeks
Участник
 
Группа: Members
Зарегистрирован: 28-09-2005
Сообщений: 8
UA: Firefox 31.0
Веб-сайт

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

Добрый день !
мне сказали что в файле userChrome.css можно назначить иконочку для букмарклета, не подскажете как это сделать ?
http://gyazo.com/003fd519bac17265f20ea5cde5214c5a.png

Иконочка без текста, у меня их много, но хотя бы для одной научиться бы.


мой баг:1045770

Отсутствует

 

№155418-08-2014 16:45:05

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

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

jkeks
Сначала присвойте названия букмарклетам, например 1,2,3... и т.д.
для идентификации. Надписи потом этим скроете

Выделить код

Код:

.bookmark-item .toolbarbutton-text {-moz-appearance: none !important;
display: none !important;}

а иконки вставляйте этим, только номер и иконки меняйте.

Выделить код

Код:

.bookmark-item[label="1"] {-moz-appearance: none !important;
list-style-image: url("ИКОНКА")   !important; 
-moz-image-region: auto !important;  }

Ну и до кучи, как делать иконки, если что. Подбираете иконки .ico, .png, .jpg, размер 16х16, ну или свой, и переводите их в base64 и вставляете в код вместо надписи ИКОНКА, кавычки остаются. Всё.
Кликнуть по картинке.
http://i67.fastpic.ru/thumb/2014/0818/4a/4499a15bd83b22312dfd01322333594a.jpeg

Отредактировано villa7 (18-08-2014 17:39:11)


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

Отсутствует

 

№155516-09-2014 00:29:38

amid525
Участник
 
Группа: Members
Зарегистрирован: 19-08-2014
Сообщений: 330
UA: Firefox 32.0

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

Не подскажите, как сделать в ff неоновое оформление в адресной строке, как тут?
http://i.pixs.ru/storage/8/9/8/sshot1png_8983883_13851898.png

Отредактировано amid525 (16-09-2014 00:30:26)

Отсутствует

 

№155616-09-2014 00:37:28

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

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

amid525

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#urlbar {background: #eee !important;}

или с градиентом

Выделить код

Код:

#urlbar 
{background:  -moz-linear-gradient(top, #999999, #ffffff, #999999) no-repeat  !important;}

Отредактировано villa7 (16-09-2014 00:48:49)


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

Отсутствует

 

№155716-09-2014 00:46:54

amid525
Участник
 
Группа: Members
Зарегистрирован: 19-08-2014
Сообщений: 330
UA: Firefox 32.0

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

Блин, ничего не поменялось, в обоих случаях.. :(
http://i6.pixs.ru/thumbs/0/3/3/sshot1png_5362331_13852033.jpg

Отсутствует

 

№155816-09-2014 00:53:27

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

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

amid525
Эти коды нужно ложить в userChrome.css


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

Отсутствует

 

№155916-09-2014 01:03:31

amid525
Участник
 
Группа: Members
Зарегистрирован: 19-08-2014
Сообщений: 330
UA: Firefox 32.0

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

Получилось в данном файле.
Только, ваш villa7 первый вариант не заработал, второй сработал, но серый а не неоновое оформление

Добавлено 16-09-2014 01:14:46
Вот что получилось (синяя рамка широковата)
http://i.pixs.ru/storage/2/2/3/sshot1png_8254477_13852223.png

А хотелось бы как тут
http://i.pixs.ru/storage/2/3/3/sshot2png_3251091_13852233.png

Как можно по-узить?

Отредактировано amid525 (16-09-2014 01:14:46)

Отсутствует

 

№156016-09-2014 01:38:33

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

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

amid525
Я так понимаю это бордюр

Выделить код

Код:

border: 1px solid  !important;

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

Отсутствует

 

№156116-09-2014 03:49:57

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

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

amid525

Выделить код

Код:

#urlbar {
    box-shadow: 0px 0px 3px 1px rgba(0,104,205,0.8) inset!important;
}

Первые два значения - сдвиг тени по оси x/y, третье - радиус размытия тени, четвертое - растяжение тени и, наконец, цвет в палитре rgb + прозрачность от 0 (полная), до 1 (непрозрачная). inset - тень отображается внутри элемента. Подгоняйте под себя.

Отсутствует

 

№156216-09-2014 10:01:29

amid525
Участник
 
Группа: Members
Зарегистрирован: 19-08-2014
Сообщений: 330
UA: Firefox 32.0

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

villa7, turbot спасибо! Второй код в точку.)

Отсутствует

 

№156316-09-2014 21:26:48

amid525
Участник
 
Группа: Members
Зарегистрирован: 19-08-2014
Сообщений: 330
UA: Firefox 32.0

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

turbot пишет:

#urlbar {
    box-shadow: 0px 0px 3px 1px rgba(0,104,205,0.8) inset!important;
}
Первые два значения - сдвиг тени по оси x/y, третье - радиус размытия тени, четвертое - растяжение тени и, наконец, цвет в палитре rgb + прозрачность от 0 (полная), до 1 (непрозрачная). inset - тень отображается внутри элемента. Подгоняйте под себя.

Не подскажите, как данную неоновую рамку, сростить и для строки поиска с данной надстройкой.

скрытый текст
#searchbar .searchbar-textbox:hover{
       -moz-appearance: none !important;
       box-shadow: orange 0px 0px 2px 2px! important;
}

#searchbar .searchbar-textbox[focused="true"]{
        box-shadow: lightgreen 0px 0px 1px 2px!important;

Отредактировано amid525 (16-09-2014 21:28:17)

Отсутствует

 

№156416-09-2014 21:53:01

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

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

amid525
Если хотите исключительно статичную подсветку, то оставьте только:

Выделить код

Код:

#searchbar .searchbar-textbox {
    box-shadow: 0px 0px 3px 1px rgba(0,104,205,0.8) inset!important;
}

Псевдоэлемент :hover - означает, что стиль применяется к элементу при наведение на него курсора, [focused="true"] - (если упростить) при помещении в него курсора.

Соответственно, меняя цвет для каждого условия:

Выделить код

Код:

#searchbar .searchbar-textbox {
    box-shadow: 0px 0px 3px 1px rgba(0,104,205,0.8) inset!important;
}

#searchbar .searchbar-textbox:hover {
    box-shadow: 0px 0px 3px 1px rgba(0,64,165,0.9) inset!important;
}

#searchbar .searchbar-textbox[focused="true"] {
    box-shadow: 0px 0px 3px 1px rgba(0,44,145,0.9) inset!important;
}

мы получим, что тень будет становиться темнее при наведении или помещении курсора в поисковую строку. А вообще все это есть в ссылке из шапки:http://htmlbook.ru/css Цвет легко можно подобрать с помощью какого-нибудь колорпикера (например)

Отредактировано turbot (16-09-2014 21:53:56)

Отсутствует

 

№156516-09-2014 22:49:20

amid525
Участник
 
Группа: Members
Зарегистрирован: 19-08-2014
Сообщений: 330
UA: Firefox 32.0

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

turbot
вставил ваш второй код, получилась только статическая подсветка. При наведении мыши нет инных оформлений.. :(
Вот и у меня получалось - так или с наведением..

Отредактировано amid525 (16-09-2014 22:53:40)

Отсутствует

 

№156616-09-2014 23:10:50

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

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

amid525, попробуйте так:

Выделить код

Код:

/*AGENT_SHEET*/
#main-window:not(:-moz-lwtheme)[defaultfxtheme="true"] #searchbar .searchbar-textbox {
    box-shadow: 0px 0px 3px 1px rgba(0,104,205,0.8) inset!important;
}

#main-window:not(:-moz-lwtheme)[defaultfxtheme="true"] #searchbar .searchbar-textbox:hover {
    box-shadow: 0px 0px 3px 1px rgba(0,64,165,0.9) inset!important;
}

#main-window:not(:-moz-lwtheme)[defaultfxtheme="true"] #searchbar .searchbar-textbox[focused="true"] {
    box-shadow: 0px 0px 3px 1px rgba(0,44,145,0.9) inset!important;
    border-color: rgba(0,0,0,0.9)!important;
}


Ах да, это ж тема по userChrome.css... Возможно, нюансы, ибо я Stylish'ом пользуюсь.

Отредактировано turbot (16-09-2014 23:15:07)

Отсутствует

 

№156716-09-2014 23:16:39

amid525
Участник
 
Группа: Members
Зарегистрирован: 19-08-2014
Сообщений: 330
UA: Firefox 32.0

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

ни как вообще. )

Отсутствует

 

№156816-09-2014 23:21:11

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

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

amid525
Не знаю, у меня со Stylish'ем работает и так и так. Возможно какое-то расширение перебивает ваш стиль из userChrome.css.

И да, вы браузер перезапускаете после внесения изменений в userChrome.css? Они только после перезапуска применятся.

Отредактировано turbot (16-09-2014 23:24:35)

Отсутствует

 

№156916-09-2014 23:28:10

amid525
Участник
 
Группа: Members
Зарегистрирован: 19-08-2014
Сообщений: 330
UA: Firefox 32.0

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

Конечно перезапускаю.

Отсутствует

 

№157017-09-2014 00:50:10

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

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

amid525
Проверил с userChrome.css. У меня нет проблем с вот этим кодом:

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

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); 
    #main-window #nav-bar .searchbar-textbox,
    #main-window #nav-bar #urlbar {
        box-shadow: 0px 0px 3px 1px rgba(0,104,205,0.8) inset!important;
    }

    #main-window #nav-bar .searchbar-textbox:hover,
    #main-window #nav-bar #urlbar:hover {
        box-shadow: 0px 0px 3px 1px rgba(0,64,165,0.9) inset!important;
    }
    
    #main-window #nav-bar .searchbar-textbox[focused="true"],
    #main-window #nav-bar #urlbar[focused="true"] {
        border-color: rgba(0,0,0,0.9)!important;
        box-shadow: 0px 0px 4px 1px rgba(0,44,145,0.9) inset!important;
        }

(Общий, для адресной и поисковой строк.)


при отключенном Classic Theme Restorer. В моем случае - причина нерабочего стиля в нем.

С включенным CTR работает в Stylish вот этот код:
скрытый текст

Выделить код

Код:

/*AGENT_SHEET*/
    #main-window:not(:-moz-lwtheme)[defaultfxtheme="true"] #nav-bar .searchbar-textbox:not(:-moz-lwtheme),
    #main-window:not(:-moz-lwtheme)[defaultfxtheme="true"] #nav-bar #urlbar:not(:-moz-lwtheme) {
        box-shadow: 0px 0px 3px 1px rgba(0,104,205,0.8) inset!important;
    }

    #main-window:not(:-moz-lwtheme)[defaultfxtheme="true"] #nav-bar .searchbar-textbox:not(:-moz-lwtheme):hover,
    #main-window:not(:-moz-lwtheme)[defaultfxtheme="true"] #nav-bar #urlbar:not(:-moz-lwtheme):hover {
        box-shadow: 0px 0px 3px 1px rgba(0,64,165,0.9) inset!important;
    }
    
    #main-window:not(:-moz-lwtheme)[defaultfxtheme="true"] #nav-bar .searchbar-textbox:not(:-moz-lwtheme)[focused="true"],
    #main-window:not(:-moz-lwtheme)[defaultfxtheme="true"] #nav-bar #urlbar:not(:-moz-lwtheme)[focused="true"] {
        border-color: rgba(0,0,0,0.9)!important;
        box-shadow: 0px 0px 3px 1px rgba(0,44,145,0.9) inset!important;
        }

(Тоже самое - единый, для адресной и поисковой строк.)


Как заставить его работать в userChrome.css при включенном CTR (если у вас тоже причина в нем) - не представляю. Пишите разрабу. Либо ставьте Stylish и используйте второй стиль.

Отредактировано turbot (17-09-2014 00:51:22)

Отсутствует

 

№157117-09-2014 00:51:15

bunda1
Moderator
 
Группа: Moderators
Откуда: Латвия
Зарегистрирован: 09-02-2010
Сообщений: 4595
UA: Firefox 24.0

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

amid525 пишет:

Конечно перезапускаю.

Не все css коды работают в userChrome.css.

Отсутствует

 

№157217-09-2014 10:44:46

amid525
Участник
 
Группа: Members
Зарегистрирован: 19-08-2014
Сообщений: 330
UA: Firefox 32.0

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

Понятно все.. Да, Classic Theme Restorer имеется. Ну да и ладно, устраивает статическое неоновое оформление...

Еще вопросик, как изменить цвет(можно в стиле адр. строки - полупрозрачный голубой), т.к на темных страницах его белая строчка,  режет глаза своими мельканиями.. )
http://i7.pixs.ru/storage/7/0/4/sshot1png_2605052_13868704.png

Отредактировано amid525 (17-09-2014 10:46:09)

Отсутствует

 

№157317-09-2014 12:43:57

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

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

amid525
Под себя подберите.

Выделить код

Код:

.statuspanel-label {-moz-appearance: none !important;
background: transparent -moz-linear-gradient(top , #0df , #09a) !important;
color: black !important;}

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

Отсутствует

 

№157417-09-2014 13:13:24

amid525
Участник
 
Группа: Members
Зарегистрирован: 19-08-2014
Сообщений: 330
UA: Firefox 32.0

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

Не пойму, где тут цвет и прозрачность менять?

Отсутствует

 

№157517-09-2014 13:19:27

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

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

amid525
Про прозрачность разговора не было, добавте

Выделить код

Код:

opacity: 0.5 !important;

а про цвет вам уже вроде давали пояснения.


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

Отсутствует

 

Board footer

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