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

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

№40114-08-2011 15:08:57

AndreyPA
Участник
 
Группа: Members
Зарегистрирован: 13-02-2007
Сообщений: 141
UA: Firefox 5.0

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

с помощью данного кода в userChrome.css

Выделить код

Код:

.bookmark-item[container="true"][label="windows"] {
list-style-image: url("../ico/ms.ico") !important;
-moz-image-region: rect(0px 32px 32px 0px) !important;
}

Я заменяю на панели закладок названия на ИКОНКИ. Но если открыть панель закладок в боковой панели то там иконки не отображаются. Это можно как нибудь исправить с помощью userChrome.css. Firefox 5

Отсутствует

 

№40214-08-2011 17:20:25

hydrolizer
Участник
 
Группа: Extensions
Зарегистрирован: 22-07-2009
Сообщений: 1945
UA: Firefox 6.0

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

AndreyPA пишет

Я заменяю на панели закладок названия на ИКОНКИ

C помощью данного кода вы заменяете у папок панели закладок (container="true") с названием windows (label="windows") иконки.

AndreyPA пишет

Но если открыть панель закладок в боковой панели то там иконки не отображаются. Это можно как нибудь исправить с помощью userChrome.css. Firefox 5

Выделить код

Код:

.sidebar-placesTree treechildren::-moz-tree-image(title, container) {
    list-style-image: url("path_to_my_custom_icon/myicon.png") !important;
    -moz-image-region: auto !important;
}

(это тоже код именно для папок, но в боковой панели)

Отсутствует

 

№40315-08-2011 02:54:40

AndreyPA
Участник
 
Группа: Members
Зарегистрирован: 13-02-2007
Сообщений: 141
UA: Firefox 5.0

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

hydrolizer
Попробовал но что то не получилось :angry:

Отсутствует

 

№40415-08-2011 10:49:33

hydrolizer
Участник
 
Группа: Extensions
Зарегистрирован: 22-07-2009
Сообщений: 1945
UA: Firefox 6.0

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

AndreyPA пишет

Попробовал но что то не получилось

Приведите свой код, который вы пробовали. Приведите без изменений, именно в том виде, в каком он у вас в userChrome.css.

Отсутствует

 

№40515-08-2011 12:39:32

AndreyPA
Участник
 
Группа: Members
Зарегистрирован: 13-02-2007
Сообщений: 141
UA: Firefox 5.0

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

Выделить код

Код:

.bookmark-item[container="true"][label="windows"] {
list-style-image: url("../ico/ms.ico") !important;
-moz-image-region: rect(0px 32px 32px 0px) !important;
}

этот был мой

Выделить код

Код:

.sidebar-placesTree treechildren::-moz-tree-image("windows", true) {
    list-style-image: url("path_to_my_custom_icon/myicon.png") !important;
    -moz-image-region: auto !important;
}

этот добавил после моего в конец файла

Отредактировано AndreyPA (15-08-2011 12:40:19)

Отсутствует

 

№40615-08-2011 13:07:42

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

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

AndreyPA
В строчке

Выделить код

Код:

list-style-image: url("path_to_my_custom_icon/myicon.png") !important;

Надо было заменить path_to_my_custom_icon/myicon.png на путь к вашей иконке:)

Отсутствует

 

№40715-08-2011 13:31:05

AndreyPA
Участник
 
Группа: Members
Зарегистрирован: 13-02-2007
Сообщений: 141
UA: Firefox 5.0

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

сейчас у меня так в userChrome.css

Выделить код

Код:

.sidebar-placesTree treechildren::-moz-tree-image("windows", true) {
    list-style-image: url("../ico/ms.ico") !important;
    -moz-image-region: auto !important;
}

Путь к иконке такой же как и для панели закладок. Пробовал даже полный путь .
НЕ РАБОТАЕТ :(

Отсутствует

 

№40815-08-2011 15:42:03

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

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

А как вы полный путь прописали? Это должно быть вида "url(file:///c:/ico/ms.ico)" :)
А вообще можно попробовать перевести файл в base64, например этим сайтом или этим расширением

Отсутствует

 

№40915-08-2011 20:41:45

MagicFly
Соучастник
 
Группа: Members
Зарегистрирован: 21-03-2009
Сообщений: 126
UA: Nightly 8.0

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

Как из .tabbrowser-tab:not([pinned]) сделать, чтобы параметр, наоборот, затрагивал только закрепленные табы?

Отсутствует

 

№41015-08-2011 21:05:12

Sid
Участник
 
Группа: Extensions
Зарегистрирован: 10-05-2007
Сообщений: 5676
UA: Nightly 8.0

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

MagicFly

Выделить код

Код:

.tabbrowser-tab[pinned]

Отсутствует

 

№41115-08-2011 21:11:13

MagicFly
Соучастник
 
Группа: Members
Зарегистрирован: 21-03-2009
Сообщений: 126
UA: Nightly 8.0

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

Sid пишет

MagicFlyВыделить кодКод:.tabbrowser-tab[pinned]

Блин, точно. Всяк пробовал, кроме убрать двоеточие. Сенкс.

Отсутствует

 

№41216-08-2011 06:36:02

hydrolizer
Участник
 
Группа: Extensions
Зарегистрирован: 22-07-2009
Сообщений: 1945
UA: Firefox 6.0

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

AndreyPA пишет

сейчас у меня так в userChrome.css

Выделить код

Код:

.sidebar-placesTree treechildren::-moz-tree-image("windows", true) {
    list-style-image: url("../ico/ms.ico") !important;
    -moz-image-region: auto !important;
}

Путь к иконке такой же как и для панели закладок. Пробовал даже полный путь .НЕ РАБОТАЕТ

То, что указывается внутри скобок псевдокласса moz-tree-image - это названия элементов nsIAtom, передаваемых виджету дерева его моделью (интерфейсом nsITreeView в методе getCellProperties - в данном случае). И у этих параметров псевдокласса нет значений, есть только названия, т.е. код надо было использовать так (привожу код именно в том виде, в каком он есть в userChrome.css):

Выделить код

Код:

.sidebar-placesTree treechildren::-moz-tree-image(title, container) {
  list-style-image: url(folder.png) !important;
  -moz-image-region: auto !important;
}

Результат:

ff-sidebar.png
(файлик folder.png лежит рядом с userChrome.css)
Посмотрел содержимое массива тех свойств, которые моделью дерева передаются в псевдокласс - содержимого label ячейки там нет. Возможно, есть способ через CSS назначить отдельный стиль для ячейки с определенным текстом внутри, и без переопределения реализации nsITreeView, но мне он неизвестен.

Отсутствует

 

№41318-08-2011 09:07:30

AndreyPA
Участник
 
Группа: Members
Зарегистрирован: 13-02-2007
Сообщений: 141
UA: Firefox 5.0

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

hydrolizer

Спасибо
короче как я понял что индивидуальную картинку папке в боковой панели нельзя присвоить, как это можно сделать в панели закладок.
Правильно?

Отсутствует

 

№41418-08-2011 10:14:40

hydrolizer
Участник
 
Группа: Extensions
Зарегистрирован: 22-07-2009
Сообщений: 1945
UA: Firefox 6.0

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

AndreyPA
Да.

Отсутствует

 

№41523-08-2011 00:48:49

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

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

Можно ли стилем сделать эффект загнутого уголка вклакди?
ytrzpqxmjfozrnewfpaocabyqmczbc.png


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

Отсутствует

 

№41623-08-2011 05:03:40

hydrolizer
Участник
 
Группа: Extensions
Зарегистрирован: 22-07-2009
Сообщений: 1945
UA: Firefox 7.0

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

Tiger.711
Можно. Копайте в сторону сочетания -moz-border-image и border-radius. Например, в теме, установленной у меня, скругления углов вкладок задаются так:

Выделить код

Код:

.tabbrowser-tab,
.tabs-newtab-button {
  [...]
  -moz-border-image: url(tabbrowser/tab.png) 4 5 3 6 / 4px 5px 3px 6px repeat stretch;
  border-radius: 10px 8px 0 0;
  [...]
}

(код из chrome://browser/skin/browser.css)

Отсутствует

 

№41723-08-2011 10:11:06

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

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

hydrolizer
Хостинг глючит. На картинке угол вкладки загнут, как загибают уголок страницы в книге когда нет закладки.
Как сделать именно такой эффект?


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

Отсутствует

 

№41823-08-2011 10:56:03

hydrolizer
Участник
 
Группа: Extensions
Зарегистрирован: 22-07-2009
Сообщений: 1945
UA: Firefox 7.0

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

Tiger.711
Залейте рисунок на местный файлообменник - у меня по вашей ссылке ничего не видно.

Отсутствует

 

№41923-08-2011 11:08:39

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

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

Уже удалил с компа. Вчера ITmages глючил, залил на другой хостинг и, как оказалось, выбор был неудачный. Перезалью, как только картинка станет доступной.

Добавлено 23-08-2011 11:11:38
h_1314083497_5313042_d92abdf19f.png

Отредактировано Tiger.711 (23-08-2011 11:11:38)


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

Отсутствует

 

№42023-08-2011 13:53:39

MagicFly
Соучастник
 
Группа: Members
Зарегистрирован: 21-03-2009
Сообщений: 126
UA: Nightly 9.0

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

Tiger.711
Опираться на этот стиль - http://userstyles.org/styles/44825/firefox-4-rounded-tabs

Т.е. нарисовать в фотошопе границы вкладки, конвертнуть изображение в base64, впихнуть его в стиль, допилить.

Отсутствует

 

№42123-08-2011 14:00:53

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

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

Tiger.711
Специально для вас, нарисовал картинку, как она примерно должна быть, вот стиль с картинкой:

Выделить код

Код:

.tabbrowser-tab[unread="true"]
    {-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 5px 3px 6px stretch !important;}

Должно подойти для стандартной темы.

Отсутствует

 

№42223-08-2011 15:10:04

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

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

Kamui
Откуда знаете, что я хотел именно unread? (:
Большое спасибо, это то что надо. Тема не стандартная, но я уж как-нибудь своими ручками допилю (:


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

Отсутствует

 

№42323-08-2011 16:15:09

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

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

okkamas_knife
Шутка дес. Может, и неудачная.


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

Отсутствует

 

№42423-08-2011 16:48:12

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

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

Итоговый код (у меня) получился такой:

Выделить код

Код:

.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;
    }

Закомментированное ещё и подсвечивает вкладку оранжевым цветом. Я пока от этого отказался.
Реализация "непрочитанности" взята от Informational Tab потому, что это дополнение позволяет делать вкладку "прочитанной" не когда на неё просто переключились, но начали прокручивать.
Kamui, hydrolizer, okkamas_knife, MagicFly спасибо.

Отредактировано Tiger.711 (23-08-2011 18:35:55)


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

Отсутствует

 

№42525-08-2011 17:48:33

Nigelist
Участник
 
Группа: Members
Зарегистрирован: 30-06-2010
Сообщений: 92
UA: Foxware 0.0
Веб-сайт

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

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

Выделить код

Код:

tab {border-radius: 5px 5px 0 0}

Бороться и искать, найти и перепрятать...

Отсутствует

 

Board footer

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