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

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

№162614-06-2015 17:40:20

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

Re: Stylish

DOM Inspector + Custom Buttons + кнопка Attributes Inspector (как добавить кнопку в заглавном посте темы.
Нажимаете кнопку Attributes Inspector'a, подсвечиваете нужный элемент, нажимаете ctrl + I или кликаете СКМ, в открывшемся окне DOM Inspector'а выбираете в контекстном меню нужного элемента "копировать селектор и создаете стиль:

Выделить код

Код:

#bla-bla-ваш-селектор {
display: none !important;
}

- чтобы скрыть.

Со скролбаром - сложнее. Мне лень ставить Tree Style Tab, так что, на вскидку:

Выделить код

Код:

#history-panel scrollbar{
  direction: rtl!important;
  -moz-box-ordinal-group: 0!important;
}

- на примере скролбара боковой панели истории. Вместо #history-panel - ищите родительский эллемент в панели Tree Style Tab, типа:
thumb.png

Отсутствует

 

№162714-06-2015 18:27:09

gg.user
Участник
 
Группа: Members
Зарегистрирован: 21-12-2012
Сообщений: 89
UA: Firefox 31.0

Re: Stylish

turbot пишет

DOM Inspector + Custom Buttons + кнопка Attributes Inspector (как добавить кнопку в заглавном посте темы.
Нажимаете кнопку Attributes Inspector'a, подсвечиваете нужный элемент, нажимаете ctrl + I или кликаете СКМ, в открывшемся окне DOM Inspector'а выбираете в контекстном меню нужного элемента "копировать селектор и создаете стиль:

Выделить код

Код:

#bla-bla-ваш-селектор {
display: none !important;
}

- чтобы скрыть.

Со скролбаром - сложнее. Мне лень ставить Tree Style Tab, так что, на вскидку:

Выделить код

Код:

#history-panel scrollbar{
  direction: rtl!important;
  -moz-box-ordinal-group: 0!important;
}

- на примере скролбара боковой панели истории. Вместо #history-panel - ищите родительский эллемент в панели Tree Style Tab, типа:
https://lh3.googleusercontent.com/-IjoB … /thumb.png

Спасибо!!

крестики убрать получилось

.tab-close-button.close-icon {
display: none !important;
}


скол бар нужно переместить не в дополнение а в самом окне ФФ

основной скол бар которым сайты крутить

Отсутствует

 

№162814-06-2015 23:45:33

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

Re: Stylish

gg.user пишет

в самом окне ФФ

С наскока - не получилось. Потыкаюсь завтра, на трезвую голову. :)

UPD: Или послезавтра. Эт, как пойдет...

Отредактировано turbot (15-06-2015 00:06:38)

Отсутствует

 

№162915-06-2015 00:23:08

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

Re: Stylish

По идее, надо делать по аналогии с

Выделить код

Код:

/* leftside vertical tab bar */

tabs.tabbrowser-tabs[treestyletab-tabbar-position="left"][treestyletab-invert-scrollbar="true"]
  .tabbrowser-arrowscrollbox
  > scrollbox {
    direction: rtl;
}
tabs.tabbrowser-tabs[treestyletab-tabbar-position="left"][treestyletab-invert-scrollbar="true"]
  .tabbrowser-arrowscrollbox
  > scrollbox
  > .scrollbox-innerbox {
    direction: ltr;
}

Но у страниц в явном виде этого всего нет.


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

Отсутствует

 

№163015-06-2015 17:21:26

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

Re: Stylish

gg.user пишет

скол бар нужно переместить не в дополнение а в самом окне ФФ

Хех, тут и стиль, оказывается, не нужен: layout.scrollbar.side установить в 3 в about:config. Век живи - век учись. :)

Отсутствует

 

№163117-06-2015 17:56:13

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

Re: Stylish

Э, наваял тут, со скуки, для режима чтения:
thumb.png 

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

(Как и всегда у меня - страшное сборище костылей и затычек. Работать в userContent.css будет некорректно, из-за наличия /*AGENT_SHEET*/, требующегося для работы стилей для скролбара. Не могу также гарантировать беспроблемность работы со всеми разрешениями, dpi и т.д. Еще, не знаю, включили ли поддержку свойств filter в релизном фф по дефолту, так что, проверьте и включите в about:config layout.css.filters.enabled;true. Тема - Sepia, reader.toolbar.vertical;true, размеры шрифтов в настройках режима чтения - любые.)

UPD(2): Поправил пару мелочей.

Отредактировано turbot (20-06-2015 18:39:21)

Отсутствует

 

№163217-06-2015 19:16:10

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

Re: Stylish

turbot

Э, наваял тут, со скуки, для режима чтения

Ну прям старинный фолиант, читал бы и читал:)


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

Отсутствует

 

№163320-06-2015 13:16:24

LittleMontana
Участник
 
Группа: Members
Зарегистрирован: 16-11-2013
Сообщений: 214
UA: Firefox 38.0

Re: Stylish

turbot, это для сайта флибуста? а допустим, для самиздата такое можно сделать?

Отсутствует

 

№163420-06-2015 15:16:07

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

Re: Stylish

LittleMontana
Это стиль для режима чтения (Reader mode). Включается в about:config: reader.parse-on-load.enabled;true и нажатием на значок книжки в адресной строке, появляющемся на сайтах где тот смог распарсить контент. Либо, если значок раздражает, то можно reader.parse-on-load.enabled;false и заменить кнопкой для CB (для контекстного меню, для тулбара).

Отсутствует

 

№163520-06-2015 17:17:59

bezuma
Участник
 
Группа: Members
Откуда: Москва
Зарегистрирован: 26-01-2014
Сообщений: 256
UA: Firefox 38.0

Re: Stylish

turbot
Шикарный стиль! Жаль только у меня перестает работать SmoothWheel:(

Отредактировано bezuma (20-06-2015 17:33:56)

Отсутствует

 

№163620-06-2015 18:43:14

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

Re: Stylish

bezuma пишет

Жаль только у меня перестает работать SmoothWheel:(

Тут пас. Там надо надо переделывать почти весь стиль. Лень. :)


(обновил чуть стиль, ссылка на предыдущей странице)

Отсутствует

 

№163720-06-2015 19:00:57

bezuma
Участник
 
Группа: Members
Откуда: Москва
Зарегистрирован: 26-01-2014
Сообщений: 256
UA: Firefox 38.0

Re: Stylish

Спасибо за труд! Smooth некритично. :)
UP: Поставил ради такого случая старенький Yet Another Smooth - плавность вернулась

Отредактировано bezuma (20-06-2015 20:34:50)

Отсутствует

 

№163823-06-2015 04:04:58

skynet281978
Участник
 
Группа: Members
Зарегистрирован: 09-03-2011
Сообщений: 508
UA: Firefox 38.0

Re: Stylish

Привет всем.
Есть вопрос. Допустим есть 2 страницы одного сайта. На одной из них есть картинка. Но она появляется в зависимости от состояния. Как пример, есть товар, появляется картинка о наличии товара. Нет товара - нет картинки.
Как эту картинку транслировать стилем на вторую страницу чтобы в удобном для меня виде на второй странице отображалось наличие товара?
Я смог только перенести картинку, но адрес картинки постоянный, а не берётся с 1-й страницы, поэтому картинка показывается постоянно не в зависимости от состояния на первой странице.

@-moz-document url-prefix("https://www.адрес сайта"),
url-prefix("https://www.адрес сайта") {

элемент перед которым должна быть картинка::before{
content: url (адрес картинки) !important;
}

Отсутствует

 

№163923-06-2015 04:08:44

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

Re: Stylish

Стилями - никак. Скрипты.

Отсутствует

 

№164023-06-2015 04:14:27

skynet281978
Участник
 
Группа: Members
Зарегистрирован: 09-03-2011
Сообщений: 508
UA: Firefox 38.0

Re: Stylish

turbot

на форуме есть тема куда можно обратиться?
я в скриптах не понимаю.

Отсутствует

 

№164123-06-2015 04:17:09

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

Отсутствует

 

№164223-06-2015 04:18:29

skynet281978
Участник
 
Группа: Members
Зарегистрирован: 09-03-2011
Сообщений: 508
UA: Firefox 38.0

Re: Stylish

turbot пишет

Скрипты, Custom Buttons

Custom Buttons тоже такое может?

Отсутствует

 

№164323-06-2015 04:23:00

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

Re: Stylish

skynet281978
Думаю, да. Смутные идеи и меня терзают, но знаний их реализовать, кажется, не хватит.

Отсутствует

 

№164423-06-2015 04:26:00

skynet281978
Участник
 
Группа: Members
Зарегистрирован: 09-03-2011
Сообщений: 508
UA: Firefox 38.0

Re: Stylish

turbot пишет

skynet281978Думаю, да. Смутные идеи и меня терзают, но знаний их реализовать, кажется, не хватит.

обращусь к bunda1 и инфокетчеру. может подскажут...

Отредактировано skynet281978 (23-06-2015 05:02:19)

Отсутствует

 

№164525-06-2015 11:00:51

LittleMontana
Участник
 
Группа: Members
Зарегистрирован: 16-11-2013
Сообщений: 214
UA: Firefox 38.0

Re: Stylish

Пользуюсь The Fox, Only better. Я так понял, оно работает в зависимости от расположения панелей.
Когда панели расположены в порядке: вкладки - навигация - закладки, оно работает хорошо - скриншот (http://puu.sh/iC0fd/55310404c5.jpg)
Когда панели расположены в нужном мне порядке: закладки - вкладки - навигация, при работе окошко с "скрытыми" панелями - закладки и навигация перекрывает панель вкладок - скриншот (http://puu.sh/iC0kE/d7723a9557.png)
Можно ли с помощью стилей решить данную проблему? (на ум приходит только сделать панель "вкладок" выше всех, за ним сделать "закладки", а потом уже панель с адресной строкой).
Самое интересное, что оно у меня работало вчера буквально (вплоть до выключения компьютера) без проблем, ничего не изменялось с тех пор.

Отсутствует

 

№164625-06-2015 14:41:32

KOT040188
Участник
 
Группа: Members
Зарегистрирован: 07-11-2012
Сообщений: 425
UA: Firefox 38.0

Re: Stylish

Снова яндекс мудрит. Помогите убрать белую полосу и вернуть иконки сайтов:
%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2015_06_25_14_38_46.png
И вернуть жёлтую границу поля ввода:
%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2015_06_25_14_52_59.png

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

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("yandex.by") {

#bodyContainer,searchbox,.input__box::before {
  background: transparent !important;
}
:-moz-any(tr,span:not([class="video-thumb__duration"]):not([class="b-salary__value"]):not([class="b-salary__currency"]),iframe,tbody,p,ol,li,ul,hr,center,td:not([class*="search"]),body,
div):not(:-moz-any([class*="input__found"],[class="video-thumb__hover"], [class*="b-500px"], [class*="button"], [class*="label"], [class*="zoom"], .preview__void, [class*="zoom"], [class*="arrow"], [class^="spinner"], [style*="color"], [class*='serp-item'], [class^="sizes"])) {
  background-color: #555555 !important; 
  color: #999999 !important;
} 
.serp-item_layout_horizontal,.island {
  background-color: #555555 !important; 
  color: #999999 !important;
}
.header_separator_no .header__under::after,.input__box::after,.advanced-search,[class*="button_theme"]:not([class*="check-button_checked_yes"]):not([class*="suggest2-form__button"])::before {
  background-image: none !important; 
  background-color: transparent !important; 
  color: #999999 !important;
}
.button_checked_yes:not(.button_pressed_yes)::before {
    background-color: rgb(255, 235, 160) !important;
}
.input__clear, .input__box  {
  box-shadow: none!important;
  background-color: #cccccc !important;
}
.input__box *:not(.input__clear)  {
  margin-top: -0.5px!important;
}
.cbir-logo {
  background: transparent !important;
  border-color: transparent!important;
}
.arrow__corner::before, .header__search_slim_yes .arrow__corner::after {
  border-color: #555555 #555555 #555555 transparent!important;
}
a:not([style*="color"]):not([style*="background"]):not([class*="button"]), th, h1, h2, h3, h4,.more__button {
  background-color: transparent !important
}
table {
  background-color: transparent !important; 
  border-color: #72addf !important;
  border-radius: 6px !important;
  color: transparent !important;
}
[class*="advanced-search__input"] {
  border: 1px solid #333333 !important;
}

FORM:not([role="search"]) *:not(:-moz-any([name="q"],[type="submit"],[type*="button"], img, [title="Firefox Start"], [class*="input"], [class*="icon"])):not([class*="arrow"]) {
  background: transparent !important;
  color: #999999 !important;
} 
INPUT {
  color: #ffffff !important;
}

                                      /*цвет ссылок*/
a:link, .link, a font[color], #results-bar p, .suggestion-title { 
  text-decoration: underline!important;
  color: white !important; 
}
a:visited { 
  color: #999999 !important; 
}                                             
a:hover, a span:hover{
  color: #ff0000 !important; 
}
                                     /*цвет текста*/
span, dd { 
  color: #999999 !important;
}
 .favicon {
padding-right: 0 !important; 
}
.suggest2__content {
  width: 100% !important;
}
.radio-button__radio:after {
  display: none !important;
}
.favicon {
    z-index: 10002 !important;
}

.search__cell.search__button > button:before {
  border-radius: 0 !important;
  background: #FFDB4C !important;
}

.b-serp-item {
  background: #555555 !important;
}
.b-serp-item__right {
  color: white !important;
}
.b-serp-item__left, .b-popular__header, .b-serp-control__title {
  color: rgb(153, 153, 153);
}
.b-salary__value, .b-salary__currency {
  color: #555 !important;
}
.b-head-search__arr-i {
  border-top-color: #555 !important;
  border-bottom-color: #555 !important;
}
}

Отредактировано KOT040188 (25-06-2015 14:56:39)


Вы думаете у котов лёгкая жизнь? А вы попробуйте целый день лизать меховую шапку!

Отсутствует

 

№164725-06-2015 14:44:50

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

Re: Stylish

LittleMontana
Порядок сами подбирайте

Выделить код

Код:

#TabsToolbar {-moz-box-ordinal-group:1 !important; } 
#PersonalToolbar {-moz-box-ordinal-group:2 !important; } 
#nav-bar  {-moz-box-ordinal-group:3 !important; }

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

Отсутствует

 

№164825-06-2015 15:07:36

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

Re: Stylish

LittleMontana
Никак. Он собирает #PersonalToolbar (закладки) и #nav-bar (панель навигации) в свой контейнер:
thumb.png

Так что, расположить закладки выше панели вкладок, а навбар - ниже, никак не выйдет. Максимум - можно сделать навбар ниже закладок:

Выделить код

Код:

#theFoxOnlyBetter-slimChrome-container #PersonalToolbar {-moz-box-ordinal-group:1 !important;} 
#theFoxOnlyBetter-slimChrome-container #nav-bar  {-moz-box-ordinal-group:2 !important;}

Отсутствует

 

№164925-06-2015 15:26:01

LittleMontana
Участник
 
Группа: Members
Зарегистрирован: 16-11-2013
Сообщений: 214
UA: Firefox 38.0

Re: Stylish

villa7
Помогло, спасибо
turbot
Безрезультатно, вроде бы. Но все равно, спасибо=)

Есть в "Управлении дополнениями" такое подменю - "Недавние обновления", у меня оно показывается только при нажатии "Показать недавние обновления". Интересует возможность с помощью стиля или иным способом сделать данную кнопку всегда видимой в "Управлении дополнениями". Помогите, пожалуйста=)

Отредактировано LittleMontana (25-06-2015 15:28:12)

Отсутствует

 

№165025-06-2015 15:59:32

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

Re: Stylish

LittleMontana пишет

Есть в "Управлении дополнениями" такое подменю - "Недавние обновления", у меня оно показывается только при нажатии "Показать недавние обновления". Интересует возможность с помощью стиля или иным способом сделать данную кнопку всегда видимой в "Управлении дополнениями".

Вот так:

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@-moz-document url("about:addons") {
    #category-recentUpdates[disabled] {
        height: 52px !important;
        opacity: 1 !important;
        border-top: 1px solid transparent !important;
        border-bottom: 1px solid transparent !important;
    }
}

Но если есть еще какие-то стили, меняющие внешний вид, надо будет указывать другие height и border.


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

Отсутствует

 

Board footer

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