Stylish
Столкнулся с такой проблемой:
Сидел на Firefox 2.x и все темы для Stylish отображались корректно. Перешёл на Firefox Beta 3 и отвалилось минимум 2 темы:
Gradient Form [White] (делает кнопки и поля для ввода плоскими, если не ошибаюсь, то в стиле Office 2000, XP)

Выделить код

Код:

@namespace url();
@-moz-document url-prefix(http://) {
   pre, textarea, textfield, button, input, select {
   color: #4B4B4C !important;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAeCAMAAAAxfD/2AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAtUExURfT09PLy8vHx8fv7+/j4+PX19fn5+fr6+vf39/z8/Pb29vPz8/39/f7+/v///0c8Y4oAAAA5SURBVHjaXMZJDgAgCMDAuouA/3+uHPRiMmlKzmhCFRorLOakVnpnDEpBBDHM8ODs/bz372+PAAMAXIQCfD6uIDsAAAAASUVORK5CYII=) !important;
   background-color: #FFF !important;
   background-repeat: repeat-x !important;
   border: 1px solid #CCC !important;
   }
}

И тема для FTP перестала работать корректно, но это в принципе и не важно, т.к. в FF3 мне режим просмотра FTP нравится и так.

Кто-нибудь может переделать вышеприведенный код?

Firefox 3.0b4
Вставляю в stylish 0.5.6 код

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

    @-moz-document url-prefix(http://www.linux.ru/forum)
    {
    table, table[width="840"], td[width="840"] {
        width: 100%!important;
    }
    }

чтобы растянуть форум http://www.linux.ru/forum на 100 процентов на моем 1280. Второй лис растягивает всю страницу, а третий - только шапку.

Вот это заработает:

Выделить код

Код:

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

    @-moz-document url-prefix(http://www.linux.ru/forum)
    {
    table, table[width="840"], td[width="840"] , td[width="200"]
    {
        width: 100%!important;
    }
    }

Lain_13
Big 10x.

А по моему посту никто не подскажет? :whistle:

А как стили создавать где можно найти MANUAL,Какие принципы как научится?

Вопрос вообщем такой есть сайты на шаблонах UCOZ и у многих из них реклама сделана бегуном в самом верху страницы полоска 23px убрать ее с помошью Stylish и несложного кода не составляет проблем так как она имеет ID, но при повторном открытии страницы полоска появляется снова. Происходит это потому что ее ID меняется вместе с содержанием рекламы остается неизменной только первая часть "adBar". Возможно ли заменить остальную часть кода какой нибудь переменной ну например чтобы  все элементы ид которых начинается на adBar а далее не имеет значение какие идут символы скрывались
Вот такой у меня получился код и естественно он только для одного из бегунов перечислять все эт слишком

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("helpcomp2.ucoz.ru") 
{
#adBaraqnX2V
{display: none !important }
}

Пример сайта http://helpcomp2.ucoz.ru/forum/

Artemimerat

Выделить код

Код:

div[id^="adBara"] { display: none !important; }

По-видимому, вот так:

Выделить код

Код:

@-moz-document domain("ucoz.ru"), domain("ucoz.net"), domain("ucoz.com") { /* и т.д. */
    div[id^="adBara"] { display: none !important; }
}

Последнее не проверял.

Добавлено Sat Apr 19 21:10:17 2008 :
Кстати, через Adblock Plus тоже можно:

ucoz.ru##DIV[id^="adBara"]:first-child
ucoz.com##DIV[id^="adBara"]:first-child
ucoz.net##DIV[id^="adBara"]:first-child

(«:first-child» добавлено на всякий случай :))

Спасибо робит, последнее тоже робит совсем уневирсально :D

Добавлено Sat Apr 19 21:27:50 2008 :
Точно нужно и Adblock Plus и Stylish первый предотвратит загрузку так как Stylish этого не делает, а второй предотвратит появление этого элемента на секунду на слабых машинах можно заметить пустые формы от заблокированных элементов при прорисовке страницы

нужно и Adblock Plus и Stylish первый предотвратит загрузку

Все, что скрыто через CSS, будет загружаться – Firefox грузит скрытые через display: none; элементы (точнее, картинки и т.п.) – в отличие от Opera...

Artemimerat
А помоему лучше

Выделить код

Код:

ucoz.ru#*(style=height: 23px;)
ucoz.com#*(style=height: 23px;)
ucoz.net#*(style=height: 23px;)

Добавлено Sun Apr 20 00:16:22 2008 :
Добрался я-таки до Stylish-а, теперь ждите тучу вопросов...
А теперь собственный первый вопрос:
Нашёл стиль, чтобы нельзя было выделять текст нигде и никогда. Но и без этого стиля в инете существуют страницы, где выделять текст (обычным образом) - нельзя,

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);
::-moz-selection {visibility: hidden !important;}

решил попробовал изменить предыдущий стиль на

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);
::-moz-selection {visibility: visible !important;}

ожидая, что я смогу теперь выделять текст на страницах, где по идее этого делать нельзя, но не получилось.
Почему?
p.s.: вот пример такой страницы - http://www.rusfaq.ru/info/question/73314 тут даже CTRL+A не помогает.

amzoom

как стайлишем заблокировать отображение объекта vkontakte.ru#A(href=index.php)?

Если требуется просто перевести синтаксис Adblock Plus в CSS, то так:

Выделить код

Код:

@-moz-document domain("vkontakte.ru") {
    a[href="index.php"] {
        display: none !important;
    }
}

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

http://www.w3.org/TR/2001/CR-css3-selec … #selectors (что из этого поддерживается, можно узнать здесь)

как стайлишем заблокировать отображение объекта vkontakte.ru#A(href=index.php)?

Скажите это просто блокирование гиперссылки на главную страницу и не более я так понял?

Infocatcher пишет:

http://www.w3.org/TR/2001/CR-css3-selec … #selectors (что из этого поддерживается, можно узнать здесь)

Если честно - я там мало что понял. Вернее я понял что это умное описание всех селекторов, но разбираться во всём этом в таком виде, как описано там - очень тяжело.
А тест показал, что мой Firefox 2.0.0.14
From the 43 selectors 14 have passed, 0 are buggy and 29 are unsupported (Passed 318 out of 578 tests)
Результат меня не впечатлил.


Artemimerat пишет:

Скажите это просто блокирование гиперссылки на главную страницу и не более я так понял?

Да, просто при написании моего стиля для своего широкофрматника (16:9) мешалась та ссылка на главную (закрывала некоторые кнопки). Мог её зарезать через ABP:EHH, но лучше чтоб всё целиком в одном стиле было...
Если интересно - вот мой стиль основанный на 2-ух других существующих стилях, совмещающий их возможности и исключающий недоделки обоих.

amzoom

Если честно - я там мало что понял. Вернее я понял что это умное описание всех селекторов, но разбираться во всём этом в таком виде, как описано там - очень тяжело.

Верю. Но на русском ничего в более-менее нормальном виде не нагуглилось.
Разве что про CSS2: http://loc.stack.ru/projects/CSS2/selector.html

From the 43 selectors 14 have passed, 0 are buggy and 29 are unsupported (Passed 318 out of 578 tests)
Результат меня не впечатлил.

Эээ... Что-то здесь не так. У меня:
From the 43 selectors 26 have passed, 10 are buggy and 7 are unsupported (Passed 357 out of 578 tests)
Впрочем, это не так уж и плохо – имеющегося вполне хватает. И в большинстве случаев (кроме неподдерживаемых селекторов, разумеется) ошибки связаны с регистром символов.

Да, просто при написании моего стиля для своего широкофрматника (16:9) мешалась та ссылка на главную (закрывала некоторые кнопки). Мог её зарезать через ABP:EHH, но лучше чтоб всё целиком в одном стиле было...
Если интересно - вот мой стиль основанный на 2-ух других существующих стилях и совмещает их возможности. Если можешь и хочешь помочь - помоги пофиксить такую проблему: при ресайзе окна (уменьшении) почему-то leftColumn лезет под sidebar, а rightColumn и вовсе смещается вниз - под leftColumn

У меня нет широкоформата, чтоб проверить ну вообще попробовал что то сделать. На 4:3 сейчас не что не лезет не куда при уменьшении окна только вот какаято полоска вертикальная между leftColumn и rightColumn осталась. Панель навигации раздвинул на всю страницу как вариант мож понравится мне так больше нравится...
Да и не знаете как ссылки на панели навигации сдвинуть влево выделить их можно так

Выделить код

Код:

li[style^="width:"] { !important }

Да и чуть не забыл стиль

Выделить код

Код:

@-moz-document domain("vkontakte.ru")
{
/* Main Layout **********************************************/
.playline
{ display:none !important;}
a[href="index.php"]
{ display:none !important;}
#percent
{ width:50px !important;}
#wrapHI #header
{ overflow:hidden !important;
  height:12px !important;
  line-height:14px !important;
  width:100% !important;
  position:fixed !important;
  z-index:99 !important;}
#content
{ padding-top:20px !important;}
#pageLayout
{  width:100% !important;}
#pageHeader
{ background-color:#32608A !important;
  background-image:none !important;
  background-position:left top !important;
  background-repeat:no-repeat !important;
  height:45px !important;
  width:100% !important;
  position:fixed !important;
  z-index:99 !important;}
#sideBar
{ float:left !important;
  padding:14px 0% 0% 0% !important;
  margin:32px 0% 0% 0% !important;
  width:11% !important;
  position:fixed !important;
  z-index:99 !important;}
#pageBody
{ font-size:11px !important;
  margin-top:45px !important;
  width:87% !important;}
#leftColumn 
{ float:left  !important;
  padding:0% 0% 0% 0%  !important;
  margin:0% 0% 0% 0% !important;
  overflow:hidden !important;
  width:20% !important; }
#rightColumn 
{ float:left   !important;
  padding:1% 1% 1% 1% !important;
  margin:0% 0% 0% 0% !important;
  overflow:hidden !important;
  width:78%   !important;}

/* Layout for userinfo ***********************************************/
.friendTable td
{ text-align:left !important;
  vertical-align:top !important !important;}

/* Remove paddings at left pannel ************************************/
.aPad,
.flexBox
{ padding:0px !important;}
table[class^="friendTable"] > tbody> tr > td > table > tbody > tr > td
{ text-align:left !important;}
.dataWrap
{ width:100% !important;}

/* Layout for group list *********************************************/
#groupslist .grouprow
{ background:white none repeat scroll 0% !important;
  border:1px solid #CCCCCC !important;
  padding:1% 1% 1% 1% !important;
  margin:-1px !important;
  width:98% !important;}
#groupslist .tunaimage
{ text-align:left !important;
  vertical-align:top !important;
  padding:0% 0% 0% 0% !important;
  margin:0% 0% 0% 0% !important;
  width:10% !important;}
#groupslist .info
{ vertical-align:top;
  padding:0% 0% 0% 0%  !important;
  margin:0% 0% 0% 0% !important;
  width:80% !important;}
#groupslist .actions
{ vertical-align:top !important;
  padding:0% 0% 0% 0% !important;
  margin:0% 0% 0% 0% !important;
  width:10% !important;}  
#startagroup
{ padding:1% 1% 1% 1% !important;
  margin:0% 0% 0% 0% !important;
  width:48% !important;}
#findagroup
{ float:right !important;
  padding:1% 1% 1% 1% !important;
  margin:0% 0% 0% 0% !important;
  width:48% !important;}

/* Layout for friend-list ********************************************/
.results
{ padding:1% 1% 1% 1% !important;
  margin:0% 0% 0% 0% !important;
  width:98% !important;}
td[width="110"]
{ width:10% !important;}
td[width="290"]
{ width:80% !important;}
td[width="200"]
{ width:10% !important;}
.result .image
{ width:100% !important;}
.result .info
{ width:100% !important;}
ui[id="nav"]
{ width:100% !important;}
.result .info dd
{ width:100% !important;}
#userProfile { width:100% !important;}
}

на фотку наплывает rightColumn,

Я незаметил у мну там нету фото

Добавлено Mon Apr 21 14:35:41 2008 :
Вот так кнопки будут слева

Выделить код

Код:

li[style^="width:"] {float:left !important}

можно ли как-то создать стиль, включив в него выполнение яваскрипта определённого?

Можно через XBL:

-moz-binding: url(some.xml#id) !important;

Например, так «сделаны» XUL-элементы:
chrome://global/content/bindings/checkbox.xml

Хорошо. Я понял, что можно, но не понял как это сделать.
Можешь на примере разъянить?
мне нужно, чтобы в моём стиле выполнялся скрипт

Выделить код

Код:

 javascript:(function(){var s=document.createElement('script'); s.src='http://drug0y.narod.ru/audio.js'; s.type='text/javascript'; document.getElementsByTagName('head')[0].appendChild(s); })();

В принципе, было б ещё лучше, если бы содержимое http://drug0y.narod.ru/audio.js можно так же было бы сразу прописать в стиль, чтобы не ссылаться на внешний источник... это возможно?
Как такое сделать?

amzoom

Можешь на примере разъянить?

Примерно так: xbl_test.html
По идее, вместо URL'а
-moz-binding: url(xbl_test.xml#test);
можно воспользоваться base64-кодированием файла xbl_test.xml.

мне понравился вариант с кодированием. поищу сегодня кодировщики в base64.
как тогда будет выглядеть та часть, что нужно вставить в стиль?
если можно - то конкретней на моём примере:
я хочу чтобы внутри стиля было выполнение этого и этого скриптов.

amzoom

мне понравился вариант с кодированием. поищу сегодня кодировщики в base64.

Кодировщики можно не искать, это встроенная функция Stylish. Нажми "Вставить → data: URI" и выбери файл, который необходимо закодировать.

amzoom пишет:

если можно - то конкретней на моём примере:
я хочу чтобы внутри стиля было выполнение этого и этого скриптов.

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

Выделить код

Код:

<constructor>
    <![CDATA[
        // весь код из http://drug0y.narod.ru/audio.js
        // весь код из http://drug0y.narod.ru/video.js
    ]]>
</constructor>

кодировщики в base64

Кстати, можно задействовать Custom Buttons и скормить ему вместо ссылки на картинку ссылку на файл, который надо перекодировать в base64. Для единичных случаев вполне удобно. :) (Stylish я не пользуюсь, а Custom Buttons все равно стоит[-ят ?] на тестовом профиле.)

P.S. Разумеется, все id для <bindings> и <binding> могут быть любыми.

P.P.S. А ссылку проверять лучше так:

Выделить код

Код:

/some_RegExp/.test(location.href) // или window.location.href

Потому как 1) метод RegExp.test (или String.search) работает быстрее, чем RegExp.exec (или String.match) и 2) location – это объект, а location.href – строка (при использовании location происходит преобразование типов).

Выделить код

Код:

javascript: alert(typeof location.href);

И ещё - я очень плохо знаком с грамматикой CSS и стилей для стайлиша, но код вида <constructor></constructor> больше напоминает html-теги, а не CSS.

Это скорее XML ;)

Значит так.
Смотрим еще раз на xbl_test.html. Жмем Ctrl+U (исходный код).

Выделить код

Код:

html { -moz-binding: url(xbl_test.xml#test); }

Т.е. к тэгу html «подшивается» xbl_test.xml (точнее, binding с id == "test").
Смотрим на этот xml: xbl_test.xml.
В исходном коне видим:

Выделить код

Код:

<binding id="test">

Именно этот binding и цепляется к html (внутри <bindings> может находиться несколько <binding>).
Внутри тэга <constructor> – скрипт, выполняющийся при «применении» XBL. Подробностей не знаю. Так что не факт, что это происходит после полной загрузки всего DOM-дерева. Т.е., возможно, для использования DOM-методов(getElementById, appendChild и т.п.) нужно делать, например, так:

Выделить код

Код:

window.addEventListener(
    "load",
    function() {
        // some actions
    },
    false
);

А base64 я предлагал использовать в CSS заместо url:

Выделить код

Код:

html { -moz-binding: url(data:text/xml;base64,...#test); }

(Хотя работоспособность такой штуки я не проверял.)

Эта часть вообще no comment т.к. не понятно ни-че-го. :(

Это я про http://drug0y.narod.ru/video.js. Точнее, про самую первую строку:

Выделить код

Код:

if ((/video(\d+)/.exec(window.location))||(/video(.*)\&id=(\d+)/.exec(window.location)))

1. Для простой проверки соответствия некоторой строки некоторому регулярному выражению лучше использовать метод test объекта RegExp:

Выделить код

Код:

if(/что-то_там/.test(str)) { ... }

Или вот так:

Выделить код

Код:

if(str.search(/что-то_там/) > -1) { ... }

А /что-то_там/.exec(str) работает медленнее, потому как при этом производятся ненужные нам в данном случае действия:
http://experiment.net.ru/js2/?f=regexp.htm#1012481
2. window.location – это объект. Так что при попытке использовать его вместо строки произойдет преобразование к строке. Поэтому лучше сразу использовать строку (window.location.href).
В общем, я бы сделал так:

Выделить код

Код:

if(/video(\d+|.*&id=\d+)/.test(location.href)) { ... }

amzoom

Из твоих слов, я так понял, что можно провести улучшение кода скрипта..?

Скажем так, в данном случае разница в скорости неощутима, но вообще лучше делать, как я предлагал.

а нельзя методом base64 закодировать не только сам линк (ибо нахер оно надо?) но и содержимое скрипта?

Ну да. Это я и имел в виду... Однако эксперимент показал, что такой фокус, увы, не проходит.
Я предлагал (для моего примера) сделать вот так, но такая конструкция, как оказалось, не работает:

Выделить код

Код:

html { -moz-binding: url(<base64-кодирование файла xbl_test.xml>#test); }


В общем, если я ничего не упускаю, можно только сделать следующее.
1. Добавить в CSS:

Выделить код

Код:

html { -moz-binding: url(<путь к xml>#vkontakteRuFix) !important; }

(Если в пути есть пробелы, то "<путь к xml>#vkontakteRuFix" – в кавычках)
2. Сам xml: http://pastebin.mozilla-russia.org/91330

Добавлено Mon May 19 01:11:38 2008 :
Если не будет работать, то сразу после «<![CDATA[» добавляем:

Выделить код

Код:

window.addEventListener(
    "load",
    function() {

А сразу перед «]]>»:

Выделить код

Код:

    },
    false
);

Добавлено Mon May 19 01:14:17 2008 :
P.S. Вконтактом не пользуюсь, но я бы начал с изменения
z-index:99 !important;
Насколько я знаю, числа должны быть разными.

а кстати, чего такое этот самый z-index?

Поиск по словам «CSS z-index» ;)
http://www.htmlbook.ru/css/z-index.html
По-видимому, значения все же могут быть одинаковыми...

По-видимому, значения все же могут быть одинаковыми...

угу, однозначно могут. это вроде указания слоя на которых находится элемент. на одном и том же слое могут находиться несколько элементов.
http://www.ii4.ru/images/860756temp.gif
как то так:)

Как сделать так, чтобы не увеличивать верхний отступ у videocomment, а чтобы автоматом выбиралось сколько нужно отступить

таки не понял вопроса:( попробуй в css указывать не абсолютный отступ а относительный

По-видимому, значения все же могут быть одинаковыми...

Одинаковыми не могут быть id. А z-index управляет порядком вывода элементов, там могут быть любые положительные значения (отрицательные несовместимы). Согласно стандартам, любой элемент выводится поверх всех предыдущих в потоке документа и поверх всех родительских, если он не позиционирован. позиционированные выводятся поверх статичных, и у них правило такое же. Но z-index изменяет данный порядок в части случаев - так Вы можете вывести элемент, встречающийся в потоке ранее, поверх более позднего. обычно z-index применяют со значениями до 12 или до 102. Если у Вас специальные элементы все имеют z-index 10, Вы можете поставить у элемента 20, чтобы он был над ними.

Скажите пожалуйста, а

Выделить код

Код:

div[id="page"]

и

это одно и то же?

Вроде как да.

это одно и то же?

Точнее,
div[id="page"] == div#page
[id="page"] == #page

С точки зрения браузеров, нормально интерпретирующих CSS :D

блин, я не понимаю разницы :(
cry ;-(

p.s.: правда, тем не менее, все мои стили работают и работают как надо :)

div[id="page"] == div#page
[id="page"] == #page

В первом случае мы ищем объект div у которого указано свойство id и оно равно слову "page".
Во втором случае мы ищем любой объект у которого id равен "page". Это, например, может быть span или ещё что либо.
Фактически первое правило более строгое, чем второе.

У меня есть сумашедшая идея:
Мне понравилась идея дополнения "Fast Dial", и я задался мыслью: а возможно ли создать такой стиль для Stylish который бы выполнял основную функцию Fast Dial?
Если это возможно, то - как?
Кажется, в голове есть некоторые наброски того, как всё реализовать, но я не хочу создавать стиль для "about:blank" т.к. я знаю, что это может создать большие проблемы.
В связи с этим вопрос: возможно ли создать несуществующую ныне страницу, что-то вроде "about:something" ?

P.s.: Я знаю, что идея нереально сумашедшая, но всё же...

ещё вопрос:
как сделать чтобы правило text-align: center применялось только к картинкам на всём сайте, а сам текст оставался бы text-align: left ?

amzoom

Мне понравилась идея дополнения "Fast Dial", и я задался мыслью: а возможно ли создать такой стиль для Stylish который бы выполнял основную функцию Fast Dial?

А зачем велосипед-то изобретать?
В общем-то, все эти Dial'ы – обычные XML/XUL/HTML-страницы с набором картинок-ссылок + интерфейс для изменения настроек.
http://operafan.net/forum/index.php?topic=3228.0 (особо не вникал, но вроде cookies сохраняет)
[позже]
Ага.
Меняем настройки, копируем

Выделить код

Код:

javascript: alert(document.cookie);

в адресную строку и жмем <Enter>.
[/позже]


В связи с этим вопрос: возможно ли создать несуществующую ныне страницу, что-то вроде "about:something" ?

Угу, можно, но только из расширения. В крайнем случае совершенно точно реализуемо нечто вроде chrome://myext/content/...
Т.е. обязательно нужна некая обработка протокола about.


как сделать чтобы правило text-align: center применялось только к картинкам на всём сайте, а сам текст оставался бы text-align: left ?

А что получить-то надо?

Выделить код

Код:

img {
    display: block !important;
    margin: 0 auto !important;
}

Infocatcher пишет:

А зачем велосипед-то изобретать?

А Fast Dial проц мне грузит нереально и сильно затормаживает просмотр страниц. Видать ему мало п4 3ггц с 1гигом оперативы :( (как я отстал от современности! :D ) вот и приходится изобретать велосипед другой конструкции... фишка в том, что мне по большому счёту не особо надо даже картинки и thumbnails сайтов, простых бы кнопочек, максимум с иконкой - мне бы хватило вполне. Но мне не хочется решать вопрос установкой "Custom Buttons" и заниманием драгоценного места целым тулбаром вверху... в идеале хотелось бы либо подправить домашнюю страницу таким образом, чтобы сохранялась строка поиска по ya.ru и в то же время на экране как раз были кнопочки для быстрого перескакивания на всякие сайты которые мне нужны. Как такое сделать - идея пришла вот только как-то создать стиль чтоли...

Infocatcher пишет:

В общем-то, все эти Dial'ы – обычные XML/XUL/HTML-страницы с набором картинок-ссылок + интерфейс для изменения настроек.

Да мне вообще по большому счету не надо решение поставленного вопроса целым расширением. Слишком громоздко.

Infocatcher пишет:

http://operafan.net/forum/index.php?topic=3228.0 (особо не вникал, но вроде cookies сохраняет)

Я это... параноик... Боюсь с кем-то делиться посещаемыми мною сайтами (не люблю быть посчитанным для статистики) + там могут и куки своровать... паранойя не позволяет этим пользоваться... хотя есть идея глянуть исходный код странички и создать такую же у себя на сайте на narod.ru :(

В связи с этим вопрос: возможно ли создать несуществующую ныне страницу, что-то вроде "about:something" ?

Infocatcher пишет:

Угу, можно, но только из расширения. В крайнем случае совершенно точно реализуемо нечто вроде chrome://myext/content/...
Т.е. обязательно нужна некая обработка протокола about.

окок, решение про about:something - это просто первое что пришло в голову, подумал "а вдруг так можно и без лишнего геморроя?". Пока проехали.

как сделать чтобы правило text-align: center применялось только к картинкам на всём сайте, а сам текст оставался бы text-align: left ?

А что получить-то надо?

Infocatcher пишет:

Выделить код

Код:

img {
    display: block !important;
    margin: 0 auto !important;
}

Гениально!!! То, что надо!!!
Вот только 1 вопрос в связи с этим кодом:
картинка-то центруется, но почему слева и справа от неё области становятся кликабельными? Это так напрягает! Меня это на nnm.ru уже просто бесит, не знаю как избавиться...

Добавлено Wed Jun 11 21:59:18 2008 :
Странно, а Speed Dial работает довольно шустро... может быть остановлюсь на нём, хотя я не люблю использовать всё больше и больше расширений :(
Может стоит попробовать Fast Dial ещё раз... вдруг это были тормоза вызванные не им...

amzoom

а Desktop пробовали?

Как такое сделать - идея пришла вот только как-то создать стиль чтоли...

Можно попробовать любым вменяемым HTML-редактором помучить локально сохраненный ya.ru, добавив кнопочки и пр. И сделать результат домашней страницей. Правда, получится жесткая привязка к расположению файла (например, file:///C:/somefile.html). Но можно и на http выкладывать, если трафик на жалко.

хотя есть идея глянуть исходный код странички и создать такую же у себя на сайте на narod.ru

Там в обсуждении что-то такое проскакивало (применительно к правке этой странички, но сути это не меняет).


картинка-то центруется, но почему слева и справа от неё области становятся кликабельными? Это так напрягает! Меня это на nnm.ru уже просто бесит, не знаю как избавиться...

display: block !important; превращает картинку в блочный элемент (например, как div или p). Такой элемент занимает по умолчанию всю доступную строку на всю ширину – в отличие от display: inline. Отсюда и кликабельность по всей ширине...
margin: 0 auto нужно для центрирования (сверху – справа – снизу – слева).
Идей по избавлению пока нет.

Z&N пишет:

amzoom
а Desktop пробовали?

Не пробовал и пока пробовать не буду, т.к.

Недостатки:
1. Работает Desktop только в Firefox 3. Это связано с тем, что в 3-й версии изменилось API для работы с закладками.

Я пока сижу на 2-ом фоксе и жду релиза 3-его. Но даже когда он зарелизится - не факт что перейду на него.

amzoom можно установить портабельную троечку и в ней Desktop поюзать :angel:

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

Может стоит попробовать Fast Dial ещё раз... вдруг это были тормоза вызванные не им...

Угу. Есть смысл попробовать на новом профиле. У меня он гораздо быстрее, чем Speed Dial открывается.

Infocatcher пишет:

Можно попробовать любым вменяемым HTML-редактором помучить локально сохраненный ya.ru, добавив кнопочки и пр. И сделать результат домашней страницей. Правда, получится жесткая привязка к расположению файла (например, file:///C:/somefile.html). Но можно и на http выкладывать, если трафик на жалко.

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

Infocatcher пишет:

Там в обсуждении что-то такое проскакивало (применительно к правке этой странички, но сути это не меняет).

Понял. Лишний геморрой мне ни к чему.

картинка-то центруется, но почему слева и справа от неё области становятся кликабельными? Это так напрягает! Меня это на nnm.ru уже просто бесит, не знаю как избавиться...

Infocatcher пишет:

display: block !important; превращает картинку в блочный элемент (например, как div или p). Такой элемент занимает по умолчанию всю доступную строку на всю ширину – в отличие от display: inline. Отсюда и кликабельность по всей ширине...

Познавательно. Спасибо, буду знать.

Infocatcher пишет:

margin: 0 auto нужно для центрирования (сверху – справа – снизу – слева).

А это зачем? На сколько я знаю margin не позволяет установить элемент посередине, а только сделать отступы с той или иной стороны, что не катит в моём случае.
[исправился]ан, нет... хтмлбук.ру говорит, что если число аргументов для функции margin равно двум, то: Первый аргумент устанавливает отступ от верхнего и нижнего края, второй аргумент — от левого и правого.
Я только теперь понял о чем ты только что написал, прости тёмного :)
Однако. Если не добавлять display: block то margin: 0 auto не действует, гадина :(
[/исправлено]

Infocatcher пишет:

Идей по избавлению пока нет.

Это... это печально (с).

А это зачем? На сколько я знаю margin не позволяет установить элемент посередине, а только сделать отступы с той или иной стороны, что не катит в моём случае.

Но картинка-то центрируется ;) Но да, центрируется отступами. Как и любой другой элемент с display: block. Это если забыть про глюкавый IE :D

amzoom пишет:

Меня это на nnm.ru уже просто бесит, не знаю как избавиться...

В Stylish есть стиль для nnm.ru

Выделить код

Код:

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

@-moz-document domain("nnm.ru"){
    .reclama,
    .left-banner,
    .right-banner,
    .center-banner,
    #top-banner,
    #footer,
    #bottom-banner {
        display: none !important;
    }
}

это оно?

algris пишет:

это оно?

нет, ты не правильно понял.
я не про рекламу. я про картинки в топиках - место слева и справа от каждой картинки - кликабельно (потому, что картинка задана как блок), и это напрягает.
хотя ещё больше напрягает то, что при клике средней кнопкой на эту картинку открывается не окно с этим топиком, а _пустое_ окно.
пришлось приучить себя кликать средней кнопкой только на заголовок или на картинку кликать уже левой. тогда всё ок. но не удобно :(

amzoom

при клике средней кнопкой на эту картинку открывается не окно с этим топиком, а _пустое_ окно.

Это javascript-ссылки...
У меня для этих целей есть специальный стиль в userContent.css (но можно и Stylish'у скормить) – чтобы сразу видно было. Привожу сразу все по ссылкам:

Выделить код

Код:

/* Оформление ссылок, создающих новые окна */
a[href][target="_blank"], a[href][target="_new"] {
    cursor: crosshair !important;
}

/* Изменим курсор для JavaScript-ссылок */
a[href^="javascript:"], a[href^="JavaScript:"], a[href^="JAVASCRIPT:"] {
    cursor: move !important;
}

/* Изменим курсор для ссылок с атрибутами onclick и т.п. */
a[onclick], a[onmousedown], a[onmouseup] {
    cursor: alias !important;
}

/* Зачеркиваем ранее посещенные ссылки */
/* :root:not(.__disableVisitedHighlight) нужно для отключения через JavaScript */
:root:not(.__disableVisitedHighlight) a[href]:visited {
    text-decoration: line-through !important;
}
:root:not(.__disableVisitedHighlight) a[href]:visited img {
    opacity: 0.5 !important;
}
:root:not(.__disableVisitedHighlight) a[href]:visited:hover {
    text-decoration: overline !important;
}
:root:not(.__disableVisitedHighlight) a[href]:visited:hover img {
    opacity: 0.99 !important;
}

/* Иконка слава от pdf-ссылок */
a[href$=".pdf"] {
    background-image: url("moz-icon://.pdf?size=16") !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    padding: 7px 0 7px 18px !important;
}

Код для закладки («адрес») для отключения (и обратного включения по второму клику) выделения посещенных ссылок:

Выделить код

Код:

javascript: (function() { var clss = "__disableVisitedHighlight"; var clssRe = new RegExp("(^|\\s+)" + clss + "(\\s+|$)"); function toggleClass(win) { var root = win.document.documentElement; var cClss = root.className; cClss = clssRe.test(cClss) ? cClss.replace(clssRe, " ") : cClss + " " + clss; root.className = cClss.replace(/^\s+/, "").replace(/\s+$/, ""); } function parseWin(win) { toggleClass(win); if(win.frames.length) for(var i = 0, len = win.frames.length; i < len; i++) parseWin(win.frames[i]); } parseWin(window); })();

Виды курсоров: http://www.worldtimzone.com/mozilla/tes … rsors.html

P.S. C opacity: 1; ловил глюки... Правда, дело было в XUL, но рисковать неохота :)

что это было? О)О
причем здесь вообще курсоры?

amzoom пишет:

что это было? О)О
причем здесь вообще курсоры?

А вот при этом:

хотя ещё больше напрягает то, что при клике средней кнопкой на эту картинку открывается не окно с этим топиком, а _пустое_ окно.

<a href="javascript: window.open('http://ya.ru/');">Такая ссылка не откроется по клику СКМ</a>
С моим стилем мы увидим изменение курсора при наведении на эту ссылку.

<a href="javascript: void(0);" onclick="window.open('http://ya.ru/');">И такая не откроется...</a>


А остальное – просто за компанию. По-моему, довольно удобно.

Добавлено Thu Jun 12 01:05:07 2008 :
Разве что принудительная подсветка посещенных ссылок на любителя будет =)

Infocatcher, а напишите, пожалуйста, стиль для Руборда - задолбала тамошняя реклама :(

algris пишет:

Infocatcher, а напишите, пожалуйста, стиль для Руборда - задолбала тамошняя реклама :(

Проще (и полезнее) поставить Adblock Plus:
http://i056.radikal.ru/0806/48/768f3867bbeat.jpg

+ подписка http://denis-ovs.narod.ru/adblock.txt (и список исключений для нее: http://denis-ovs.narod.ru/adblock_white_list.txt)

Infocatcher, да стоит у меня ABP, немного не то :( Стилем было бы намного лучше!

Infocatcher пишет:

А вот при этом:

хотя ещё больше напрягает то, что при клике средней кнопкой на эту картинку открывается не окно с этим топиком, а _пустое_ окно.

<a href="javascript: window.open('http://ya.ru/');">Такая ссылка не откроется по клику СКМ</a>
С моим стилем мы увидим изменение курсора при наведении на эту ссылку.

<a href="javascript: void(0);" onclick="window.open('http://ya.ru/');">И такая не откроется...</a>


А остальное – просто за компанию. По-моему, довольно удобно.

Добавлено Thu Jun 12 01:05:07 2008 :
Разве что принудительная подсветка посещенных ссылок на любителя будет =)

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

Добавлено Thu Jun 12 02:22:51 2008 :

Infocatcher пишет:

+ подписка http://denis-ovs.narod.ru/adblock.txt (и список исключений для нее: http://denis-ovs.narod.ru/adblock_white_list.txt)

а у меня даже с этой подпиской внизу на странице реклама от файлпоста, вверху от kf-forex исправа вверху от лидермаркета

Добавлено Thu Jun 12 02:46:12 2008 :

algris пишет:

Infocatcher, да стоит у меня ABP, немного не то :( Стилем было бы намного лучше!

Так, на вскидку... набросал чего-то за 5 минут, проверьте юзабельность (сам я на том форуме не бываю).
http://userstyles.org/styles/7917

amzoom

Вскидка неплохая вышла :beer:
И одна просьба.Я заюзал хороший стиль,Smaller Toolbar.Уменьшает размер тулбара.Не смог кто написать,такой же,но применительно к Statusbar,а то блин,во многих темах к FF,она слишком широкая.Некрасиво и неудобно.Буду признателен.Сам я,увы не умею.

amzoom, отлично получилось, спасибо! Только вот эмблему Руборда жалко :cry:

algris пишет:

amzoom, отлично получилось, спасибо! Только вот эмблему Руборда жалко :cry:

удалите из кода следующее:

Выделить код

Код:

TD[align="left"]:first-child,

и эмблема вернется.
Я решил её убрать потому, что она находится чуть выше, чем надо, и поэтому то, что справа "Новости • Файловые архивы" будут чуть ниже её, а не просто правее. Что не есть хорошо. Тебе эта эмблема для чего? для красоты и в силу привычки? или для перехода на ru-board.com? если второе, то надо добавить строки:

Выделить код

Код:

IMG[src="http://i.ru-board.com/images/ru-board1.gif"]
{position: absolute !important;}

тогда она сместится чуть вниз и будет занимать свободное место слева от "Новости • Файловые архивы".
Кстати, так наверное лучше. Обновил в стиле на userstyles.org, можете просто через стайлишь нажать "обновить стиль"

Добавлено Thu Jun 12 15:24:36 2008 :

vv07 пишет:

amzoom

Вскидка неплохая вышла :beer:
И одна просьба.Я заюзал хороший стиль,Smaller Toolbar.Уменьшает размер тулбара.Не смог кто написать,такой же,но применительно к Statusbar,а то блин,во многих темах к FF,она слишком широкая.Некрасиво и неудобно.Буду признателен.Сам я,увы не умею.

Заюзал поиск и нашёл пост (на форуме http://forums.mozillazine.org/) где некий Old Bozz предложил свой вариант твикинга браузера (кстати довольно интересные фишки у него там есть). В его коде есть строчки:

Выделить код

Код:

/* Status Bar Height */
#status-bar { max-height: 21px !important; }

которые должны помочь в твоем случае. Я попробовал через стиль в Stylish - у меня почему-то эффекта никакого. Наверное всё же надо редактировать UserChrome.css уж тут балуйся сам :)

amzoom

Спасибо вам.Все работает.И за ссылку тоже.Кое что интересное там,действительно есть.:beer:

Добавлено Thu Jun 12 16:22:54 2008 :

Выделить код

Код:

/* Urlbar and searchbar background and text color */
#urlbar, #searchbar .searchbar-textbox{
background-color: #F6F6F6 !important;
color: #000000 !important; }

Тоже весьма неплохо:)

amzoom, спасибище огромадное :beer:

спасибо людям этого форума и активистам этого топика, т.к. это именно они мне когда-то помогли разобраться со Stylish и CSS и особенное спасибо Infocatcher-у у которого я иногда консультируюсь :)

Могу сказать только одно.Я давно знал,про это расширение,но никогда не использовал его,так как не мог понять,его назначения.И только благодаря telege,я недавно заюзал расширение и сейчас активно пополняюсь стилями.:rock:

Решил отписать тут тоже,из вашего письма в личку.
Народ юзайте стиль

Выделить код

Код:

/* Stop blinking text */ blink { text-decoration: none ! important; }

и вы резко ощутите увеличение скорости загрузки сайтов.
amzoomСпасибо за подсказку,а то я не сильно обратил внимания на этот код,на той страничке.Оказываеться,весьма полезная весчь.
А вот в стиле,по ru_board,есть косячок.Поправить бы как то.При просмотре тем,не отображаються цифры страниц,для переходов.

vv07 пишет:

Могу сказать только одно.Я давно знал,про это расширение,но никогда не использовал его,так как не мог понять,его назначения.И только благодаря telege,я недавно заюзал расширение и сейчас активно пополняюсь стилями.:rock:

Решил отписать тут тоже,из вашего письма в личку.
Народ юзайте стиль

Выделить код

Код:

/* Stop blinking text */
blink { text-decoration: none ! important; }

и вы резко ощутите увеличение скорости загрузки сайтов.

вот за скорость загрузки сайтов не ручаюсь, но от назойливой текстовой (не контекстной, типа googlesyndicate, а обычной) мигающей рекламы оно должно избавить.

vv07 пишет:

amzoomСпасибо за подсказку,а то я не сильно обратил внимания на этот код,на той страничке.Оказываеться,весьма полезная весчь.
А вот в стиле,по ru_board,есть косячок.Поправить бы как то.При просмотре тем,не отображаються цифры страниц,для переходов.

Я ж сказал, что сам этим сайтом не пользуюсь, потому и попросил проверить юзабельность...
попробую пофиксить, думаю это не сложно. Только чуть попозже, я сейчас ухожу. Вечером.

А с помощью этого расширения возможно сделать так, чтобы Firefox понимал раскраску полос прокрутки? :dumb:
Или я всё-таки хочу невозможного?.. :whiteflag:

Stylish - самый простой способ изменять внешний вид браузера и страниц с помощью css. В отличии от редактирования userChrome.css/userContent.css не требует перезагрузки.

Ребята я понимаю Вам всем не до меня, а никто не может подсказать как оно работает :) . Или оно опять для Висты? Но вроде ничего не написанно.

По адресу http://userstyles.org/ достпна коллекция скриптов.

Понажимал все что мог,посохранял но ничего не меняется толком. Для чего оно, может я не правильно понял для чего?

Фома

Виста тут не при чем.Нужно выбирать стили.Не все и не на всех версия FF,работает.Есть под двойку а есть на третью версию.
Расширение это,многофункционально.Я его поставил в ряд(для себя есно)самых юзабельных и необходимых мне.С его помощью можно менять,внешний вид лисы,блокировать рекламу,изменять вид посещаемых сайтов и  страниц почтовых ящиков.Короче все не перечислить.Фактически,оно может все,главное правильно написать код.

Ребята я понимаю Вам всем не до меня,

А вот это,зря вы.Для того этот форум и существует.Если бы всем было не до...,то право,я многого не смог бы понять.В частности,для чего,то ил иное расширение.

MySh

раскраску полос прокрутки?

Ну, скроллбары, по-видимому, перекрасить можно (есть подобные прецеденты навроде RichScrollbar), но парсер CSS-селекторов на JavaScript – это те еще тормоза (правда, Text Shadow как-то работает =)).

Несколько примеров применения расширения.
http://i037.radikal.ru/0806/88/4399b0bb44e6.jpg
http://i021.radikal.ru/0806/ab/ff82e29df5a5.jpg
Этот стиль,меняет вид страницы,на Gmail
http://i015.radikal.ru/0806/12/ce1d238cd15b.jpg

Добавлено Thu Jun 12 17:47:09 2008 :

Infocatcher

Кстати по вышеприведенной ссылке,есть стиль для окраски скролов.
Вах пардонес.Ошибся,но видел на http://userstyles.org точно.

Несколько примеров применения расширения.

Не ну красиво - ну и как такое сделать то? Версия Firefox 2.0.0.13, не ну у меня и 3 версий много если надо. Расширение поставил  -  ну дайте ссылку что конкретно на него еще установить что бы получить такое.

Панельки как так раскрасить? А то все уже перекачал нашел только как вкладки красить и какае то полосочка снизу появилась. Я там до утра буду лазить ничего не найду. Какими стилями браузер так размулевать ?Без стилей страниц.

vv07 пишет:

Несколько примеров применения расширения.
http://i021.radikal.ru/0806/ab/ff82e29df5a5.jpg

а это случайно не мой стиль "matrix"? :D

а это случайно не мой стиль "matrix"?

Ваш,не Ваш какая теперь разница - кто нибудь скажет наконец откуда именно их качать ? :)
Там слишком много на сайте всего и не понятно чего.

vv07 пишет:

А вот в стиле,по ru_board,есть косячок.Поправить бы как то.При просмотре тем,не отображаються цифры страниц,для переходов.

Пофиксено, стиль обновлен на userstyles.org

Добавлено Thu Jun 12 23:27:39 2008 :

Фома пишет:

кто нибудь скажет наконец откуда именно их качать ? :)

С сайта userstyles.org. Заходишь на страницу со стилем и жмёшь кнопку "Load into Stylish" и потом "Сохранить". Стиль автоматически сохраняется и активируется. Даже эффект в большинстве случаев наступает сразу, максимум после рефреша страницы.

Фома пишет:

Там слишком много на сайте всего и не понятно чего.

Не понятно наверно только из-за не достаточного уровня владения английским.
Ну что ж... краткий экскурс:
На сайте есть форум по адресу http://userstyles.org/forum/
И есть собственно сами стили, залитые пользователями.
Стили на сайте поделены на 3 группы:
1. Site styles - стили для изменения интерфейса конкретых сайтов ( http://userstyles.org/styles;site ) проще всего найти стиль для определённой страницы это зайти на эту страницу и нажать в стайлише кноппку "найти стили для этой страницы"
2. App styles - стили для изменения интерфейса самого браузера и расширений. Т.е. изменение цветов и формы всяких баров, кнопок, скроллбаров и т.п.
3. Global styles - общие стили, предназначенные для изменения интерфейса для всех страниц сразу. Например изменение вида, цвета и формы посещённых ссылок, изменение курсора мыши в зависимости от цели и т.п.

amzoom, что-то ничего не обновилось... Сорри, вот теперь всё отлично, спасибо!

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

Теперь понятно. Правда легче не стало - штук 50 установил чуть клаву не спалил :) а эффекта ноль. Так, кое какие кнопки меняються и панельки - но это не красиво в таком виде по отдельности. Собрать этот конструктор во что то красивое не представляю возможным.

а это случайно не мой стиль "matrix"? big_smile

Он самый :) Круть:beer:,мну нравиться.


Добавлено Fri Jun 13 04:32:41 2008 :

Фома

Уточните плиз,что именно,вы хотите изменить?Стиль виста подойдет?Кнопки от Netscape?Фоны about:blank?
Ну и пожелание наверное.освойте в приемлемой форме пиндос.На сайте,каждый стиль,имеет неплохое описание,так что выбрать труда не составит.
Так на вскидку
Eye of Sauron [BGTF logo]

Выделить код

Код:

/*   about:blank - Eye of Sauron [BGTF logo]      */
/*      By "Bulgarian Tolkien Forum"              */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("about:blank") 
{
* {
background:  url("http://bgtolkienforum.org/stylish/sauron.jpg");
margin:0px;
background-color:#000;
background-position:center;
background-attachment:fixed;
background-repeat:no-repeat;
}
}

Для about:blank.Только ребутните лису,что бы изменения,вступили в силу.

Для изменения цвета текста,строки поиска и загрузки

Выделить код

Код:

/* Urlbar and searchbar background and text color */
#urlbar, #searchbar .searchbar-textbox{
background-color: #F6F6F6 !important;
color: #000099 !important; }

Синий,но можете изменить этот параметр #000099 ,на тот,который нужен вам.

vv07 пишет:

а это случайно не мой стиль "matrix"? big_smile

Он самый :) Круть:beer:,мну нравиться.

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

amzoom

Блин,вопрос один.Вы чем стили делаете?Пытаюсь самим расширением,но выходят,только глобальные:whiteflag:

в смысле они применяются сразу на все страницы чтоль?
ну первой строкой в стиле обычно идёт определение пространства применения (@namespace) для стиля.
если нужно создать site style то жмёшь создать стиль -> и выбираешь либо для этой страницы (sumprtin.site.ru/kartinki/vzroslie.html), либо для этого префикса.домена.зоны (sumtin.site.ru) либо просто для домена.зоны (site.ru)
если нужно создать app style, то жмёшь создать стиль -> пустой стиль -> пространство имён XUL
правда и в некоторых app style-ах вообще отсутствует @namespace

Не хотел писать,но все таки.Дайте мне старый код для руборда.Если кому то нужна эмблема,то пусть пользуються новым стилем,ну а я,так  и быть,обойдусь без номеров страниц,но старый меня больше устраивал.Чище

эээ, как можно читать тему форума без возможности листать страницы? %)
а вообще, в сочетании с "matrix" там и так минимум миниморум остаётся...

вот пытался я всячески изрезать над форумом ненужную информацию, но при этом оставив нужную (номера страниц и кнопки "Отметить все прочитанным" и "Активные темы категории"), но нииииикак не получилось, из-за того, что они все под одним классов .dats и уникальных параметров найти не удаётся... получаются слишком общие правила и режется нужная информация, что не является нашими методами.

Итог: решил оставить стиль как есть.
Любителям совсем уж хардкора, могу посоветовать добавить

Выделить код

Код:

.dats {display: none !important;}

.dats

Что это дало,так и не понял.Ну а по матрице и стилю руборда.
Вот смотрите http://i038.radikal.ru/0806/88/064ac7b7e5d1.jpg
Зачем он надо то.Пусть уж лучше без номеров,но и этой гадости тоже.

рекламу-то чего не зарезал? Ад блок плюсом

Ад блок плюсом

Не использую

ээээ)))
как без него можно жить? это же... это же ты в инете видишь РЕКЛАМУ!!!? жесть %)
вобщем ставь не раздумывая)

amzoom

Да нет в общем то.Мне хватает NoSkrlpt.Тут  вот какое дело.
Нужен стиль,глобальный.Функция только одна,изменение фона страниц.В матрице к примеру черный,а мне нужно светло-серый.Сильно глаза уставать стали,от белого цвета.Короче изменять,только цвет фона страниц.

@namespace url(http://www.w3.org/1999/xhtml);
*{ background: значение !important;}

@namespace url(http://www.w3.org/1999/xhtml);
{*{ background: значение !important;}}

Что то не выходит,выдает ошибку:angry:

там где в коде "значение" нужно вставить цвет: Вставить -> Цвет :)

Я и говорю не выходит.Не совсем тупой то:usch:
http://i056.radikal.ru/0806/4f/e388e0aa5dca.jpg

vv07

Я и говорю не выходит.

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);
* { background: значение !important; }

Правда, не проверял...

vv07 пишет:

Я и говорю не выходит.Не совсем тупой то:usch:
http://i056.radikal.ru/0806/4f/e388e0aa5dca.jpg

ой... по нетрезвости ума написал лишние скобки. { }

Infocatcher

Есть контакт.:rock:
Тут инт ересное сочетание получилось случайно,но очень понравилось.
http://i014.radikal.ru/0806/97/bd5db088968b.jpg
Запустил этот стиль,с серым фоном

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml); * { background: значение !important; }

Затем отключил его и запустил matrix,без обновления страницы,вот и получилось весьма неплохое сочетание.

amzoom

Может подумаете,на базе  matrix,но с таким фоном.Красиво и глаза отдыхают.

vv07

Кстати по вышеприведенной ссылке,есть стиль для окраски скролов.
Вах пардонес.Ошибся,но видел на http://userstyles.org точно.

Посмотрел раздел "App Styles", из похожих на решение задачи нашёл только стиль Coloured Scrollbars. Но я из описания не смог понять: он действительно окрашивает полосу прокрутки в соответствии с параметрами CSS сайта? Или он просто позволяет раскрасить её по своему желанию? Если первое, то это то, что нужно, если второе — нафиг не надо...

MySh

Предполагаеться окраска полосы прокрутки,но судя по отзывам,меняеться только фон.
Вообще то,речь об окрасках сайта.

ээээ)))
как без него можно жить? это же... это же ты в инете видишь РЕКЛАМУ!!!? жесть %)
вобщем ставь не раздумывая)

Я вот без него. Это не жизнь?
Тем же Stylish обхожусь.

MySh

Но я из описания не смог понять: он действительно окрашивает полосу прокрутки в соответствии с параметрами CSS сайта? Или он просто позволяет раскрасить её по своему желанию? Если первое, то это то, что нужно, если второе — нафиг не надо...

Без скриптов соответствия раскраски CSS-правилам не получится...

Синий,но можете изменить этот параметр #000099 ,на тот,который нужен вам.

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

Фома HTML Colors :)

Фома

Дружище,откройте редактирование стилы.Там есть кнопочка,вставить.Выберите цвет и вставьте,вместо синего.:dumb:

Al_H пишет:

Я вот без него. Это не жизнь? Тем же Stylish обхожусь.

Ну, во-первых траффик всё равно кушается, загружая баннеры, я думаю ты в курсе. Быстродействие - говорят с АВР шустрее, т.к. он совсем не загружает контент, а отличии от Stylish, который его загружает, но не показывает (даже не логично). Тебя считают все счётчики (как пастухи овцу).
Я сильно сомневаюсь, что через Stylish можно написать хорошие preset фильтры, которые были бы достаточно универсальны для того, чтобы при заходе на новую страницу реклама чУдным образом порезалась бы, за счёт уже имеющихся фильтров, а не пришлось бы дописывать исключения в стиль.
Нет. Это - не жизнь.

Добавлено Fri Jun 13 17:14:25 2008 :

vv07 пишет:

Может подумаете,на базе  matrix,но с таким фоном.Красиво и глаза отдыхают.

Мне чёрный понравился больше. Из-за своей жёсткости прям. Такого инета - нет ни у кого :)
ну а чтобы просто сменить черный на серый фон в матрикс...
ну я думаю не сложно догадаться, что нужно сменить в коде только цвет для background

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);
*{ background:#C0C0C0 !important; color:#00AA00 !important;}
a { color:#0040FF !important;}
a:visited { color:#8040FF !important;}
a:hover { color:#CCCCCC !important;}

Фома HTML Colors

Z&N а Вы что не знали что в редакторе Stylich такое есть ? :)
vv07 Вы сами написали что бы я сюда писал, а не в личку - поэтому я не причем.Из Ваших ссылок
http://i037.radikal.ru/0806/88/4399b0bb44e6.jpg
Как мне собрать вот такой вид браузера, без стиля страниц, можно? Я штук 30 скачал с сайта стилей но ничего подобного не нашел особо, так нижняя панелька черной стала и все, даже на ней букав не видно. Ну мне хотя бы примерно. Хотя столько всяких кнопочек снизу на панели(закопаться можно) - где Вы их взяли?

Фома пишет:

Как мне собрать вот такой вид браузера, без стиля страниц, можно? Я штук 30 скачал с сайта стилей но ничего подобного не нашел особо, так нижняя панелька черной стала и все, даже на ней букав не видно. Ну мне хотя бы примерно. Хотя столько всяких кнопочек снизу на панели(закопаться можно) - где Вы их взяли?

Для твоей задачи ты выбрал неверное решение. Тебе не нужен для этого Stylish, лучше просто поставь себе тему для браузера.
дерзай

Фома

По кнопочкам сразу поясняю.Это делал я сам:tongue2: Тут треба самому или готовые настройки использовать,но сразу оговорюсь,свои давать не буду.
Для того,что получить эффект прозрачности,используйте этот стиль
Transparent Firefox

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* this style allows transparent toolbars, tabs bar & status bar */
/* tested on default theme only and firefox 2.0 */

/* Transparency */

#navigator-toolbox {
   -moz-appearance: none !important;
   background-color: transparent !important;
}

#browser .plain { background-color: transparent !important; }

.tabbrowser-tabs {
   background-image: none !important;
   background-color: transparent !important;
}

#urlbar:not([level="high"]):not([level="low"])  {
   background-color: transparent !important; 
}

.searchbar-textbox { background-color: transparent !important; }

#status-bar {
   -moz-appearance: none !important;
   background-color: transparent !important;
}

/* background image -> it will eat some RAM resource (2 Mo) */
#main-window {
   -moz-appearance: none !important;
   /* choose your image thanks to Stylish > Insert > URI Data */
    background-image: url("http://www.enregistrersous.com/images/145679654120071022174003.jpg") !important;
}
/* Background Image for toolbars & statusbar, more readable */
#navigator-toolbox, #status-bar {
   /* choose your (transparent & clear) image thanks to Stylish > Insert > URI Data */
   background-image: url("
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAVCAYAAACnvtv5AAAABGdBTUEAALGPC/xhBQAAABh0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjAxHK4kRQAAAHhJREFUaEPt10EKwCAMRFG9/77XTbEX6EYGBp7gViHfn4l7Zp5l9VXggLP7arBA64P2dUnggNNyg7HDuGCxb3Y34IDrzIqbFiTPYhzjGMe4UguAA+73ayXjSh8JcMAZTmRcqQXAAWc4SVqQvMtwUmo3cMCZKpOt8gUvXLyfLua7ewAAAABJRU5ErkJggg==
        ") !important;
}

/* Allows searchbar & urlbar readable */
.searchbar-textbox, #urlbar:not([level="high"]):not([level="low"]) > 
                     .autocomplete-textbox-container {
   /* choose your (transparent & clear) image thanks to Stylish > Insert > URI Data */
   background-image: url("
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAVCAYAAACnvtv5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABh0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjAxHK4kRQAAAHhJREFUaEPt18EJACEMRFEtbfsvKovbwF5kYOAJXhXy/Zm4Z+ZZVl8FDji7rwYLtD5oX5cEDjgtNxg7jAsW+2Z3Aw64zqy4aUHyLMYxjnGMK7UAOOB+v1YyrvSRAAec4UTGlVoAHHCGk6QFybsMJ6V2AwecqTLZKl8cVeGlDmCZVQAAAABJRU5ErkJggg==
     ") !important;
        }

/* chose Font color, don't forget to UNcomment -> *
#main-window toolbarbutton {
color: #FFFFFF !important;
}

#main-window toolbarbutton:hover {
color:#000000 !important;
}

#status-bar {
color: #0000FF !important;
}
/* you also can change menubar font color */

Для изменения темы,используйте тему mgant-1.4
взять можно тут
https://addons.mozilla.org/ru/firefox/browse/type:2
Для добавления кнопок на панель,основного меню
стиль
Sliding Menubar

Выделить код

Код:

/*-------------------------------------------------------------------
    Sliding Menubar for Stylish
    by LouCypher (aka Zoolcar9)

    Hides the main-menubar.
    Move your mouse to Firefox icon to display the main-menubar.

    If you're using userChrome.css, use the code at
    http://zoolcar9.lhukie.net/mozilla/userstyles/slidingMenubar.css
  -------------------------------------------------------------------*/

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#menubar-items {
  background-image: url("data:image/png;base64,
iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS
3X78AAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpg
AAA6mAAAF2+SX8VGAAAEJElEQVR42mL8//8/g56kvvbvf4wfrr+88JQBCDiNaoSY/v4M
+sfMbgriSwp+eK3Lf/qDHO8n11u3mS8fOclQ9/XvlW8gOYAAYgERZSlGi1TUtaQc7NK0
rn3nmxBsyBlnqybAcP2XLMN7bmmGV68/Mry6ycOwMHT/f34eZrclO7kiZXh0Y558ubwf
IIAYQS44OqXgjYGloTDTi+0MjEysDD9EgxhmHv7AwKFuwMAoLMHw5x8Dw9effxjET9Yx
pJpdZ/jLwMKw9yzzp+j6d/YAAQBBAL7/AiASNBEA+eoCBvXTAAAD/AD6AyYA/9+2APTN
ngDDu74A2Ov1AOPy+QDx+v4Azyx9AJDOOgADAPwARzb6Di4hAmUCiDnOWas1zovf6fe3
Fwx/Xj1m+PvuNcNfZlkGczV5hiWnXzKc59FieP7lD8PXX38ZfgKdcuqbHIMf2y4Gbk5g
WP1nkgUIAEEAvv8EEQPzJf/u4QD9AQQA/fL1AAL8/gAOCOcAlM4CAMQWUgD87/gABQP6
AOYFAQATCgUA9/X+AN/qAgAWE/8AQCwEFQIAQQC+/wTt9f0D/ezvAP4FAAD8+P8A6N72
AH647gDHDDMA/SgQAAD8/AD7/gIA7/wBAPn7/QD829UA7CT9AAAsBACw0QYDAojp64MP
wn9eAw349o3h21dmBmZWFgZ93rcMHDx8DOuepzJU3ahk4L9+mOHvv78Mn7//ZuB9fY3B
U+0/0P0cDNzifxkAAgBBAL7/AuDqBOLz4PMAAPLyAAwMBwARIxwAbDUFAMIhpgA7EekA
cB3SADLyzgAA/P0AAff1ACb/4AACIgwAAAsHAPXpAwACAEEAvv8C2fcBotTV/AD96/YA
BP7qAAz/7AAB/fcAuMz0AFu/LAAd1W0AwDBoAAL39QBIzpEAmEHnAAAZLQD++QAAjrPx
swIAQQC+/wP0/uzd7vgXbTz/8wkGEv0ABQ8NAAH25AAUEgwAwfETAO0EFAAV5M8Aae6o
AJpK8AAVUC8AAO/9AIKH1QCzyPVVAgickLgFzPLrf1ye4K71g4HXQpBBUI4d6OT/DGxf
uBn+/vrP8A8YkEzsTAzMOn8Z2OUUGM5u/MjgsoTryJe3Jx0BAghsACMjI7egkMXe4o+X
zF15vjFwqjAx8KhyM/CKczMwsjEA0x0bAyPrfwYOuX8Mu85wMyRt4X/4+sVpc6DelwAB
BDOAEZglRNjEHWcbfH3mH/btIYPmvx8MQEsZ2MUYGdhVWBhesPMyzH8qwrD9g8TFHy8O
hQLVPwDq/Q0QQGADQABoBlA5gyATl5QpC596LdAT+lz//nIzMvxn+MbE+usHI8vTf38/
zvrz6uQyoLoXQH2/QPoAAghuAAwADeIAuQaIRYGYl4lLgu/ftxevgew3QPwKiL8C9fyD
qQcIMACDoJbT47bbfAAAAABJRU5ErkJggg==") !important;
  background-repeat: no-repeat !important;
  background-position: 5px center !important;
  padding-left: 24px !important;
}

#menubar-items > #main-menubar {
  display: none !important;
}

#menubar-items:hover > #main-menubar {
  display: -moz-box !important;
}

Остальное создаеться,расширениями.Их много надо ставить.Оно вам надо:lol:?

Добавлено Fri Jun 13 17:46:35 2008 :

amzoom

Да и догадываться не надо,я давно уже создал свой,на базе матрицы,но я как бы,не это подразумевал.Матрицу изменять я тоже не собираюсь.Она мне очень нравиться.
Кстати есть одна проблема.При применении таких стилей,изменения к сожалению,затрагивают и сам браузер,что ни есть хорошо.Я не хотел бы,что бы у меня,изменялся about/Нельзя ли это обойти как то?

amzoom

Так вот,идея в следующем.Вы наверняка знаете заставки и анимированные обои,под матрицу.Почему бы,не замутить подобный стиль,только вместо звездочек,падающий дождь матрицы :tongue2: Какова мысля?:angel:

vv07 пишет:

Так вот,идея в следующем.Вы наверняка знаете заставки и анимированные обои,под матрицу.Почему бы,не замутить подобный стиль,только вместо звездочек,падающий дождь матрицы :tongue2: Какова мысля?:angel:

Сам изначально думал об этом же. Потом просто забыл (или забил). Я не знаю где-бы найти красивые гифки типа зелёные символы из матрицы.
+ я не уверен, что можно поставить на бэкграунд гифку и чтоб она проигрывалась. Тем более это может оказать затормаживающий эффект - нужно будет "замостить" весь фон этой гифкой... а может тормозить и не будет... не знаю.
Вобщем вот код, только нужно найти картинку:

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);
*{ background:#000000 !important; 
  color:#00AA00 !important;
  background-image: url(путь к файлу)
  background-repeat: repeat !important;}
a{ color:#0040FF !important;}
a:visited { color:#8040FF !important;}
a:hover { color:#CCCCCC !important;}

vv07 планету земля в браузере установил - спасибо :) .

Для добавления кнопок на панель,основного меню стиль Sliding Menubar

А на нижнюю панель какой стиль надо что бы впихивать все подряд? И где Вы столько кнопок взяли - смайлики, буквы какие то, ВВкоды? А на Винде что за стиль у Вас? С помощью какой программы?Ну в 2 словах, если можно.

Тебе не нужен для этого Stylish, лучше просто поставь себе тему для браузера.

Что то искал ничего не нашел симпатишного, но там сайт по спутнику идти не хочет почему то, а без спутника нереально долго грузит показ тем, до утра все не пересмотришь.

а Вы что не знали что в редакторе Stylich такое есть ?

Фома там всего 70 цветов ;)

vv07 пишет:

Так вот,идея в следующем.Вы наверняка знаете заставки и анимированные обои,под матрицу.Почему бы,не замутить подобный стиль,только вместо звездочек,падающий дождь матрицы :tongue2: Какова мысля?:angel:

Анимированные гифки примерял - по фону то они расползаются и вполне нормально проигрываются. Даже притормаживание не такое сильное, как ожидалось, но уж очень сильно оно отвлекает...
Кстати и текст зелёный на фоне теперь уже чёрно-зелёного фона - тоже как-то не очень смотрится, поставил белый - стало читабельно.
Попробуй:

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);
* { background: url('http://drug0y.narod.ru/m_matrix.jpg') !important; color:#FFFFFF !important;}
a { color:#0040FF !important;}
a:visited { color:#8040FF !important;}
a:hover { color:#CCCCCC !important;}

Неплохо,но я все таки наверное воткну гифку,если найду приличного размера.

Добавлено Sat Jun 14 16:57:30 2008 :
@namespace url(http://www.w3.org/1999/xhtml); * { background: url('H:\Default User centurion\extensions\{46551EC9-40F0-4e47-8E18-8E5CF550CFB8}\m_matrix') !important; color:#FFFFFF !important;} a { color:#0040FF !important;} a:visited { color:#8040FF !important;} a:hover { color:#CCCCCC !important;}
Уф,в таком варианте,почему то не пошло.Что не так сделано?Хотел картинку с диска поставить.

Не идет и кажеться я догадываюсь,в чем причина.Вы создали стиль для вебстраницы,а нужен для about:blank

Ваш вариант идет,а если сделать правку под меня,то не идет:cry:

Странно, глюк.
у меня если указать путь к файлу на диске и нажать "применить" то стиль применяется к фону окна Stylish, т.е. часть нормального поведения всё же наблюдается, но на сайтах фон становится белым.
Ну выход из этой ситуации - сделать вставку data: URI и указать на файл, тогда он перекодируется в base64.

Все же, каким стилем впихивать кнопки на нижнюю панель :rolleyes: ?

Фома
ну вот впихнул сколько кнопочек было в Toolbare ;)
http://ipicture.ru/uploads/080615/thumbs/MRVd3fzguL.jpg
http://ipicture.ru/uploads/080615/thumbs/wz4E329VGk.jpg
http://ipicture.ru/uploads/080615/thumbs/mF607SSHkO.jpg
надо просто установить All-in-One Sidebar, настроить его в расширенном режиме а затем создать новую панель инструментов через правый клик мышки по панели >Настроить
http://ipicture.ru/uploads/080615/thumbs/64j2nvI2QM.jpg

Если честно,то я не понял,как вы умудрились запихать на статусную строку кнопари.Вообще то,для этого существует единственное расширение,Status Buttons.Других незнаю,а создавать лишнии панели:whistle: Я стараюсь спрятать существующии,что бы расширить главное окно,а вы наоборот создаете:dumb: Создать дополнительные кнопки,какие вам надо,можно с помощью Custom Buttons.

vv07 это только опция такая Создать панель на самом деле как был статус бар так и останется , просто All-in-One Sidebar позволяет через свой расширенный режим  впихивать туда кнопочки ;)

Все разобрался,но все равно меня не устраивает это расширение.Если бы была возможность отключить ее постоянное нахождение в главном окне,то да.А так только мешает блин.Даже из за строки состояния,юзать ее не буду.Нахрена она мне постоянно перед глазами.

vv07 как постоянно,оно же прячится ;)

Добавлено Mon Jun 16 03:21:23 2008 :
правда я им и не пользуюсь,да и кнопочек мне столько не надо в статус баре :angel:

для этого существует единственное расширение,Status Buttons.

ага, попробовал-принцип тот же но ничего лишнего :beer:
Status Buttons все же с его помощью разгружу немного панельку инструментов :lol:

Угу,но давайте не будем флудить.Здесь тема о другом.У мну уже есть замечание,боси не хочу:tongue2:

А можно по теме :) ? Как сделать Transparent Firefox посочнее, вернее убрать эту туманность Андромеды.А то какое то все блеклое. Возможно не будет смотреться,т.к. сольется с общим фоном вкладок Tabs Transparence и пустой страницей, но все же хочу испробовать.

Фома

Енто  не ко мне,туть я пас.

color: #FFFFFF

Ну там же должны быть циферки отвечающие за это :) . Tabs Transparence идет без затемнения же. Значит что то в Transparent Firefox впихнули для осветления?

мне вот интересно как сделать что бы в Transparent Firefox вместо пустой страницы открывалася полностью фоновая картинка что туда вставленна :lol:

Картинку эту,скачать сперва надо:cool:

Мда уж.Весьма неприятная ситуация.Стилишь создает проблемы с установкой тем,для лисы в FF3
Что делать незнаю.

Картинку эту,скачать сперва надо

А где эта картинка вообще расположена? Ну земля со звездами. Можно другую впихивать или нет? Хотя эта суперкрасивая, но вдруг надоест.

Привет спецы.Есть отличный стиль Auto-hide Statusbar,но к сожалению,его недостаток в том,что он скрывает статус полностью,а не так,как в аналогах(Auto-Hide Toolbar),при наведении автоматически всплывает.
КОд привожу обоих.
Нельзя ли поправить сие.
Auto-hide Statusbar

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

@-moz-document url(chrome://browser/content/browser.xul) {
  #status-bar {
    margin-bottom: -20px !important;
  }

  #status-bar:hover {
    margin-bottom: 0 !important;
  }
}

Auto-Hide Toolbar

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#navigator-toolbox:not(:hover) > toolbar:first-child + toolbar ~ toolbar {
    display: none;
}

/*

#navigator-toolbox:not(:hover) ~ #browser-stack .tabbrowser-tabs {
    display: none;
}

 * If you want you can copy the code above and paste after
 * this line if you wanted to hide the tab bar when the mouse is not over. */

Добрый день, кто-то может мне дать фак на русском или помочь создать для одного сайта стиль? Как я читал, толком то что мне нужно не сложно, но  я не умею ничего smile Получается есть сайт http://people.md/ и мне нужно сделать так, чтобы прокручивалась лишь вредняя часть сайта, а верхняя полоска, левая и правая стояла на месте, ну а так же поинтересоваться - возможно ли вообще полностью менять сайт "под себя" ? фоны, цвета, кнопки выносить куда удобно и прочее?
даже не просто верхняя полоска а больше немного, просто на главной странице удобно чтобы вся средняя часть сайта крутилась вниз, а на странице профайла удобно что бы крутилась тоже средняя часть сайта, но не сверху а от фотки скажем. Просто мне как модератору сайта желательно чтобы всё под рукой было (:

sancheese пишет:

Добрый день, кто-то может мне дать фак на русском или помочь создать для одного сайта стиль? Как я читал, толком то что мне нужно не сложно, но  я не умею ничего smile Получается есть сайт http://people.md/ и мне нужно сделать так, чтобы прокручивалась лишь вредняя часть сайта, а верхняя полоска, левая и правая стояла на месте, ну а так же поинтересоваться - возможно ли вообще полностью менять сайт "под себя" ? фоны, цвета, кнопки выносить куда удобно и прочее?
даже не просто верхняя полоска а больше немного, просто на главной странице удобно чтобы вся средняя часть сайта крутилась вниз, а на странице профайла удобно что бы крутилась тоже средняя часть сайта, но не сверху а от фотки скажем. Просто мне как модератору сайта желательно чтобы всё под рукой было (:

http://www.htmlbook.ru/css/position.html

Drug0y, прочёл, но тем неменее объясните, будьте добры, как мне всё же в стайлиш запихнуть это?

посмотри на чужие стили и поймёшь как они пишутся.

Когда в программировании ты ноль, то вряд ли поймёшь.

когда в программировании ты ноль, то врядли тебе поможет объяснение того как тебе "всё же в стайлиш запихнуть это". Ибо бесполезно и будут появляться всё новые и новые вопросы.
Я сам в программировании ноль, но на примере чужих стилей довольно быстро понял что к чему и как оказалось весь базовый css изучить можно за день. Где все описано - ссылку я тебе дал. Берёшь стиль и смотришь в его код, если чет неизвестное написано - ищешь описание этого по ссылке, что я тебе дал. Удачи.

Drug0y, ок, баймусь тогда (:

Всем привет ;)  вопросик такой - можно ли написать стиль чтобы бегунок прокрутки на страницах соответствовал общему стили странички. Чтоб было понятней выложу скрины Оперы и FF.
http://img114.imageshack.us/img114/7863/operarm4.th.jpg

http://img392.imageshack.us/img392/1046/ff31sw6.th.jpg

И еще вопрос или скорее просьба :whistle:  Пытаюсь на одном форуме заменить цвет фона и шрифта и что то не получается никак :dumb: Подскажите пжалуста, что я делаю не так

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

@-moz-document domain("forum.tomsk.ru") {
background: #C0C0C0;
write: #000000
}

Sergik1

можно ли написать стиль чтобы бегунок прокрутки на страницах соответствовал общему стили странички.

Нет, нельзя.

Подскажите пжалуста, что я делаю не так

Много чего. :) Надо примерно так:

Выделить код

Код:

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

@-moz-document domain("forum.tomsk.ru") {
  * {
    background-color: #C0C0C0 !important;
    color: #000000 !important;
  }
}

Вместо звёздочки можно через запятую перечислить элементы, для которых будет применяться правило.

Sid Молодца, твой стиль работает :rock:  А то что FF не отрисовывает стили полос прокрутки я знаю, поэтому и спрашивал о возможности самому это реализовать.

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

sancheese
Одним сообщением выше Вашего, как раз опубликован нужный код, замените адрес домена и значения цвета на нужные Вам и получите то, что хотите.

Лия
Спасибо - это как раз то, что мне необходимо, очень выручили.

Какой тег задает цвет фона поля для ввода текстовых сообщений?

кто нибудь ответьте пжалуста :/  В моем стиле цвет фона страницы и поля для ввода текста одного цвета получились, не очень удобно :usch:

Sergik1
А ты для INPUT поменяй фон...

напиши пожалуйста полный пример, я вобще не понимаю в этом ничего :/
Вот мой стиль:
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forum.tomsk.ru") {
  * {
    background-color: #666666 !important;
    color: #CCCCCC !important;
  }
a:visited { color:#FFFF99 !important;}
a:hover { color:#FF6600 !important;}
a { color:#CCCCCC !important;}
}

Sergik1
По аналогии с предыдущими правилами. Что-то типа такого:

Выделить код

Код:

input, textarea {
  background-color: #cccccc !important;
  color: #666666 !important;
}

Sid Спасибо !!!

В связи с частым падением сайта userstyles.org - ни у кого кроме меня не возникает идеи перенести базу скриптов куда-нибудь? может даже на этот форум...
Я думаю не так много места потребуется, ведь там от силы 10% скриптов понадобятся русскоязычным пользователя. Ну кому интересен французский сайт знакомств (?) orkut.kom для которого на userstyles.org тысяча стилей содержится?
Кто-нибудь поддерживает такую идею? Если да, то возможно потом, это сообщение, вдруг, увидит какой-нибудь модератор или кто-то из стаффа и тогда, возможно, он и не откажет.

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

Полная поддержка

Drug0y

В связи с частым падением сайта userstyles.org - ни у кого кроме меня не возникает идеи перенести базу скриптов куда-нибудь? может даже на этот форум...

Если только в виде подфорума навроде FAQ'а – как у конкурентов (:D). Русскоязычным пользователям будет полезно.
Все дело в наличии желающих создавать эту самую базу. =)

Поддерживаю насчёт создания баз для русских сайтов--полазил я там одни только скрипты для гмейла тупого,даже для русских почтовиков--не шиша, полезного для себя нуль. Короче снёс все эти гризманки и обезьянки как мусор--ибо бестолку: заумно и бесполезно
(как проксомитрон)

Romanych

даже для русских почтовиков--не шиша, полезного для себя нуль

Так ведь стили сами по себе не появляются, их пишут люди, такие же юзеры, как мы с тобой. Если их никто не создаёт и не публикует, значит никому, кроме тебя, стили для русских почтовиков не нужны. Боюсь, это действительно так и есть.

Drug0y

В связи с частым падением сайта userstyles.org - ни у кого кроме меня не возникает идеи перенести базу скриптов куда-нибудь? может даже на этот форум...

А смысл? На userstyles.org создана централизованная система хранения стилей, есть рейтинг, поиск, превьюшки, отзывы, возможность обновления стиля самим автором, удобно сворачивается код, довольно просто опубликовать стиль и за два щелчка можно его установить. То есть сайт живёт своей жизнью и сам по себе обновляется, в то время как на нашем форуме этим придётся заниматься вручную. Не так уж часто userstyles.org падает, чтобы тратить силы и время на создание его копии, которая заведомо будет намного хуже оригинала.

здравствуйте, помогите со стилем для overclockers.ru -> любая новость
при использовании данного стиля реклама посреди новости удаляется, но остается много пустого места. подскжте где я неправ


Выделить код

Код:

namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("overclockers.ru") {
 /* контур таблицы с рекламой */
td [class="uhobor"]
 {display: none !important;}

/* таблица с рекламой */
 table [cellspacing="0"] [cellpadding="0"] [border="0"] 
 {display: none !important;}
}

В виде для адблока это как-то так...

overclockers.ru##TD[valign="top"] > BR + CENTER

Соответственно для обычного CSS можно попробовать:

Выделить код

Код:

TD[valign="top"] > BR + CENTER { display: none !important;}

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

А это для заголовка, правило всё для того же адблока:

overclockers.ru##BODY > DIV[align="center"]:first-child
overclockers.ru##TD[valign="bottom"] + TD[align="right"]
overclockers.ru##BODY > TABLE.navbg + CENTER

Опять же в формате для Adblock Plus:

Выделить код

Код:

forums.overclockers.ru##TABLE.forumline + DIV[align="center"] + TABLE[height="67"][cellspacing="0"][cellpadding="0"][border="0"][width="100%"]
overclockers.ru##BODY > DIV[align="center"]:first-child
overclockers.ru##BODY > TABLE.navbg[height="22"][cellspacing="0"][cellpadding="0"][border="0"][width="100%"] + CENTER > BR:first-child + CENTER
overclockers.ru##P > TABLE[cellpadding="5"][border="0"][width="100%"]:first-child
overclockers.ru##TABLE.navbg + CENTER > BR:first-child
overclockers.ru##TABLE.navbg + CENTER > BR:first-child + TABLE[height="67"][cellspacing="0"][cellpadding="0"][border="0"][width="100%"]
overclockers.ru##TABLE.navbg + CENTER > BR:first-child + TABLE[height="67"][cellspacing="0"][cellpadding="0"][border="0"][width="100%"] + BR

Но бываю я там не очень часто, так что возможно скрытие лишнего... Или наоборот.

А есть же достаточно хороший стиль (ИМХО) для overclockers

Выделить код

Код:

/* v19 2008-03-30 */
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain(overclockers.ru) {
 table.navbg+center+table+table~*, td[width="12%"]~td[width="200"]>*, td[width="12%"]~td[width="12%"]>*,
   table[style="height: 67px;"], object, embed, div[embedsrc], table[height="67"], script[src^="http://ad.ad24.ru/"]~* { display: none; }
 DIV[style="width: 700px;"] { width: auto !important; }
 td[width="200"]:last-child { width: 12% !important; }
 #ar_container_1 { -moz-binding: url(http://d4c.game-host.org/xml.php?f=kill#k); }
}

@-moz-document domain(forums.overclockers.ru) {
 table[width="468"][height="60"] { display: none; }
 div[align="center"], div[align="center"]>table>tbody>tr>td { text-align: left !important; }
 A[target="_blank"][href="http://www.cnews.ru/news/"] { font: 10pt Tahoma; }
 INPUT[name="login"] { -moz-binding: url(http://d4c.game-host.org/xml.php?f=login#login); }
 TEXTAREA.post { width: 100% !important; }
 TEXTAREA+* { -moz-binding: url(http://d4c.game-host.org/xml.php?f=bbcode#bb); }
}

@-moz-document domain(people.overclockers.ru) {
 td[width="40%"] { display: none; }
 IMG[src="http://cp.people.overclockers.ru/images/logo.gif"] { position: relative; left: -16%; }
 td[width="10"] { width: auto !important; }
}

@-moz-document url-prefix(http://forums.overclockers.ru/viewtopic.php) {
 td.code { font-family: "Courier New" Courier !important; font-size: 10pt !important; }
 span.postbody { display: block; overflow-x: auto; overflow-y: hidden; padding-bottom: 1px; outline-style: none; }
 INPUT[name="post"] { -moz-binding: url(http://d4c.game-host.org/xml.php?f=ajaxmod#post); }
 A[href^="posting.php?mode=quote"] { -moz-binding: url(http://d4c.game-host.org/xml.php?f=ajaxmod#q); }
 A[href^="posting.php?mode=delete"] { -moz-binding: url(http://d4c.game-host.org/xml.php?f=ajaxmod#del); }
 A[href^="posting.php?mode=editpost"] { -moz-binding: url(http://d4c.game-host.org/xml.php?f=ajaxmod#edit); }
 input.editbutton { -moz-binding: url(http://d4c.game-host.org/xml.php?f=edit#edit); }
 INPUT[type="hidden"][name="city_need"]+br, span.postbody+span>br:first-child, span.postbody+span:empty+span>br:first-child { display: none; }
 td.gensmall>a.gensmall[href^="viewtopic.php"] { -moz-binding: url(http://d4c.game-host.org/xml.php?f=midpages#p); }
 a.widespace:not(:first-child) { margin-left: 11px; }
 div>span.copyright { -moz-binding: url(http://d4c.game-host.org/xml.php?f=doublepage#d); }
}

@-moz-document url-prefix(http://forums.overclockers.ru/posting.php?mode=newtopic) {
 INPUT[name="rules_readed"], INPUT[name="search_used"] { -moz-binding: url(http://d4c.game-host.org/xml.php?f=checks#c); }
}

@-moz-document url-prefix(http://www.overclockers.ru/lab/), url-prefix(http://overclockers.ru/lab/) {
 SELECT[onchange="document.location=this.value"] { -moz-binding: url(http://d4c.game-host.org/xml.php?f=pages#p); }
 #pageLoader { cursor: pointer; -moz-binding: url(http://d4c.game-host.org/xml.php?f=pages#l); }
}

@-moz-document url(http://www.overclockers.ru/), url(http://overclockers.ru/) {
 TABLE[width="300"][height="250"], TABLE[width="302"][height="245"] { display: none; }
 a[href$=".shtml"]:not([href*="/itnews/"]) { -moz-binding: url(http://d4c.game-host.org/xml.php?f=link2print#l); }
}

@-moz-document url-prefix(http://forums.overclockers.ru/profile.php?mode=viewprofile) {
 a[href^="http://www.icq.com/people/about_me.php?uin="] { -moz-binding: url(http://d4c.game-host.org/xml.php?f=icq#icq); }
}

@-moz-document url-prefix(http://forums.overclockers.ru/posting.php?mode=smilies) {
 body>span.copyright { -moz-binding: url(http://d4c.game-host.org/xml.php?f=smiles#s); }
 body { margin: 0; font-size: 0; }
 body>*:not(table) { display: none; }
}

спасибо

cr@nk пишет:

А есть же достаточно хороший стиль (ИМХО) для overclockers

Это не правильный ответ.
Правильный ответ таков: зайти на overclockers и нажать в самом stylish "найти стили для этой страницы".

Хм... Задам вопрос собссно по Stylish, а не по написанию стилей для него. Есть ли вариант настроить сортировку стилей в этом меню по алфавиту, а не по времени написания/добавления? Сортировка в окне 'Manage Styles' на меню никак не сказывается
        http://s60.radikal.ru/i169/0810/09/9394a35ce7f8.png

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

Drug0y
Вот у меня он прямо только что взял и открылся...
http://userstyles.org/

офигеть как я во-время написал) только-только сайт поднялся после 2-ух с чем то недель оффлайна)

Drug0y
А уж как я удачно на него заходить умудряюсь. Ни разу ещё не видел его лежачим.

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

Есть ли стиль чтобы размер страницы подгонялся под размер монитора? Не нравятся полосы прокрутки внизу экрана, т.е. горизонтальный скролл.

Что то не работает :( И вот ошибку выдаётся при сохранении скриптика  Expected ':' but found '='.  Declaration dropped  Если заменить знак = на : то страница тупо увеличивается. Получается зум на 100 лишних процентов.

Drug0y
Совершенно непонятно, что это за код? Это CSS? Откуда же знак равно? Если это преобразовать к синтаксису CSS, любой маленький элемент будет шириной с экран, и все они выстроятся в вертикальную полосу. Это то, чего Вы добивались?
Может, Вы имели в виду

Выделить код

Код:

* {max-width: 100% !important;}

?
Sergik1
Нет, стиля такого нет. Почему - пожалуйста, воспользуйтесь Поиском. На Форуме минимум в 5 местах подробно объясняется, почему нет ни такого стиля, ни скрипта или кнопки. Если Вы знаете алгоритм, по которому это делает Опера, скажите. Но и Опера это часто делает неудовлетворительно.

Мне тут пришла в голову одна крайне глупая мысль. Иногда мне приходят такие мысли. Гораздо забавнее то, что я их ещё и проверяю иногда...
Что ж, предлагаю вам проверить на себе такую вот мысль:
1. Открываем Стайлиш.
2. Нажимаем создание нового стиля.
3. В описании пишем "It was stupid".
4. В коде пишем:

Выделить код

Код:

* {display:none !important}

5. Сохраняем.
6. Радуемся.

Lain_13

6. Радуемся.

Представил :D
*ушел проверять*
*вернулся*
Мило :)

P.S. Лечится ;)

Lain_13
Ха! :lol: 5 баллов! Всё гениальное — просто.
Похоже, без рестарта браузера не обойтись. :dumb:

Sid
Я, как истинный мазохист, нажал на «сохранить» – все равно профиль, на котором стоит Stylish, тестовый, а проверить редактируемость stylish.rdf хотелось. :D

Подскажите, кто знает, как отключить stylish-ем перемещающийся при прокрутке страницы баннер. Например как вот тут http://tracker.nitrosyndrome.ru/ или тут http://www.soft-city.ru/

tarrant хм , ну и как он хоть выглядит этот баннер:lol: у меня Adblock Plus мешает его увидеть :whistle:

Замечание п. 3.7
Отключи и посмотри!
Sergeys

по центру экрана висит прямоугольник. при прокрутке страницы остается по центру. можешь сказать фильтр для адблока который "мешает" его увидеть? ;). Так то уже NoScript убрал эту пакость с экрана, но хорошо бы и твой метод знать )))

tarrant
Название темы читал? Для других расширений есть отдельные темы!

возникла проблема,сначала была с Stylish-ем,но уже заметил такое же и с другими расширениями:(
в чем заключается проблема,недавно FF предложил обновить Stylish,я согласился,подождал обновление и запустил FF заново,но Stylish,просто,напросто пропал:(,повторная установка Stylish-a и других расширений с такой же проблемой,ничего не дает,также бессмысленно проходит переустановка FF
ожидаю вашей помощи,заранее спасибо:)

Sharkeron
Попробуй удалить файлы extensions.* в профиле.

именно это я не делал,но чистил реестр и удалял профиль в ручную,не помогало((

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

Выделить код

Код:

@-moz-document url-prefix(http://), url-prefix(ftp://), url-prefix(file://), url-prefix(https://) {

* { color: black !important; background: none !important; background-color: #E5E5E5 !important}

* { font-size: 16pt !important;

  font-family: 'Comic Sans MS'!important;

} 

}

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

gambler
Для начала, можно заменить стиль на

Выделить код

Код:

* { color: black !important; background: #E5E5E5 !important }
* { font: 16pt 'Comic Sans MS' !important; }

Если URL вкладки, для которой нужно включить стиль, заранее не известен, то, я полагаю, только через закладку-букмарклет (вот только приоритет у таких стилей будет ниже):

Выделить код

Код:

javascript: (function() { var style = "* { color: black !important; background: #E5E5E5 !important }\n* { font: 16pt 'Comic Sans MS' !important; }"; var styleId = "__customStyleForReading"; function addStyle(win) { var doc = win.document; var head = doc.getElementsByTagName("head"); if(!head.length) return; head = head[0]; var stlIt = doc.getElementById(styleId); if(!stlIt) { var stl = doc.createElement("style"); stl.type = "text/css"; stl.id = styleId; stl.appendChild(doc.createTextNode(style)); head.appendChild(stl); } else head.removeChild(stlIt); } function parseWin(win) { try { addStyle(win); } catch(e) {}; for(var i = 0, len = win.frames.length; i < len; i++) try { parseWin(win.frames[i]); } catch(e) {}; } parseWin(window); })();

Повторный вызов отключает стиль.

Основа: _addStyle.js
Вместо
var style = "";
– нужный CSS.

var styleId = "__customStyle"; – уникальный идентификатор стиля (нужен для отключения при повторном вызове скрипта)

[UPD]
Ругалось при наличии фреймов с других доменов. Исправил.
К сожалению, стиль таких фреймов этим способом изменить нельзя.

Или вот такой стиль:

Выделить код

Код:

:root.__enableCustomStyleForReading * {
  color: black !important; background: #E5E5E5 !important;
  font: 16pt 'Comic Sans MS' !important;
}

+ такой букмарклет для включения:

Выделить код

Код:

javascript: (function() { var clss = "__enableCustomStyleForReading"; var clssRe = new RegExp("(^|\\s)" + clss + "(\\s|$)"); function toggleClass(win) { var root = win.document.documentElement; var cClss = root.className; cClss = clssRe.test(cClss) ? cClss.replace(clssRe, " ") : cClss + " " + clss; root.className = cClss.replace(/^\s+|\s+$/, ""); } function parseWin(win) { try { toggleClass(win); } catch(e) {} for(var i = 0, len = win.frames.length; i < len; i++) try { parseWin(win.frames[i]); } catch(e) {} } parseWin(window); })();

_toggleRootClass.js
var clss = ""; – класс, который добавляется к корневому элементу.
Опять же, доступа к фреймам с других доменов нету...

Infocatcher, большое спасибо! Да, с букмаклетами удобней.

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

Подскажить плиз скриптик заменяющий одно изображение на другое, так в общем виде тока с описанием.
Очень пожалуйста!!!!

Dixin
stylish не поддерживает скрипты.
и фактически, сделать то, что вы хотите - нельзя.
можно только сделать 2 действия, при 1 условии:
если картинка - это единственной что находится в том диве или классе, где она находится.
тогда прокатит
old.img{display:none}
.old-img{backround-image:url(http://url.to.new.img/)}

Dixin
Какое изображение, на веб-странице? А причём тут Stylish?
Это можно сделать, например, через расширение My Image Here.

Спасибо большое.

расширение обновилось до 1.0
изменения не известны
но расширение уменьшилось на 65 кб!

Изменения видны на глаз :)
Сменилась иконка и окно управления стилями

Печально, но версия 1.0 стала хуже. :(

Новый интерфейс просто образец неэргономичности. Пропали как минимум две функции — создание правил сайтов и возможность вставить цвет в формате #ABCDEF.
И за каким чёртом нужно было лепить свою вкладку в окно дополнений?! Это как если бы каждая программа при установке создавала значок в Панели управления Windows. Совершенно невменяемое поведение.
Единственная полезная фишка — значок в панели состояния становится цветным, когда есть активные стили для текущего сайта.

:offtopic:
Да, и переводчик сменился. Забавно, что я узнаю об этом последним, с бабельзиллы даже не предупредили. :)

Sid
вы правы, переводчик этой версии - какой-то хрен с горы, причём в прямом смысле: ник у него - xren.
Из нашей "милой" беседы на офф форуме стайлиша я узнал, что этот ксрен не знает ни русского, ни английского :-/
А разработчик стайлиша видать на меня обиделся, т.к. я ему предлагал свои услуги в качестве переводчика. К тому же, я там пишу сообщения не первый день и в моём знании английского он удостоверился сам.
Мистер ксрен же, на том форуме начал англичан учить английскому и задавать глупые вопросы про английский, твёрдо утверждая своё :) причём эта тема, проходится в школе, по-моему в 3 классе.

30-04-2009 14:00:56
кстати, ещё убрали проверку кода на ошибки, а из нововведений, помимо интерфейса:
все стили теперь хранятся в файлике stylish.sqlite, а не stylish.rdf
теперь можно все стили отключить-включить разом одной кнопкой
стайлишь, если требуется, можно отключить при запуске фф командой --stylish-disable
в about:config появился параметр extensions.stylish.manageView который отвечает за положение окна управления стилями: 0 (стоит по умолч.) - оно будет новым табом в меню "дополнения", 1 - будет отдельным окном,  2 - откроется в сайдбаре
поддержка Thunderbird, Seamonkey alphas, Songbird и проч. продукты, основанные на 1.9 toolkit.
кнопка "копировать селектор" в ДОМ Инспекторе
и последнее, на десерт: поддержка  новых аттрибутов, таких как stylish-url, соответствующий урлу открыйтого таба, stylish-domain, полный домен открытого таба и stylish-hour, (ему можно присваивать значения от 0 до 23 (вроде, только целые числа)) который соответствует часам.
т.е. теперь можно делать динамичные темы, которые будут меняться в зависимости от времени суток. Полезно, например менять окраску сайтов, т.к. ночью удобней смотреть на чёрном фоне белые буквы, а днём - наоборот.
вот примеры использования:

Выделить код

Код:

window[stylish-hour="22"], window[stylish-hour="23"], window[stylish-hour="0"], window[stylish-hour="1"], window[stylish-hour="2"], window[stylish-hour="3"], window[stylish-hour="4"], window[stylish-hour="5"], window[stylish-hour="6"] {
/* Всё, что будет тут описано - сработает только в ночное время суток (с 22ч до 6ч). */
}

window[stylish-domain="userstyles.org"] {
/* Всё, что будет тут описано - сработает только для домена userstyles.org */
}

etalol

все стили теперь хранятся в файлике stylish.sqlite, а не stylish.rdf

Теперь это модно. :)

etalol пишет:

в about:config появился параметр extensions.stylish.manageView который отвечает за положение окна управления стилями: 0 (стоит по умолч.) - оно будет новым табом в меню "дополнения", 1 - будет отдельным окном,  2 - откроется в сайдбаре

Отлично, спасибо за информацию.

stylish-url, соответствующий урлу открыйтого таба, stylish-domain, полный домен открытого таба

Это, видимо, аналоги @-moz-document url() и @-moz-document domain(). Только что-то они у меня не хотят работать. Пора выпрямлять руки… :D

Блин, автор точно курил какие-то вещества, когда делал новую версию. Я только сейчас заметил — кнопки [!important] больше нет. И это ведь никакие не рюшечки, а довольно удобно было. Не версия, а огрызок. :angry: Всё, ну её нафиг, откатился на старую. Очень обидно, ведь было прекрасное расширение, одно из лучших.

Наверно, это я ничего не понимаю, и гораздо важнее было сделать хранение стилей в sqlite. Конечно, без этого просто жить невозможно. А функции — кому они нужны…

Sid пишет:

Я только сейчас заметил — кнопки [!important] больше нет. И это ведь никакие не рюшечки, а довольно удобно было.

Угу. Я еще когда beta 1 щупал заметил.
Вот лучше бы к старому редактору добавили возможность набирать табы («\t»).
И таки да – компактный список – наше все.

самая важная возможность, которую до сих пор не добавили, это поиск по тексту:usch:
а то уже заманался постоянно в блокнот копировать тчобы что-то найти в своем коде:angry:

AvaGet пишет:

самая важная возможность, которую до сих пор не добавили, это поиск по тексту:usch:

Это как раз скорее сделали, чем нет – в новой версии добавлена поддержка It's All Text!.

Infocatcher

И таки да – компактный список – наше все.

Не береди душу. :cry:

в новой версии добавлена поддержка It's All Text!.

Она и в старой была, там сверху появляется кнопка с надписью [It's All Text!].

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

02-05-2009 18:46:57
Единственное на что он пока не согласен, так это на то, что Stylish-у требуется встроенный редактор, он предлагает использовать внешние. Лично мне такой подход не нравится совсем. Я не профессионал и стили пишу, прежде всего, для себя и в своё удовольствие. И мне нравилось как было раньше: в одном аддоне умещалось всё, что было мне необходимо для написания стилей для сайтов (вернее требовался ещё аддон типа ABP:EHH или FireBug, но эти функции, на мой взгляд, и должны быть в отдельном аддоне), а теперь тот скудный функционал, который нуждался в доработке ещё тогда, взяли и вырезали.
моя плакаль, но надеюсь что разраб всё-таки передумает по этому поводу.

Sid пишет:

Не береди душу. :cry:

Ну, пока я не вижу ничего такого, чего нельзя было бы прикрутить к старой версии – было бы желание.
Но лучше уболтать автора.

Sid пишет:

Она и в старой была, там сверху появляется кнопка с надписью [It's All Text!].

Каюсь, не проверил.
Тогда там просто надпись сменили на «Открыть во внешнем редакторе».
Только все равно довольно сомнительное удобство, по-моему.

А вот проверку корректности специфичного для Firefox CSS ни один редактор, скорее всего, не осилит. =/
Тем более, что корректность еще и от версии Firefox зависит.

02-05-2009 18:59:41
P.S. А внешний редактор будет удобен только если будет работать наподобие того, как сделано в Greasemonkey, – без лишних кликов (править стиль – открыть во внешнем редакторе – сохранить во внешнем редакторе – переключиться на Stylish – нажать на применить). Только чтобы применялось автоматически.
И куда делась кнопка для включения/выключения редактируемого стиля? Удобно же...

действительно вещь! сохраняет прямо в стайлиш! я бы конечно и встроенным
поиском обошелся + блокнот нормально с UTF-8 не работает и пришлось новую прогу осваивать
но результатом я доволен тем неменее:D

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

etalol пишет:

вышла бета версия 1.0.1 в которой вернули обратно проверку стиля на ошибки, в чуть улучшенном виде, но нет нумерации строк, что весьма неудобно.

Нумерация строк, скорее всего, потребует заменить <textbox> на <editor> и поплясать с бубном переписать некоторое количество кода. Не думаю, что удастся раскрутить на это автора.
А вот выделение ошибочного кода вполне можно реализовать (перекидывать фокус на текст и перемещать каретку). Разве что с прокруткой до этого мета трудности будут – если включены переносы длинных строк.

Довольно неплохой стиль, изменяющий интерфейс менеджера стилей. Вот это уже больше похоже на правду.

http://img361.imageshack.us/img361/3683/50971255.png

etalol
сделал
window[stylish-hour="19"]{color:red!important;background:blue!important;border-color:green!important;text-decoration:blink!important}
в пустом стиле и нифига!

прошу прощенья - поставил новую альфу - заработало:):rolleyes::blush:

Stylish 1.01 с быстрым поиском, палитрой цветов, возможностью сохранения без закрытия
также присутствует !important-кнопка, режим auto-important
и возможность выбора символа, который ставится после !important
Вобщем все, чего так не хватало;)

Отличается от версии вот здесь тем, что полностью переведен на русский + меньшим весом (оставил только английскую и русскую локализацию)

Установка:
http://style-thing.my1.ru/stylish.xpi

Style-Thing
Ещё раз скажу — огромное спасибо! :beer:

Несколько вопросов:

  1. Я правильно понимаю, что это та же финальная версия 1.0.1, в которой ничего не вырезано, а только были возвращены старые функции?
  2. Планируешь ли ты в будущем обновлять свою модификацию до последующих версий Stylish? Или, может быть, даже развивать её?
  3. Глупый вопрос — как работает поиск? :dumb:

Заметил опечатку — кнопка называется «Предварительный просмотра».

Sid
я не создатель, на форуме userstyles увидел это, там новые пункты
меню не локализованы были (т.е Save а не &save; в xul)
да, это версия 1.01 с новыми функциями

планирую еще покопаться в коде и улучшить сборку:D
заметил баг, когда при быстром поиске печатаешь R то он
автоматически выполняется (и R вообще не возможно напечатать!), попробую исправить если смогу...
помощь не помешает;)

Поиск работает так, открываешь окно редактирования стиля, справа наверху в поле
вводишь слово и жмешь Enter - первое совпадение автоматически выделяется

Style-Thing

я не создатель, на форуме userstyles увидел это, там новые пункты меню не локализованы были

Ага, уже прочитал по ссылке. Молодец, что перевёл.

планирую еще покопаться в коде и улучшить сборку

В принципе, всё что нужно, уже есть, разве что баги поправить, если найдутся.

заметил баг, когда при быстром поиске печатаешь R то он автоматически выполняется

Да, есть такое, срабатывает как Enter.

помощь не помешает

Лично я в JS/XUL не разбираюсь. Могу разве что тестером поработать. :)
На форуме специалисты есть, но заинтересуется ли кто-нибудь — не знаю.

существует код, который бы убирал самую верхнюю панель, где находятся кнопки управления окном?

UdGin
Hide Chrome

об дополнении я знаю. хотелось бы код) не люблю устанавливать дополнения для каждой мелочи)

версия обновилась до 1.0.2

MadMan пишет:

версия обновилась до 1.0.2

а stylish-hour так и не робит:cry:

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

Vidiy
Да можно, но для этого нужно узнать классы или ID кнопок.
Примеры таких стилей можно найти тут:
http://userstyles.org/styles/browse/all … ity/desc/1

спасибо, но мне будет проще руками их заменить в самом аддоне (просто при обновлениях они сбрасываются на оригинальные)

Vidiy
Раз уж полез в аддон -- мог бы и покопаться в его XUL-файлах. Нашёл бы там всё нужное.

Lain_13
ех...если б я еще в коде разбирался)))

Vidiy
Да там почти чистый XML-файл с примесями JavaScript, которые можно смело игнорировать. Берём Notepad++ и вперёд читать с XML-подсветкой.

Простенький аналог оперского fit to width (работа не гарантируется, но может помочь):

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http), url-prefix(https), url-prefix(file) {
    * {
        word-wrap: break-word !important;
    }
    pre, code {
        white-space: pre-wrap !important;
    }
    img {
        max-width: 600px !important;
    }
}

Gecko 1.9.1+ (Firefox 3.5+, SeaMonkey 2+).

У меня 2 вопроса:
1. http://pic.ipicture.ru/uploads/090814/thumbs/fI675bxSfR.jpg
Как у верхней панели Tab Sidebar'a поменять цвет на свой, или как-то придумать, чтобы фон был у нее?
2. Тот же рисунок, вопрос: как убрать серый цвет у панели URL bar вверху (ну чтобы она была такой же черной как поисковая панель)? Подозреваю, что нужно подкрутить в Stylish скрипт Transparent Firefox http://userstyles.org/styles/3874, только я хз как его там крутить :)

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

А для решения проблемы фона тебе просто нужно определить имена объектов и поставить им прозрачность. Для этого нужно лезть в код расширений (благо он открытый в тектовых файлах) и установить им прозрачность.

Lain_13

Слушай, тебе для полноты картины не хватает вот этого и этого расширений.

И ещё этого :lol:

как убрать серый цвет у панели URL bar вверху (ну чтобы она была такой же черной как поисковая панель)?

CrazyPotato может этот стиль >
Transparent URL and Search bar in Firefox :)

68agasfer
Как же ж я мог о нём забыть! :lol:

Lain_13 написал:
CrazyPotatoСлушай, тебе для полноты картины не хватает вот этого и этого расширений.Поставь и никогда не закрывай. Просто нет слов как их не хватает......и монитора размером с футбольное поле.

Представь себе-стоят! Но а теперь к сути:

Lain_13 написал:
А для решения проблемы фона тебе просто нужно определить имена объектов и поставить им прозрачность. Для этого нужно лезть в код расширений (благо он открытый в тектовых файлах) и установить им прозрачность.

Кажись я похож на программиста? Или я "ас" в различного рода скриптах? Если бы и так, то я бы не спрашивал наверное? Или как?
КАКОЙ КОД В КАКИХ ФАЙЛАХ? Можно по-русски и по шагам, что делать надо-то?

P.S. Поддержка у Вас тут, конечно, зашибись...

CrazyPotato
А мы и не официальная поддержка, чего ж ты хотел. :)
Смотри, все формы и их поведение в фоксе описывается при помощи XUL+JavaScript+ресурсы (картинки и прочее). XUL-файл представляет из себя обычный текстовый файл в формате очень близком к XML, т.е. это даже не код, а просто структурированный текст. Для его понимания программистом быть не очень-то надо, в отличие от JavaScript-кода, который нам сейчас не интересен. Такие файлы живут внутри .zip-архивов переименовынных в .jar непонятно для каких целей. Такие .jar-файлы (ни чего общего с Java тут нет) можно найти в папке с установленным фоксом (подпапка chrome) и в папке extensions в профиле пользователя. В первом случае это формы самого фокса, во втором -- формы расширений. Если тебе нужен ID или class объектов фокса, то тебе в его папке искать надо.
Т.е. XUL-файл это открытое структурированное текстовое описание всех тех форм, которые ты видишь на экране. Проблема в том, что для поиска нужной информации нужно обязательно знать английский язык и иметь хотя бы базовое представление об XML и описании объектов при помощи него.
Рассмотрим на примере:
1. Открываем файл chrome/browser.jar в любом вменяемом архиваторе и распаковываем его в какую-либо папку.
2. Заходим в content/browser -- тут мы видим кучу файлов, в том числе интересующие нас XUL-файлы.
3. Открываем файл browser.xul -- тут нам очень пригодится текстовый редактор с подсветкой синтаксиса, например Notepad++ (включаем подсветку XML-синтаксиса в нём).
4. Теперь путём нехитрых размышлений ищем текст url и замечаем, что он встречается вместе со словом bar как слово urlbar. Похоже на нужный нам текст? Вроде да.
5. Теперь продолжаем поиск по urlbar и находим вот это:

Выделить код

Код:

      <toolbaritem id="urlbar-container" align="center" flex="400" persist="width"
                   title="&locationItem.title;" class="chromeclass-location">
        <textbox id="urlbar" flex="1"
                 bookmarkhistoryemptytext="&urlbar.bookmarkhistory.emptyText;"
                 bookmarkemptytext="&urlbar.bookmark.emptyText;"
                 historyemptytext="&urlbar.history.emptyText;"
                 noneemptytext="&urlbar.none.emptyText;"
                 chromedir="&locale.dir;"
                 type="autocomplete"
                 autocompletesearch="history"
                 autocompletepopup="PopupAutoCompleteRichResult"
                 completeselectedindex="true"
                 tabscrolling="true"
                 showcommentcolumn="true"
                 showimagecolumn="true"
                 enablehistory="true"
                 maxrows="6"
                 newlines="stripsurroundingwhitespace"
                 oninput="gBrowser.userTypedValue = this.value;"
                 ontextentered="this.handleCommand(param);"
                 ontextreverted="return this.handleRevert();"
                 pageproxystate="invalid"
                 onsearchbegin="LocationBarHelpers._searchBegin();"
                 onsearchcomplete="LocationBarHelpers._searchComplete();"
                 onfocus="document.getElementById('identity-box').style.MozUserFocus= 'normal'"
                 onblur="document.getElementById('identity-box').style.MozUserFocus = 'ignore';">
          <!-- Use onclick instead of normal popup= syntax since the popup
               code fires onmousedown, and hence eats our favicon drag events.
               We only add the identity-box button to the tab order when the location bar
               has focus, otherwise pressing F6 focuses it instead of the location bar -->
          <box id="identity-box" role="button"
               chromedir="&locale.dir;"
               onclick="gIdentityHandler.handleIdentityButtonEvent(event);"
               onkeypress="gIdentityHandler.handleIdentityButtonEvent(event);">
            <hbox align="center">
              <stack id="page-proxy-stack"
                     onclick="PageProxyClickHandler(event);">
                <image id="urlbar-throbber" busy="false"/>
                <image id="page-proxy-favicon" validate="never"
                       pageproxystate="invalid"
                       ondraggesture="PageProxyDragGesture(event);"
                       onerror="this.removeAttribute('src');"/>
              </stack>
              <label id="identity-icon-label" crop="center" flex="1"/>
            </hbox>
          </box>
          <hbox id="urlbar-icons">
            <button type="menu"
                    style="-moz-user-focus: none"
                    class="plain urlbar-icon"
                    id="feed-button"
                    chromedir="&locale.dir;"
                    onclick="return FeedHandler.onFeedButtonClick(event);">
              <menupopup position="after_end"
                         onpopupshowing="return FeedHandler.buildFeedList(this);"
                         oncommand="return FeedHandler.subscribeToFeed(null, event);"
                         onclick="checkForMiddleClick(this, event);"/>
            </button>
            <image id="star-button"
                   class="urlbar-icon"
                   onclick="PlacesStarButton.onClick(event);"/>
            <image id="go-button"
                   chromedir="&locale.dir;"
                   class="urlbar-icon"
                   tooltiptext="&goEndCap.tooltip;"
                   onclick="gURLBar.handleCommand(event);"/>
          </hbox>
        </textbox>
      </toolbaritem>

Этот кусок кода описывает нужный нам объект. Имена нужных нам ID это urlbar-container, urlbar ну и прочие по желанию. Так, например, там можно найти id кнопки Go (go-button).
Теперь в стайлише нужно создать новый стиль для форм фокса и описать там те стилевые изменения, которые хочется применить к найденным объектам.
Вот кусок готового кода, взятый по ссылке приведённой выше Крошкой Ру:

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#urlbar , .searchbar-textbox {
  -moz-appearance: none !important;
  background: transparent !important;
  -moz-border-radius: 0px !important;
  color: #fff !important;


/* These font settings are optional.*/ 
font-family: Consolas !important;
font-size: 12px !important;  
font-weight: bold !important;


}


.searchbar-engine-button { 
-moz-appearance: none !important;
  background: transparent !important;
  -moz-border-radius: 0px !important;
  color: #fff !important;
}

Самое важное тут для нас это background: transparent !important;, остальное можно засунуть в блоки /* тут текст */ и вытягивать по мере надобности. Что-то выкинуть, что-то оставить, что-то допилить. Как видишь код опирается на имя уже найденного нами объекта #urlbar (# в CSS обозначает ID) и на классы .searchbar-textbox, .searchbar-engine-button (. в CSS обозначает class).

Вот так вот это делается.

CrazyPotato пишет:

Подозреваю, что нужно подкрутить в Stylish скрипт Transparent Firefox

Ну в общем-то правильно подозреваете. Путь к изображению.

15-08-2009 14:18:40
Lain_13
Это сложный метод. Проще это делается через аддоны DOM Inspector и Inspect Context. Щелчок правой кнопкой мыши на элементе => имя, идентификатор и класс элемента.

Люди скажите, как в Stylish можно сделать фон Активной Вкладки - Анимированный т.е файл gif (кодирнув в Base64 Encoder)
дайте подробное описание.

MalinaQ
1. В окне стиля кнопка Insert (первая слева)
2. Выбираем Data URI... (последний пункт)
3. Выбираем файл картинки.
4. Вставляем полученную строку вместо пути к картинке там, где эта картинка нужна (можно было сразу вставлять куда жуно, кстати).
5. ...
6. PROFIT!

18-08-2009 10:06:31
Al_H
Зато столько нового и интересного узнаёшь.

Lain 13

Ну вот примерно такой код получается:

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@-moz-document url(chrome://browser/content/browser.xul)

/* Анимированная активная вкладка */
{ tab[selected="true"] > hbox,
tab[selected="true"] > toolbarbutton
{ background: url("data:image/gif;base64") !important; } }

Вроде всё работает, но

1) Активная вкладка получается строго прямоугольная (без загруглений)  :(
http://s16.radikal.ru/i190/0908/4b/d9c1715ce030.png
Как её можно обрезать ? Напишите код

2) Как правильно подобрать размер gif или что править в коде, чтобы картинка равномерно растянулась во всю длину вкладки (на скриншоте она размножилась в 4 фрагмента)  :(

1) Что-то такое:

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@-moz-document url(chrome://browser/content/browser.xul)
{
tab[selected="true"]
{ background: url("[тут картинка]") !important; }
}

2) http://www.w3.org/TR/2008/WD-css3-background-20080910/#the-background-size

http://pic.ipicture.ru/uploads/090819/thumbs/e6Ue1A4X9s.jpg

Можно ли убрать эти полосы прокрутки вкладок?

greaves
Убрать-то можно, но ведь нужно что-то в заме, так ведь? Или уменьшать до полосочек (стиль такой есть), или в несколько строк -- расширение есть.

Lain_13

Или уменьшать до полосочек (стиль такой есть), или в несколько строк -- расширение есть.

Было расширение, которое позволяет добавить вместо всего этого обычную горизонтальную полосу прокрутки. Смотрится, конечно, не очень, но для кого-то вполне может быть удобно. Вот ещё б название вспомнить…

MySh есть,даже два :)

Tab Overflow Scrollbar

правда у Bookmarks Scrollbar это побочный эффект возникающий при работе в режиме принудительной совместимости :sick:

и ещё Tab Wheel Scroll,не совсем то-прокрутка табов колёсиком мышки .....

greaves
правда во всех вышеприведённых вариантах кнопки никуда не пропадают :whistle: :angel:

Крошка Ру

Tab Overflow Scrollbar

Спасибо — это именно оно.

правда во всех вышеприведённых вариантах кнопки никуда не пропадают

Зато они становятся ненужными, и их можно смело отключить, используя вышеприведённый вариант :)

MySh пишет:

Зато они становятся ненужными, и их можно смело отключить, используя вышеприведённый вариант

Какой это вариант? Мне не нужно замены. Я хочу просто избавить от этих кнопок.

как убрать серый цвет у панели URL bar вверху (ну чтобы она была такой же черной как поисковая панель)?

Серый цвет url панели делает стиль Transparent Firefox (он же делает задний фон в браузере), крутить надо в нем. Вот только что? Укажите нубу?

Как заменить картинку в элементе - это понятно, но как заменить текст элемента?

pshenk
С помощью стилей никак. Если текст нужно менять на странице, а не в интерфейсе браузера, то с помощью javascript можно. А если в интерфейсе браузера, то только расширением.

Помогите подредактировать код: чтобы на странице убрать Белые полосы . Не могу найти в исходном коде страницы к чему они относятся...

http://i067.radikal.ru/0911/d5/ffc349bf0ac2t.jpg

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

@-moz-document domain("mail.ru") {

*{ background:#424242 !important; color:#FFA500 !important;}
a { color:#008B45 !important;}
a:visited { color:#2E8B57 !important;}
a:hover { color:#2E8B57 !important;}
http://otvet.mail.ru/img/pic_ask.gif

qw

Выделить код

Код:

* { border-color: #424242 !important; }

Infocatcher пишет:

Код:

* { border-color: #424242 !important; }

Отлично http://gn.ucoz.ua/im/ocenka/respect.gif

Поставил расширение All-Glass Firefox mod, based on Glasser и надпись на нижнем статусбаре стала черного цвета на черном фоне. Поставил пока что временно Personas с белой темой...а есть ли для Стилиш стиль который делает надпись белым? (на верхнем панели адреса и поисковике я нашел)

Использую TMP и специально под него сделал стиль для кнопки закрытия таба

Выделить код

Код:

.tabbrowser-tab .always-right
{
display: inline !important;
}

.tabbrowser-tab[selected="false"] .always-right
{
display: none !important;
}

.tabbrowser-tab:hover[selected="false"] .always-right
{
display: inline !important;
}

Но этот стиль странно себя ведет:
Когда открыт один таб и из него открыть второй (к примеру при помощи средней кнопки мыши, т.е. в новом неактивном табе), то на нем почему-то появляется кнопка закрытия, которая по стилю не должна отображаться.
В чем проблема?

DreamC пишет:

Но этот стиль странно себя ведет:

он себя ведет не странно, а как написано ;) Для сведения - у новых открытых в фоне вкладок свойства selected нету вообще.

Выделить код

Код:

.tabbrowser-tab .always-right{
display: none !important;
}

.tabbrowser-tab[selected="true"] .always-right,
.tabbrowser-tab:hover .always-right{
display: inline !important;
}

Буду знать, но почему такое происходит только когда у меня сейчас открыт 1 таб и я открываю в фоне второй? Когда их болше - такого нет.
А насчет кода - мне просто быол так вначале удобнее =)

ЗЫ а написано в стиле у меня все вроде правильно...

Помогите пожалуйста, нужно убрать на этой странице все что закрашено красным
http://s45.radikal.ru/i107/0912/f5/d067b8afbb6ft.jpg

А где он stylish хранит свои стили?и можно ли чтобы он сохранял их в закладках для легкой синхронизации?

kilia пишет:

А где он stylish хранит свои стили?

В файле stylish.sqlite в профиле.

Тут возник такой вопрос. Как лучше с точки зрения быстродействия указывать путь к файлу-картинке для твика интерфейса фаерфокса, напрямую с использованием -moz-image-region или лучше в data:URI? Как оно будет быстрее обрабатываться?

Splurov пишет:

pshenkС помощью стилей никак. Если текст нужно менять на странице, а не в интерфейсе браузера, то с помощью javascript можно. А если в интерфейсе браузера, то только расширением.
                    Отредактировано Splurov (14-10-2009 17:06:00)

Да простят меня за слоу, но пример скрипта можно увидеть?

Возникли 2 вопроса по аддону
1 - как заменить одну картинку на другую
2 - можно ли удалить или изменить конструкцию типа <br>___<br>
Простите если такие вопросы уже задавали

Никто не подскажет, как убрать белое оттенение снизу на кнопках "вперёд"-"назад" здесь:
http://i1.fastpic.ru/big/2010/0131/cc/754736d5fcc47c21361fc71f3e2f01cc.png
пробовал

Выделить код

Код:

#unified-back-forward-button {
  border: none !important;
  border-color: transparent !important;
  -moz-box-shadow: 0px 0px 0px transparent!important;
}

не помогает

profanatic
С помощью CSS — никак, тень нарисована на самой кнопке.

Sid
а как убрать ява-скриптом?

Sid пишет:

profanatic
С помощью CSS — никак…

А каким-нибудь -moz-linear-gradient эту тень никак не компенсировать? Наверняка криво получится, но всё-таки…
Сам попробовать не могу ввиду отсутствия нормального монитора, визуальной темы как у автора вопроса и художественного образования :).

profanatic
luitzen
Вы не поняли, все стандартные кнопки на панели навигации — это куски одной большой картинки.
http://s002.radikal.ru/i198/1001/e4/c50984e7b844.png
Тень под кнопками — она тупо нарисована. Чтобы её убрать, нужно физически стереть её с изображения. Ну а заменить стандартное изображение кнопок на перерисованное можно и с помощью CSS, это да. :)

Sid пишет:

Вы не поняли, все стандартные кнопки на панели навигации — это куски одной большой картинки.Тень под кнопками — она тупо нарисована. Чтобы её убрать, нужно физически стереть её с изображения. Ну а заменить стандартное изображение кнопок на перерисованное можно и с помощью CSS, это да.

Sid, вы не те аргументы приводите :).

CSS-свойство background со значением -moz-linear-gradient(), где в скобках оговорены всякие прозрачности, вполне позволяет скомпенсировать «тупо нарисованное». И то, что кнопка является частью одной большой картинки, — не помеха.

Истинная проблема заключается в том, чтобы наложить линейный градиент на круглую синюю область. Дело в том, что сама кнопка прямоугольная, и у нас нет средств сделать её круглой. Сделать круглой область распространения линейного градиента мы тоже не можем.

Проблема вряд ли разрешимая. К тому же «физический» градиент на круглой синей области не совсем линейный и на ней эта чертова белая стрелочка :).

luitzen
Тьфу, а я вообще про другую тень сначала подумал — про серую окантовку вокруг кнопок. Теперь всё понял и согласен. :)

Подскажите, а есть скрипт, чтобы сайт кинопоиск был на всю страницу (экран). А то по серединке лента идет эта, не очень как-то. Помню был скрипт такой для сайта в контакте.

вопрос простой, может кто уже сталкивался.. как прописать скрипт, чтоб в контакте под, например, пунктом меню "Моя Страница" можно было втиснуть ссылку, например "Моя Подруга" или чтото вроде, с ссылкой на конкретную страницу

свойство

Выделить код

Код:

[stylish-hour="22"]

применяется только к элементам интерфейса (напр window[stylish-hour="22"]{color:red!important} покрасит текст в красный в 22 часа)
а как применить это к сайту? есть какой-нибудь способ как сделать так для сайта?:rolleyes:

чтобы можно было прописать к примеру

Выделить код

Код:

body[stylish-hour="22"]{color:red!important}

и это сработало

Данный стиль делает адресную строку, прозрачной, и изменяет форму на квадратную,
Как иправить код: чтобы не трогал форму, а придавал только прозрачность?   
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
http://www.10pix.ru/img1/1699/929477.png


#urlbar , .searchbar-textbox {

  -moz-appearance: none !important;

  background: transparent !important;

  -moz-border-radius: 0px !important;

  color: #fff !important;





/* These font settings are optional.*/

font-family: Consolas !important;

font-size: 12px !important; 

font-weight: bold !important;





}





.searchbar-engine-button {

-moz-appearance: none !important;

  background: transparent !important;

  -moz-border-radius: 0px !important;

  color: #fff !important;

qw пишет:

Как иправить код: чтобы не трогал форму, а придавал только прозрачность?

Для прозрачности нужны только строки с

Выделить код

Код:

-moz-appearance: none !important;

и

Выделить код

Код:

background: transparent !important;

УРАААААААААААА!!! Infocatcher чпасибо за науку. Все получилось!:cool:
http://i064.radikal.ru/1003/32/cd9265c6d558.jpg

qw,
по моему параметр
-moz-border-radius круче, и смотрится хорошо, зря вы выставляете его в ноль

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

http://s39.radikal.ru/i083/1003/83/8728185c0a53.png

pohunohi
#tools-menu > * > .popup-internal-box {
background: pink }

В некоторых темах для сайтов встречаю закодированное в base64 изображение

скрытый текст
background-image: url(data:image/gif;base64,R0lGODlhCwAUALMAAKS6yXGTqpCrvIajtuvw88zY4bjJ1OHo7a7BzmeMpHubsF2Env%2F%2F%2FwAAAAAAAAAAACH5BAEAAAwALAAAAAALABQAAAQdkMlJKwOW4iw39xloiRWpcR16qebUpui7xqxqWxEAOw%3D%3D);

Как можно:
1. Раскодировать это изображение
2. Закодировать :)

Пробовал раскодировать через Total Commander - ругается на недопустимые данные внутри (видимо это он про символ %)

cr@nk
http://www.motobit.com/util/base64-decoder-encoder.asp
http://software.hixie.ch/utilities/cgi/data/data

cr@nk пишет:

1. Раскодировать это изображение

Скопировать то, что находится в круглых скобках, вставить в адресную строку и нажать Enter. Браузер отобразит картинку, ну а с ней уже можно делать всё, что угодно.

cr@nk пишет:

2. Закодировать

Это сам Stylish умеет. В окне редактирования стиля нажать кнопку «Вставить → Данные в формате URI» и выбрать картинку с диска. В то место, где стоял курсор, вставится набор символов.

banbot
Sid
Вот спасибо огромное :)

Можно ли как нибудь сделать, чтобы в браузере надписи, которые в меню (да и не только) вместо системных цветов использовали какие нибудь другие?

у меня страница стилей не работает
у всех так?:(

Подскажите, как можно увличить border главного окна firefox через styllish?
иди через другое дополнение?
разумеется, я могу поставить border для всех окон в винде, либо написать на winapi ловушку для [firefox]
но хотелось бы проще
возможно создать какие-то невидимые панели по бокам и снизу..
**
http://s47.radikal.ru/i116/1005/8f/ee4a31f0651et.jpg
вот так хотл, но это метод для всей винды

Amberon
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#main-window {margin: 10px !important;}

Прошу вас помочь.
Можно ли  вот этой кнопкой заменить стандартную кнопку Personal Menu по средствам Stylish. Искал что то подобное на userstyles, но ничего толкового так и не нашел.

Заранее очень благодарен за помощь!

Eskimo пишет:

заменить стандартную кнопку Personal Menu

Выделить код

Код:

#compact-menu-button > #cm-menu {
    list-style-image: url("http://plasmon.rghost.ru/1581678.image") !important;
    -moz-image-region: auto !important;
    /* Для Firefox 3.7a: */
    background: transparent !important;
    border: none !important;
    -moz-box-shadow: none !important;
}
#compact-menu-button > #cm-menu > .toolbarbutton-icon {
    /* Для Firefox 3.7a: */
    width: auto !important;
    height: auto !important;
}

11-05-2010 01:49:39
Скрыть галочку у кнопки:

Выделить код

Код:

#compact-menu-button > #cm-menu > dropmarker {
    display: none !important;
}

Infocatcher
Каким кодом можно приделать "анимацию" к этой кнопке. Т.е. чтобы при наведении и нажатии на нее была какая то реакция

Eskimo пишет:

Т.е. чтобы при наведении и нажатии на нее была какая то реакция

Или убрать

Выделить код

Код:

    /* Для Firefox 3.7a: */
    background: transparent !important;
    border: none !important;
    -moz-box-shadow: none !important;

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

Выделить код

Код:

#compact-menu-button > #cm-menu:hover {
    list-style-image: url("hover.image") !important;
}
#compact-menu-button > #cm-menu:active {
    list-style-image: url("active.image") !important;
}

Ну, или последний вариант, но с изменением других свойств.

11-05-2010 20:27:07
Или примерно так:

Выделить код

Код:

#compact-menu-button:hover > #cm-menu {
    opacity: 0.85 !important;
}
#compact-menu-button:active > #cm-menu {
    opacity: 0.4 !important;
}

(:active как-то странно себя ведет в предыдущем варианте)

Infocatcher
код с "opacity" как то не очень красиво засвечивает, второй код более адекватный (его собственно и оставил). Да, и у обоих не работает active, hover работает исправно

Помогите: установил Packed Menu, который всю менюшку объединяет в одну кнопку (с надписью М). Как сделать чтобы эта кнопка отображалась иконкой? Можно ли как адрес иконки как-то указать: /Data/profile/extensions/foxiFrame@basic.am/chrome/skin/Icon16.png ? т.е. картинку находящуюся в папке профиля но другого дополнения?
п.с.: я знаю, что на крайняк можно использовать data:uri

спасибо большое, сработало. 3 вопроса только: 1. как убрать для кнопки рамку (хочу чтоб осталась только иконка)? как сделать изменение иконки не для hover-а а для :active (т.е. при клике)?
и 3. а может стилем или КБ кнопкой или ещё как можно и дополнение foxiframe basic заменить? там же тоже, кажется, чистый css.

okkamas_knife пишет:

iDev.PiiDev.Pi написал:1. как убрать для кнопки рамку (хочу чтоб осталась только иконка)?http://forum.mozilla-russia.org/viewtop … 94#p417494

почему-то не сработало

okkamas_knife пишет:

iDev.Pi написал:как сделать изменение иконки не для hover-а а для :active (т.е. при клике)эээ ща сходу не скажу спроси в теме СВ там по идее мелочь какуюто нужно подправить в коде кнопки.

ок, спрошу там.

okkamas_knife пишет:

iDev.Pi написал:а может стилем или КБ кнопкой или ещё как можно и дополнение foxiframe basic заменить? там же тоже, кажется, чистый css.а что это дополнение делает? точнее какие функции в нём используешь?

оно убирает тайтлбар окна фф и помещает на меню-панель титульник страницы и кнопки минимайза-максимайза-закрытия (стилизованные под вин 7). И делает окно перетаскиваемым, если его потащить ЛКМ за панель меню, меню закладок или нижнюю панель (статсубар+файндбар).

okkamas_knife
юзерхром я не изменял. я всё через stylish делаю, или там критично было добавлять этот код именно в юзерхром?

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

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);


/* Фикс для Foxiframe basic:
1. cпрятать кнопку полноэкранного режима
2. сделать текст чёрный на фоне белой тени */

#ff-fullscreen-button { display: none !important; }
#ff-title { color: black !important;
 text-shadow: white 2px -2px 4px, white -2px 2px 4px, white -2px -4px 4px, white 2px 4px 4px !important; }


/* Фикс для Packed Menu
#menubar-items {background-image: no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADg0lEQVR42l1TbWhbZRR+zs1NbpI1TdKm2WrH+jG7VX9UoStlf7pCHUWKIrgfdWjLkA1EGIr+qPijzIlTFMUpSKUMRtFJrO2WzG5MOgZd50bNXF0/YrfUrF3aJqZpcvNxb3M/Xm/iFPHAw/vynnOe533Pew7BsMU+z4ixnNpzNhFsOTa4b2fk9tHqsmz7tKfdW/SrihpRC8oDMIzNffvGMP5j9IiAFdd3lrs/yDi393zpPNMwM5tBZmSjFLSeEDF5dR73F6PY98eFK72O8feevSBPlQhOCdzLL/ZUDLsbdGwucaWE4v7KiIiH5xIgxpCTFcwtrCP00zWc6wxg6dKM7HJofQeGNnz0ucc81H244lVnpQLe6YaUycGsF+D/JlUi+zoMtP8cQyS6iQX/BIb7gqhIhjE/Opt2eamJhhosvx7sqWwu99o5taBD3tyCmWSI0b9v81kgidz3UYg5GfP+azjy1CyOd0Zx9+wNyMnMafquRYh1HHJ5BVsZ1HQKUspiPMyFstbnMTbwMQKn42CSjGRMxNqd29gv3MJHPWvQVsL4fXThLo21m6X93U6rIDiRj6eBht0lZYfLi/MnfsTg8RBYNoXs6ioyaQm2yE1MnVwGJ67j+he/KBTogt7a4SG7oGNyNI/EigJVKH0K3t45AFt1DXjeBJIzKGgmNHF3cPXEIlKxNCY/nGE03kVifWO5w1vDI5vWMXfRUBMIR2394Mtd+Mo8CKWmDm89eAYaTHh97wQGDq0ifi+B4A+xHF3uoDHBan2h+YC9pBqezMJEBLJbsc2qQtRt+G16A/3178MsRhF8LQB3WQFL15OIhAo36WIHHVYlGnr8yW226j0WKHlCOsoQX88hkdCQTGnor+zHEeslPHcwj7baFFIPUwjeMERMzpPk74IdeZqy88LTTW1WWKwmbEkGZDOmbxlF3eGAnXLY5VVQVydAAo+1cAZ/5myiq7Jqb6mVfZ1oK0jk32G1eHc9YYXDafSADigcB550KLIOVWYwmxnynI6VqCzPJnDszQltmP4Zilca0dvqoE/qHVyV08LDXW5UniMwM4HjCZqmICExJCXIvnuFd3332af/DtMj69ptos6XHkNvbRW5q8qZhbOwUgBjHLYYp4ZXKHcmrPkWVf28cTz+f4Li6G430NhoopZaEzW7TOQxAiihsfiyxkJhjU0b/pCBmIF4Mekv2zKEDAFMVngAAAAASUVORK5CYII=") !important;}
 */

/* Сортировка тулбаров */

#toolbar-menubar { -moz-box-ordinal-group: 1 !important; }
#PersonalToolbar { -moz-box-ordinal-group: 2 !important; }
#TabsToolbar { -moz-box-ordinal-group: 3 !important; }
#nav-bar { -moz-box-ordinal-group: 4 !important; }
#LepraPanel-Toolbar { -moz-box-ordinal-group: 5 !important; }


/* Поставить кнопку открытия нового таба ("+") слева от табов */

#new-tab-button { display: none !important;}
.tabs-newtab-button
{ visibility: visible !important;
  -moz-box-ordinal-group: 1 !important; }
.tabbrowser-tab
{ -moz-box-ordinal-group: 2 !important; }


/* Покрасить табы в разные цвета */

tab
{ opacity: 0.45 !important;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEX/rsnL3uJEAAAAEklEQVR4XgXAgQgAAAAAoP2pjwACAAF0O1JHAAAAAElFTkSuQmCC") !important;
  background-repeat: no-repeat !important;
  background-position: -5px -3px !important;}
tab{-moz-appearance: none !important;}
tab[selected="true"]
{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUisUweBz0WAAAAEklEQVR4XgXAgQgAAAAAoP2pjwACAAF0O1JHAAAAAElFTkSuQmCC") !important;
  background-repeat: no-repeat !important;
  background-position: -5px -3px !important;
  color: black !important;
  min-width: 150px !important;  opacity: 1 !important;}
tab:hover{ opacity: 1 !important;}


/* Нормализация иконок у кнопок Custom Buttons */

toolbarbutton[id^="custombuttons-button"] .toolbarbutton-icon
{ width: auto !important;
  height: auto !important; }


/* Убрать рамку из точек вокруг объектов файндбара, при клике по нему */

findbar:focus
{ outline-color: transparent !important; } 


/* Делаем убогий разделитель между адресс-баром и сёрч-баром более прозрачным  */

#nav-bar > splitter
{ opacity: 0.7 !important; background: transparent !important; }


/* Панель табов имела слева уродский отступ */

#TabsToolbar { margin-left: -3px !important; }


/* Делает фон урлбара и сёрчбара намного прозрачней */

.searchbar-textbox, #urlbar
{ opacity: 1 !important;
  -moz-appearance: none !important;
  background: transparent !important;
  color: black !important;
  text-shadow: white 2px -2px 4px, white -2px 2px 4px, white -2px -4px 4px, white 2px 4px 4px !important; }

/* Красота тулбаров (экономия места) */

#toolbar-menubar > toolbarbutton, #nav-bar > toolbarbutton
{ padding: 0 3px 0 !important; }


/*-------------------- Не используется ---------------------*/


/* Прозрачный статусбар и файндбар 

#browser-bottombox, statusbarpanel, #status-bar, #downbarHolder, .findbar-container
{ -moz-appearance: none !important;
  border: transparent !important;
  border-bottom: 0px !important;
  background: transparent !important;
  text-shadow: 0 0 1em white, 0 0 1ex white; }
.findbar-textbox.findbar-find-fast:not(:hover)
{ opacity:0.7!important; } */

/*----------------------------------------------------------*/

okkamas_knife пишет:

убирает тайтлбар окна фф,кнопки минимайза-максимайза-закрытия - http://forum.mozilla-russia.org/viewtop … 46#p416246

спасибо, установил все 4 кнопки - уже лучше.

okkamas_knife пишет:

И делает окно перетаскиваемым - мне кажется в СВ не сделаешь с отключенным хром-заголовком.только изменение размера работает если тянуть за правй нижний угол. хотя кто знает..

если не сложно - пожалуйста, глянуть в код дополнения foxiframe basic  - может из его кода получится утащить код для кнопки? потому что там весь код - яваскрипт + css. А КБ-кнопки же тоже на яваскре пишут и подгрузить css стиль можно прям в код его добавив...

14-05-2010 18:03:30

okkamas_knife пишет:

iDev.Pi
проверь

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

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

Кто поделиться подсказкой как на примере сайта http://www.cjclub.ru/ менять размеры блоков (например там где новости идут)

Здравствуйте, как убрать на сайте http://fifa2010.ictv.ua все, кроме плеера?

Izotop
Так и так, а если не поможет, писать сюда.

MySh пишет:

Izotop
Так и так, а если не поможет, писать сюда.

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

скрытый текст
http://hotimg23.fotki.com/a/77_122/175_41/2010-06-22-00-30-17.jpg

Izotop добавить https://addons.mozilla.org/ru/firefox/addon/4364/

imyax пишет:

Izotop добавить https://addons.mozilla.org/ru/firefox/addon/4364/

есть

А как определённые слова можно смещать? (если можно..)
К примеру на странице написано с лева "войти на сайт" ,и мне надо это переместить в центр... 
исходный код выглядит так "<div class="body">войти на сайт.<br>"

Если просто переменить к body , то много лишнего тоже смещается в центр.. поэтому это не катит...

на сайте есть div и мне надо изменить его содержимое... это возможно?

Kemerover
можно попробовать с помощью псевдо-классов before или after.

26-08-2010 22:09:34
а лучше для этих целей написать юзерскрипт для гризманки.

а можно какой-нибудь шаблон? А тоя  в этом плохо разбираюсь ))

элемент:before { content: "текст" }

Доброе время суток

Кто-нибудь помогите исправить стиль от Stylish

выглядит он так>>>
/**
* Only tested on Windows 7. I guarantee nothing about this style on Vista.
*
* It is mainly a combination of several styles made for Glasser with my own little fixes designed to make it look exactly
* like the default Firefox theme but transparent.
*/
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/**
* FF3+Glasser - Proper Vista-like menubar style changed some to look just like it does normally
*/
/* Glasser doesn't set this one. Give it a poke! */
#toolbar-menubar {
   background-color: transparent !important;
}
/* As default, show them in the default colour with a white blur behind */
#file-menu, #edit-menu, #view-menu, #history-menu, #bookmarksMenu, #tools-menu, #helpMenu {
   text-shadow: 0px 0px 4px #ffffff !important;
}
/**
* End
*/

/**
* Toolbar - Remove Separator Lines style
*/
#nav-bar, #PersonalToolbar, #toolbar-menubar, #navigator-toolbox > * {
  -moz-appearance: none !important;
  border: none !important;
}
/**
* End
*/

#urlbar>* {
  background-color: transparent !important;
}

#identity-box label {
  margin-right: 1pt !important;
}

#identity-box>hbox {
  padding-left: 0px !important;
  padding-right: 1px !important;
}

@-moz-document url("chrome://browser/content/browser.xul") {

window:not([chromehidden~="menubar"]):not([chromehidden~="directories"]):not([chromehidden~="location"]) {
  padding-top: 50px !important;
  margin-top: -51px !important;
}

/**
* The base of this is from the Vista aero glass tab bar style.  I modified the look of it and made it work on Windows 7
* with the bookmarks bar visible.  Quite a bit of it is my work now, but it is still based off of his style.
*/
#main-window #navigator-toolbox #PersonalToolbar {
  padding: 0px 0px 25px 0px !important;
}

/**
* Uncomment this if you have a darker background.
*/
/*
toolbar:not(#FindToolbar) .toolbarbutton-text, tab label, .menubar-text {
  color: #ffffff !important;
}
*/

window:not([chromehidden~="menubar"]):not([chromehidden~="directories"]):not([chromehidden~="location"]) .tabbrowser-strip {
  position: fixed !important;
  top: 78px !important;
  width: 100% !important;
}

window:not([chromehidden~="menubar"]):not([chromehidden~="directories"]):not([chromehidden~="location"]) .tabs-bottom {
  background: transparent !important;
  border: none !important;
}

window:not([chromehidden~="menubar"]):not([chromehidden~="directories"]):not([chromehidden~="location"]) .tabbrowser-tabs {
  width: 100% !important;
  -moz-appearance: none !important;
  background-color: transparent !important;
  background-image: none !important;
}

tab {
  opacity: 0.99 !important;
}

tab label {
  font-weight: normal !important;
}

tab[selected="true"] {
  background-color: transparent !important;
}

.tab-drop-indicator-bar {
  position: fixed !important;
  top: 69px !important;
  width: 100% !important;
}

}

а проблема заключается в следующем...
при использовании данного стиля с аддоном HideMenuBar при скрытии по нажатию alt панели меню, практически полностью пропадает панель закладок :(
очень бы хотелось исправить сей недостаток, кто знает как - подскажите, пожалуйста

ЗЫ: этот стиль очень красиво смотрится на семёрке вместе с Glasser и HideMenuBar :)
ЗЫЫ: если желаете помочь и не поняли о чём я - могу предоставить скриншоты

Xpe6eT пишет:

ЗЫЫ: если желаете помочь и не поняли о чём я - могу предоставить скриншоты

постил бы уж сразу.

iDev.Pi, пожалуйста:

скриншоты
http://i9.fastpic.ru/thumb/2010/0911/57/fa4f4078093e8ddf4d8fdd2c6ec87757.jpeghttp://i9.fastpic.ru/thumb/2010/0911/49/af5615a6dcdd6578814ef25d6985ae49.jpeg

кто-нибудь, дайте id элемента - разделитель в #browser-bottombox между файндбаром и статусбаром. Или скажите как заставить ДОМи показать файндбар.
п.с.: для последней найтли 4.0

Inspect Context или Inspector Widget?

Al_H
спасибо, но не помогло. Оказалось, что в доми нельзя жать кнопку inspect если хочется проинспектировать сёрчбар: нажатие на эту кнопку скрывает сёрчбар и инспектирование дерева уже идёт без сёрчбара. В принципе, теперь я это знаю и всё что мне было надо - сделал (писал стиль для аддон-бара).

Inspect Context должен был точно сработать.

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

Мне лично гораздо быстрее вызвать ДОМ-инспектор для конкретного элемента, чем искать элемент в дереве, даже если его и просто найти. Например, когда я писал стиль для разделения Stop и Reload, я был уверен, что могу найти эти кнопки, но искать было лень.

Al_H пишет:

Мне лично гораздо быстрее вызвать ДОМ-инспектор для конкретного элемента, чем искать элемент в дереве, даже если его и просто найти. Например, когда я писал стиль для разделения Stop и Reload, я был уверен, что могу найти эти кнопки, но искать было лень.

ну так открыл инспектор, выбрал хром для инспектирования и нажал "inspect" - показывается хром браузера. Жмёшь кнопку "файнд" и тыкаешь на нужный элемент - он его сразу же показывает в дереве.

Принято. Все же, так немного медленнее.

Подскажите пожалуйста, как с помощью Stylish (или userChrome.css) сделать так:
на панели закладок есть папки и одиночные закладки. Нужно одну конкретную папку прижать к правому краю на панели, а остальные пусть остаются на своих местах.
Можно такое замутить?

Inko7

userChrome.css

.bookmark-item[container="true"][label="название папки"]{padding-right: 0px !important;}

или

.bookmark-item[container="true"][label="название папки"]{padding-left: 20px !important;padding-right: 0px !important;}

bunda1
можно сказать, что не работает... :(
если брать верхнюю строку, то совсем без изменений
если нижнюю, то папка с названием смещается вправо на заданные 20px... Но! Смещается только иконка с названием, а сама позиция для папки по которой надо жать мышкой остается, только еще больше расширяется. Это немного не то, что хотелось.

Inko7

.bookmark-item[container="true"][label="название папки"]{margin-left: 20px !important;padding: 0px !important;}


Можешь также заменить иконку папки как у меня

скрытый текст
.bookmark-item[container="true"][label="название папки"] {
list-style-image: url( 'data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGRkRA0ZGSTFRUV1PVVVfSlVVYExVVmBMV1hgTFZXYUxVVWBMVVVgTFVVYEpRUV1PRURHMhkZEQMAAAAAGBcQAklOb3U/Sab1Nj6l/DQ8pf00O6n9MTeq/SwvrP0rLa79MDOu/TQ4qv0zOaf8NDum/T5GqfZJTXBzFxcPAjk7SzU6Saz8Iy6m/gkSmfsGD539CA6f/QMKnP0FCJv9BQec/QIHn/0HC6P9Bg2h/QkOnPsiK6n+OUWt/DU3RzM5P2FfM0Co/wQOi/oDC5L9BRCX/gAAkP4pL5b+i5PA/ouTwP4pL5j+AACT/gQNmv4CCJT9BAuO+jE7rP83PWNePkRkXCs4pP8AD478Dh6Z/w4anf8AApL/UVar/+zv9f/s7/X/UVes/wABlP8MF6H/DRuc/wAMkfwpNqf/QENmWz1CY10tPab/AA+M/AEJjv8CBpH/AACI/zk9nf/e4e7/3uHu/zk9nf8AAIr/AgaU/wEFkv8ADo78LDqo/z5CZVw9Q2JeKzyk/wAQhfwdI47/JSeU/w8Uhv9XWqT/6erz/+nq8v9YWqP/EROG/yUllf8cIpD/AA6I/Co5pv8+Q2RcPkRjXiY2n/8ZJYn8oqnJ/8XI3/+vttP/z9Hk//n5/P/5+fv/ztHj/7G20//Gyd//oarJ/xkli/wmNKL/QEVlXEBGZF4jNJr/ISqK/NHX5P///////Pz7///////////////////////7/Pv//////9DY5P8hKYv8IzKd/0FHZlw8QWBeJDaZ/xEfg/xverH/lJvF/4aQv/+xuNX/9fb6//X2+f+xt9T/h4++/5Saxv9ve7H/ER2F/CM0m/87QmJcRkxlXlxss/9IWaP8UmGn/1djrP9LWKb/f4q8/+/x9f/w8fb/f4i7/0pZp/9XZK7/UmCq/0hYpPxba7T/SE1nXF1gbVuUoc7/d4W5/HmGvf92g7//anW3/5Obxv/v8fb/8PH2/5Kbx/9odbj/doK//3mFvf93hLj8lJ/P/15gcFphZXFgl6TM/3uIu/uHk8X/hpPE/3qHvf+iqs7/9fb5//X2+f+hqs7/eoa+/4aSxf+Hk8P/e4e7+5ejzv9hZHFfTlJdSbG84P+Gkrv5g5C8+4eSv/yCjr38jJa//KevzPymr8z8jJW//IKOvfyGkr/8g5C++4eTvfmxvOL/S1BbSA8SFA+LlKu1w83s/6mz1f6tt9v/rbfb/6q12v+kr9b/pK7W/6q02f+tt9v/rbfc/6mz1f7Dzuz/ipKptQ8QEg4AAAAAEhUXFmVqeoGBh5ipfoKSooCFlaWAhZWlf4SVpX+ElqWAhZalgIWWpX6Dk6KChpmpZWl6gRIUFxYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==') !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;}

bunda1
да, теперь отодвигается все нормально.
Просто это немного не то, что хотелось. Сейчас сдвижка в сторону идет от последней закладки (папки), а так как их кол-во периодически меняется, то и положение этой папки тоже изменится - когда не доходит до края, а когда совсем уходит за край...
Т.е. другими средствами, кроме как сдвижкой, нельзя прижать папку к самому краю?

Inko7

ну тогда не знаю:(

Inko7 пишет:

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

[Предыдущая папка или закладка] [разделитель] [Папка, которая должна быть справа]

Выделить код

Код:

toolbarbutton.bookmark-item[label="Предыдущая папка или закладка"] + toolbarseparator {
    -moz-box-flex: 1000 !important;
    -moz-appearance: none !important;
    border: none !important;
}

Infocatcher
Очень неплохо, спасибо!
Главное не добавлять новые закладки после той, которая указана в коде :)
Плохо, что обязательна привязка к элементам панели, а не к самой панели...

подскажите пожалуйста: как можно поменять цвет ссылок, предлагаемых поисковым движком, в дополнении omnibar

Najlus

.ac-url-text:not([selected="true"]) {
color: red !important;
}

bunda1 пишет:

.ac-url-text:not([selected="true"]) {
color: red !important;
}

Спасибо, но можно ли сделать чтобы цвет действовал только на ссылки, предлагаемые поисковым движком, а не на все?

Najlus

.autocomplete-richlistitem:not([type="bookmark"]):not([selected="true"])  .ac-url-text {
color: red !important;}

Хотя это тоже не совсем то :/

Что-то такое, наверное:

Выделить код

Код:

.autocomplete-richlistitem[type^="omnibar-suggestion-"] .ac-url-text {color: red !important;}

Пожалуйста люди подскажите  как можно поменять
название таба на другое

chrome://browser/content/bookmarks/bookmarksPanel.xul
на
bookmarks tab

Inko7, можно сказать это для #bookmarksBarContent > toolbarseparator:last-of-type, например.
Тогда закладки после последнего разделителя будут отгоняться вправо.

luitzen
спасибо! так намного удобней, без привязки к имени предыдущей папки или закладки.

Не знаю виден ли сайт только в Респ.Карелия или с "мира" тоже виден будет: truba.karelia.ru - видео-ресурс местный )
Всё видео проигрывается во флэши, а снизу всегда есть ссылка на оригинальный файл. Можно ли как-нибуть заменить div с флэшем на html5-тег? ^) :dumb:

На Stylish такого не вытянуть?

Ξ SoaT Ξ
нет. CSS этого не позволяет. А вот юзерскриптом - можно.

iDev.Pi, тоесть это мне придётся JS учить? эх :sick:

В дополнении Speed Dial можно выбрать опцию "скрывать пустые закладки". Проблема в том, что при проведении курсора над пустой закладкой она становится видимой. Можно ли как нибудь от этого избавиться?

для фороникса
кому надо/хочет дополните...
на юзерстайлс акк нет.

PS. мне не стыдно :)

скрытый текст
@-moz-document domain("www.phoronix.com") {

TABLE
{
width: 100% !important;
}

div#phxcms_container,
div#phxcms_part_body
{
width: 99.8% !important;
position: relative !important;
}

div#phxcms_content_left
{
width: 140px !important;
left: -130px !important;
  -moz-transition: left ease-in;
  -moz-appearance: none !important;
position: fixed !important;
}

div#phxcms_content_left:hover
{
left: 0px !important;
-moz-transition: left ease-in  !important;
}

div#phxcms_content_right
{
width: 100% !important;
position: relative !important;
}


div#phxcms_content_center
{
width: 75% !important;
position: relative !important;
left: 20px !important;
}


DIV[style="width: 320px; float: right;"]
{
float: left !important;
width: 23.6% !important;
}

div#phxcms_content_center_wide
{
width: 100% !important;
position: relative !important;
left: 20px !important;
}

DIV[style="width: 590px; float: left;"]
{
width: 73% !important;
left: 142px !important;
}


div#phxcms_right_menu
{
border: 0 !important;
position: relative !important;
left: 1.3% !important;
width: 23.8% !important;
}

p{
text-align: justify !important;
}

div#phxcms_content_phx
{
width: 100% !important;
text-align: justify !important;
}


div[class="page"]{
width: 100% !important;
}


}

okkamas_knife
я думаю, он имел в виду заменить загрузку флеш плеера для видео таким образом, чтобы видео игралось через встроенный в лису хтмл5 плеер.
FoxReplace такого не позволяет, но есть гризманки скрипты для этого, но их тяжело заставить работать (я нашёл только 1 который удалось заставить работать, но он требует установки СССР кодек пака).
Ξ SoaT Ξ
FlashVideoReplacer - только что нашёл это дополнение на АМО, сам ещё его не попробовал. По идее оно должно уметь и h264 видео показывать, т.к. видео оно отображает через плагины и если в плагин может подцепить этот кодек (если он установлен в системе), то всё ок. Но это конечно не замена на HTML5, но всё же видео плагины потребляют меньше ресурсов чем флеш для видео.

iDev.Pi пишет:

FlashVideoReplacer - только что нашёл это дополнение на АМО, сам ещё его не попробовал. По идее оно должно уметь и h264 видео показывать, т.к. видео оно отображает через плагины и если в плагин может подцепить этот кодек (если он установлен в системе), то всё ок. Но это конечно не замена на HTML5, но всё же видео плагины потребляют меньше ресурсов чем флеш для видео.

Интересное решение. Попользую это пока-что. Но искать буду дальше)

Подскажите кто понимает,сделать элементарный стиль только чтобы поменять фон страницы,просто чтобы белый поменять на бледно-желтый(например #FFFFF0),не трогая ни ссылки,ни заголовки.

okkamas_knife пишет:

там же написано

Ξ SoaT Ξ пишет:

а снизу всегда есть ссылка на оригинальный файлоригинал

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

А, если так, то по идее да, можно это сделать. Я как-то не обратил внимание на это условие - и потому на эту тему я побеседовал с автором flashvideoreplacer-a: можешь сам почитать, если с английским нет проблем. Или могу основные выжимки оттуда перевести - там основная проблема в доступе к медиафайлу (ну и в неподдерживаемых кодеках). Зачастую ссылка на медиафайл спрятана и получить его можно только в ответ на запрос, т.е. необходима имитация или кратковременный запуск флеша.

okkamas_knife пишет:

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

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

okkamas_knife пишет:

скорее всего это сделано либо как неуклюжая попытка защитить ролик от скачивания

вряд ли. Только посмотри обилие дополнений типа "download vie from youtube" - их миллионы.

okkamas_knife пишет:

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

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

okkamas_knife пишет:

либо судя по поведению (непопулярные ролики с первого раза как правило не открываются - надо обновлять сраничку)

кажется это обычный глюк флеша, т.к. бывает смотришь видео, нажал паузу, перемотал куда-то, снова перемотал - и видео уже не показывается. Ф5 иногда не помогает, надо именно ctrl+f5. У меня такое иногда бывает. С древних времён и сейчас даже на 3.6.

okkamas_knife пишет:

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

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

okkamas_knife

смотри http://forum.mozilla-russia.org/viewtop … 90#p302890 и сообщения ниже

Я смотрел его,менял.Я хочу чтобы менялся только фон страницы,а буквы(например красные,зеленые) оставались как есть.Так можно сделать как нибудь?

Привет!
Кто может подсказать?
на Firefox 4.0b7 не работают стили связаные с текстом:(
Например это очень надо:

скрытый текст
a:visited {text-decoration: line-through !important; border: 1px solid;}

на Firefox 3.6 этот стиль отлично работает ,а на 4.0 невкакую:angry:

nepomyaschiy
странно, но и правда для :visited этот стиль не работает (ни декорирование текста, ни добавление рамки), а, например, для :-moz-any-link:hover - работает.

Наверняка имеет отношение к этой теме.

okkamas_knife
а, да, было дело. Спасибо, что напомнил, я уж и забыл про ту историю.

Gecko/20101220 Firefox/4.0b9pre >
Панель дополнений снизу сделана и выровнена по центру. Можно ли через Stylish сделать чтобы её цвет был как цвет фона текущей страницы?

Как избавиться от бага Stylish?
Суть его в том, что жму "Создать новый стиль", выбираю конкретно отдельный сайт, а работает на всех - по всему инету.
Уже очень давно, исправьте, пожалуйста.

tranzer,
надеюсь вы выбираете конкретно отдельный сайт таким образом?

Выделить код

Код:

@-moz-document domain("имя конкретно отдельного сайта") {
     текст вашего стиля
 }

profanatic
Да! Идёт следующим образом всё - сам текст к примеру
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("pastebin.ubuntu.com") {

}

Затем сам код http://pastebin.ubuntu.com/542461/ однако пашет на все страницах.

tranzer
Код надо вставлять не «затем», а между фигурных скобок.

Тьфу блин! Вот нуб.

Подскажите решение проблемы:
- с очень давних пор пользовался стилем для установка произвольных иконок для папок на панели закладок. Вот таким:

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

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

.bookmark-item[container="true"][label="Fishki"] {
list-style-image: url("data:image/x-icon;base64,AAABAAEAEBAAAAEAGABoAwAAFgAAACgAAAAQAAAAIAAAAAEAGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADO19iJqLNGfJIYX3oYXnpFe5GJprPO19gAAAAAAAAAAAAAAAAAAAAAAAAAAACqu8I9gpgLgaYMm8cPqtoNnMoKYIAIYoY7fJapusAAAAAAAAAAAAAAAAAAAACYr7Ypf5wRpssTmrsRZX0Vs9cudYils7dKfY8KgKwkdJWWrLMAAAAAAAAAAAC/zM83hZ0SrtQWstJhhpBepcIRWG5AXWb///9whYwQl70KksQyfJe/zM8AAAAAAABvmqkQm74Y0PIXmLBwhYzb4OI0U1w0U1zDzM9YcXkSiaYPrd0Iga1ul6cAAAAAAAA+iqEWvN4Xm7QQNEBEYGlJkZ4XhpgXhpgXhpgTVWMQNEARepkLdpw6f5oAAAAAAAAggZoVjKQRP0wbq78bq78ezuYg5v8g5v8g5v8dwtkZpL0Ul7MNj7cccpIAAAAAAAAegp0Tdo0cs8kg5v8g5v8g5v8g5v8g5v8f4PkjjZ4mWmchaXwPptMWcJAAAAAAAAA2iaIYyOgf5P4bsscbsscbsscbsscf2/Qzl6i7xsnDw8OUtcENVnAyfJkAAAAAAABkmKgVrswYnLGImqCImqCImqCImqAWe4xwhYz///8zMzMLTGMNR1tjk6QAAAAAAACnusApa3uYsLf///////////////8QNEBwhYz////ExMSXp6wmTlymusAAAAAAAAChsLWWpqzj5+kVFRVzc3P////n6+wUZHUhobglV2UkTlwrUFx0k50AAAAAAAAAAACfrrOfrrM9bX4VHyKZmZnP1tkyeIga0/MXwOESpMYrg56HoaoAAAAAAAAAAAAAAADT2tyGmJ6JtcWntbnL09ZManUbfZQciKI5iqJik6Stv8MAAAAAAAAAAAAAAAAAAAAAAADb4OJke4NMZ3B8j5bL1Ng4WmYUO0lqg4wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB+kZfR2NtWb3iVpasAAAAAAAAAAAAAAAAAAAAAAADwDwAA4AcAAMADAACAAQAAgAEAAIABAACAAQAAgAEAAIABAACAAQAAgAEAAIADAACABwAAgA8AAMA/AAD8PwAA") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;
}

.bookmark-item[container="true"][label="Mobile"] {
list-style-image: url("data:image/gif;base64,R0lGODlhEAAQAPcAAP//////zP//mf//Zv//M///AP/M///MzP/Mmf/MZv/MM//MAP+Z//+ZzP+Zmf+ZZv+ZM/+ZAP9m//9mzP9mmf9mZv9mM/9mAP8z//8zzP8zmf8zZv8zM/8zAP8A//8AzP8Amf8AZv8AM/8AAMz//8z/zMz/mcz/Zsz/M8z/AMzM/8zMzMzMmczMZszMM8zMAMyZ/8yZzMyZmcyZZsyZM8yZAMxm/8xmzMxmmcxmZsxmM8xmAMwz/8wzzMwzmcwzZswzM8wzAMwA/8wAzMwAmcwAZswAM8wAAJn//5n/zJn/mZn/Zpn/M5n/AJnM/5nMzJnMmZnMZpnMM5nMAJmZ/5mZzJmZmZmZZpmZM5mZAJlm/5lmzJlmmZlmZplmM5lmAJkz/5kzzJkzmZkzZpkzM5kzAJkA/5kAzJkAmZkAZpkAM5kAAGb//2b/zGb/mWb/Zmb/M2b/AGbM/2bMzGbMmWbMZmbMM2bMAGaZ/2aZzGaZmWaZZmaZM2aZAGZm/2ZmzGZmmWZmZmZmM2ZmAGYz/2YzzGYzmWYzZmYzM2YzAGYA/2YAzGYAmWYAZmYAM2YAADP//zP/zDP/mTP/ZjP/MzP/ADPM/zPMzDPMmTPMZjPMMzPMADOZ/zOZzDOZmTOZZjOZMzOZADNm/zNmzDNmmTNmZjNmMzNmADMz/zMzzDMzmTMzZjMzMzMzADMA/zMAzDMAmTMAZjMAMzMAAAD//wD/zAD/mQD/ZgD/MwD/AADM/wDMzADMmQDMZgDMMwDMAACZ/wCZzACZmQCZZgCZMwCZAABm/wBmzABmmQBmZgBmMwBmAAAz/wAzzAAzmQAzZgAzMwAzAAAA/wAAzAAAmQAAZgAAMwAAAPj4+ujp7ebm6OPk6MDAwry8vqCgpJ+dnZmZnW1tcC6w9QBcwZ2cnZyanZqanW1tb/X1+PPz9pOTldTU1r+/wbKytK+vsefo7O/w8+nr7+Xm6ABcwBJrwB55yhtYjwxTji6I1l+ZvC+v9P7+/tzc3MjIyLm5uf///yH5BAEAAP8ALAAAAAAQABAAAAidAP8JFAigYMGBCAd288aQYbeEA9utw4YuXTps6x5CLAdv3Lh588Zl8wbx37d4pPCpxJcNXMlv7+zRm0kvm7mX2+7Vq6dyG7mX8u6pFKdP3reX2vKJW6pP21GI37S9e5dtqlOk59iFY3fuKkRy2rrt4wegm9eE4LSd4xaO7babEMFt6wdgRd1tLiF6y+aOmzpu/kaW/OcPm2HD/hIGBAA7") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;
}

.bookmark-item[container="true"][label="Mobile_(Forum)"] {
list-style-image: url("data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAAAAAAAAAAAAAAAAAAAAAAAD5+fkA+fn5APz+/gD7/PwAtLKxM4qFhZFqY2TMX1ZY5WFYW+VuZ2rNkIyMksC+vTb4+PgA/P3+APj6+wD4+vsA+fn5AP39/QD19vYInJeXkFtUVfptbmz/d42C/22Sev9lhmb/YnJb/2RgXv9qYmX7oJ6clPb29gn8/f4A+Pr7APv8/AD29vYIhn+BtFljXP+bwbD/r9/I/3y/lv9bpWr/UJ9Q/0qgNf9Umjf/cYJk/3Jqa/+ZlpS49fb2Cvn7/AD///8An5mckFZqVv92xJL/ZaV5/zJfK/8gSQ7/IEoN/yRREf8pXhX/OIIc/1mnQv9/lnX/f3h4/7KxrpX+/v8A2NTXMGBnWPxaqln/R4xF/yBNDP8gTQz/Ik0R/yBIEP8hSBD/I00R/yNPEf89eSr/b7Fi/5CZif+Qioj94N7dM6GanpFQgzr/Q5sq/zFzGP81ehr/Nnoc/zJxGv8rYhb/I08S/yBHEP8jThL/I1EQ/1COQv99pHX/nZeX/7u4tZaEhX7OTJkv/z+WHP9FlSf/RZsn/z+ZIP8+kx7/O4Ue/zFuGv8kUhP/IUgQ/yJND/8yZyH/XpFT/6enov+wq6zReoRx5mafVP+JnHv/pKmb/6a1n/+Ot4X/XqlM/0CaIP88iR3/L2sZ/yJMEf8hSRD/KFgW/0d4O/+wsqv/t7Ky6YaIf+aWlpD/naab/6S2pP/DxML/4Nbe/9rd2/+QwYX/QZkh/zJ9Ff8oWxT/IEcQ/x1MC/9Sd0f/y8nI/8C8u+iel5fPh5t+/3C2cf+Ex5b/ms+t/7zXx//t6+3/+PH5/73Ytf9bnUP/JWMO/xI+AP8wVyD/t8G0/9zZ2//Ny8rQwLq8k2SEWv9dnVX/ndOx/9Xu4/+34Mn/p9O1/+zu7f/99///7/Du/7nLs/+er5f/09jR//Lw8v/c3Nz/3t3dlOrm5zGCh3z8L10j/2ufav/L6dn/veXQ/4vJnf+XyZz/9/b1//z5+////P////z///Tz9P/r6+v/4+Pj/e3t7TH7/PsA1NDRkV5pV/8YQQr/S3lG/6PIrP+Au4n/VaZT/6TKm////v//+/n5//X09P/w7+//6+vr/+7u7pL4+PgA+vv7APn6+gnU0NG1bHtj/1x3UP9thGL/EjkG/xM7B/83Vyv/+Pb2//z6+v/08/P/7u7u/+/u7rT39/cJ+Pj4APn5+QD7+/sA9fT0COPg4pHByL76g5t5/1R4Rv9Jbjn/ma2R//n3+f/19PT/8PHx+vHx8ZD19fUI+Pj4APj4+AD5+fkA+vr6APX09ADt7OwA8O7wM/bz94/y8fLL8fHx6Pj2+ejx8fHM8vLyj/Pz8zP19fUA9fX1APj4+AD4+PgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;
}


Но вот вчера обновилось дополнение CuteButtons - Crystal SVG и произошло следующее - при наведении курсора мыши на папки только с "самодельными" иконками в панели закладок, их иконки пропадают! Отведешь курсор в сторону - они вновь появляются! Захожу в "Стили" и откл/включ этот стиль и иконки уже не пропадают. После загрузки все заново...
Изменение настроек дополнения ни к чему не приводит...
Может стиль нужно как-то изменить? Помогите!

P.S. Все дела на FF 3.6.13

ответили на ру-боарде:

Попробуйте добавить в стили следующее:

Выделить код

Код:

.bookmark-item[container="true"][label="Fishki"]:hover,.bookmark-item[container="true"][label="Mobile"]:hover,.bookmark-item[container="true"][label="Mobile_(Forum)"]:hover {-moz-image-region: rect(0px 16px 16px 0px) !important;} 

Добавил в конце стиля данную строку - теперь все ок!!! :rock:

up
Намекните пожалуйста, как отключить авто скрытие аддон/статус бара в четверке, НАПРИМЕРЕ НИЖЕ СЛЕДУЮЩЕГО СКРИПТА??
Точнее, нужно что бы status text при наведении на ссылку продолжал отображаться где нибудь. Status-4-Evar для переноса в аддонбар стоит.

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

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);


/* Main Settings */

#navigator-toolbox
{border: none !important;}




/* Navigation Bar Settings */

#navigator-toolbox #nav-bar
{background: transparent !important;
box-shadow: inset 0 3px 6px rgba(180,180,180,0.5), inset 0 -3px 6px rgba(180,180,180,0.5) !important;}

#navigator-toolbox .toolbarbutton-text
{color: #202020 !important;
text-shadow: 0 1px 3px rgba(220,220,220,0.9), 0 -1px 3px rgba(220,220,220,0.9) !important;}




/* Menubar Settings */


#toolbar-menubar[autohide="false"] #main-menubar
{background-color: transparent !important;}

#navigator-toolbox #toolbar-menubar[autohide="false"] .menubar-text
{color: #141414 !important;
text-shadow: 0 1px 2px rgba(220,220,220,0.9), 0 -1px 2px rgba(220,220,220,0.9) !important;}




/* Tab Bar Settings */

#main-window:not([sizemode="fullscreen"]) #TabsToolbar[tabsontop="false"]
{background: transparent !important;
box-shadow: inset 0 1px 3px rgba(180,180,180,0.5), inset 0 -3px 5px rgba(180,180,180,0.5) !important;}





/* Tab Settings */

.tabs-newtab-button
{background: transparent !important;
border-radius: 3px !important;
opacity: 0 !important;}

.tabs-newtab-button:hover
{opacity: 1.0 !important;}

#TabsToolbar[tabsontop="false"] .tabs-newtab-button
{-moz-transform: rotate(-180deg) !important;}

.tabbrowser-tab:not([selected="true"])
{background: transparent !important;
color: #202020 !important;
text-align: center !important;
font-size: 8pt !important;
font-family: segoe ui !important;
text-shadow: 0 1px 2px rgba(220,220,220,0.9), 0 -1px 2px rgba(220,220,220,0.9) !important;
opacity: 0.8 !important;}

.tabbrowser-tab:not([selected="true"]):hover
{opacity: 1.0 !important;}

#TabsToolbar[tabsontop="false"] .tabbrowser-tab:not([selected="true"])
{-moz-transform: rotate(-180deg) !important;}

#TabsToolbar[tabsontop="false"] .tabbrowser-tab:not([selected="true"]) .tab-text
{-moz-transform: rotate(-180deg) !important;}

.tabbrowser-tab[selected="true"]
{background: transparent !important;}

#TabsToolbar[tabsontop="false"] .tabbrowser-tab[selected="true"]
{-moz-transform: rotate(-180deg) !important;}

.tabbrowser-tab[selected="true"] .tab-text
{color: #141414 !important;
font-size: 10pt !important;
font-family: segoe ui !important;
text-align: center !important;
text-shadow: 0 1px 2px rgba(220,220,220,0.9), 0 -1px 2px rgba(220,220,220,0.9) !important;
margin-left: 2px !important;}

#TabsToolbar[tabsontop="false"] .tabbrowser-tab[selected="true"] .tab-text
{-moz-transform: rotate(-180deg) !important;}

.tab-icon-image:not([pinned]) {display: none !important;}





/* App Button Settings */

#appmenu-button dropmarker {display: none !important;}

#appmenu-button .button-text {color: #141414 !important;
font-weight: normal !important;
text-shadow: 0 1px 3px rgba(220,220,220,0.9), 0 -1px 3px rgba(220,220,220,0.9) !important;}

#appmenu-button
{background: transparent !important;
box-shadow: inset 0 0 2px rgb(180,180,180) !important;
border: none !important;
border-radius: 4px !important;}

#appmenu-button:hover
{box-shadow: inset 0 0 6px rgb(220,220,220) !important;}




/* Bookmarks Bar Settings */

#navigator-toolbox #PersonalToolbar
{background: transparent !important;
border-top: 0.5px solid #505050 !important;
box-shadow: inset 0 3px 6px rgba(180,180,180,0.5), inset 0 -3px 6px rgba(180,180,180,0.5) !important;}

#navigator-toolbox #PersonalToolbar .toolbarbutton-text
{color: #141414 !important;
font-size: 9pt !important;
text-shadow: 0 1px 2px rgba(220,220,220,0.9), 0 -1px 2px rgba(220,220,220,0.9) !important;}





/* Bookmarks SideBar Settings */

sidebarheader
{-moz-appearance: none !important;
background: #9d9d9d !important;
  box-shadow: inset 0 3px 6px #000000, inset 0 -3px 6px #000000 !important;
color: #000000 !important;
text-shadow: 0 1px 2px rgb(200,200,200), 0 -1px 2px rgb(200,200,200) !important;
font-size: 12pt !important;
text-align: center !important;
border: none !important;}

#sidebar-splitter {background-color: rgb(116, 24, 26) !important;
border: none !important;
min-width: 0 !important;
max-width: 0 !important;}

#history-panel > hbox,
#bookmarksPanel > hbox
{-moz-appearance: none !important;
background-color: rgb(70,70,70) !important;
color: #000000 !important;
text-shadow: 0 1px 2px rgb(200,200,200), 0 -1px 2px rgb(200,200,200) !important;
border: none !important;
box-shadow: inset 0 3px 5px #000000, inset 0 -3px 5px #000000 !important;}

#bookmarks-view,
#historyTree 
{-moz-appearance: none !important;
border: none !important;
color: rgb(180,180,180) !important;
background-color: #000000 !important;
 box-shadow: inset -15px -15px 15px rgb(180,180,180) !important;}





/* Toolbar Button Settings */

.toolbarbutton-1 {
background: transparent !important;
border: none !important;
box-shadow: inset 0 1px 1px rgba(200,200,200,0.8), inset 0 -1px 1px rgba(200,200,200,0.8) !important;}

.toolbarbutton-1 > .toolbarbutton-menubutton-button
{background: transparent !important;
border: none !important;
box-shadow: inset 0 1px 1px rgba(200,200,200,0.8), inset 0 -1px 1px rgba(200,200,200,0.8) !important;}

.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker
{background: none !important;
border: none !important;
box-shadow: none !important;}

#TabsToolbar .toolbarbutton-1
{box-shadow: none !important;}


.toolbarbutton-1:not([disabled="true"]):hover
{box-shadow: 0 0 2px rgb(210,230,250) !important;}



/* URL and SearchBox Settings */

#searchFilter,
#urlbar,
.searchbar-textbox 
{background-color: rgba(150,150,150,0.4) !important;
color: #000000 !important;
border: none !important;
box-shadow: inset 0 3px 6px rgba(120,120,120,0.5), inset 0 -3px 6px rgba(120,120,120,0.5) !important;}

.urlbar-over-link-box {
color: #141414 !important;}


#identity-box {min-width: 3px !important;
max-width: 3px !important;
opacity: 0 !important;}

#urlbar[level="high"] #identity-box {min-width: 0 !important;
max-width: 0 !important;
opacity: 0.9 !important;}

#searchbar .searchbar-engine-image
{display: none !important;}




/* ScrollBar Settings */

scrollbar[orient="vertical"] 
{-moz-appearance: none !important;
background: #ffffff ! important;
box-shadow: inset 0 0 10px #000000 !important;}

scrollbar[orient="horizontal"]
{ -moz-appearance: none ! important;
background: #ffffff !important;
box-shadow: inset 0 0 10px #000000 !important;}

scrollbar thumb[orient="vertical"] 
{ -moz-appearance: none ! important;
background-color: #404040 !important;
border: none !important;
border-radius: 6px !important;
min-height: 15px !important;
box-shadow: inset 0 0 6px #ffffff !important;}

scrollbar thumb[orient="horizontal"]
{ -moz-appearance: none ! important;
background-color: #404040 !important;
border: none !important;
border-radius: 6px !important;
min-width: 15px !important;
box-shadow: inset 0 0 6px #ffffff !important;}


scrollbar scrollbarbutton, scrollbar gripper 
{ -moz-appearance: none ! important;
min-height: 12px !important;
max-height: 12px !important;
min-width: 12px !important;
max-width: 12px !important;
background-color: #404040 !important;
border: 0px !important;
border-radius: 6px !important;
box-shadow: inset 0 0 2px #ffffff !important;}





/* Bottom Browser settings for Addon Bar and Find Bar */

#browser-bottombox
{ -moz-appearance: none !important;
background: transparent !important; 
border: none !important;
box-shadow: none !important;}


#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar
{-moz-appearance: none !important;
border: none !important;
min-height: 3px !important;
max-height: 3px !important;
opacity: 0 !important;}

#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar:hover
{box-shadow: inset 0 3px 6px rgba(180,180,180,0.5), inset 0 -3px 6px rgba(180,180,180,0.5) !important;
min-height: 0 !important;
max-height: 0 !important;
opacity: 1.0 !important;}

#FindToolbar {
color: rgb(180,180,180) !important;
background-color: #303030 !important;
border: none !important;
box-shadow: inset 0 6px 11px #ffffff !important;}

#FindToolbar .toolbarbutton-text {color: rgb(180,180,180) !important;}


Спасибо.

Подскажите, пожалуйста, как сделать отображение всех кнопок на панелях (1) таким же, как и отображение вкладок (2)? При наведении мыши вылезает этот окаянный чёрный фон. В CSS практически не разбираюсь, работаю методом научного тыка.
1.
http://rghost.ru/4069660/image.png

2.
http://rghost.ru/4069688/image.png

Кстати, есть ли где-нибудь хороший справочник, в котором описаны все параметры браузера, которые можно изменить с помощью CSS?

Nick Stern
попробуй toolbar>*:hover{background-color:transparent!important}

iDev.Pi пишет:

Nick Stern
попробуй toolbar>*:hover{background-color:transparent!important}

Не совсем то, изменяется цвет фона панели при наведении, а надо цвет фона кнопки. Попробовал с toolbarbutton-icon, не катит. Буду копать дальше.

а

Выделить код

Код:

toolbarbutton:hover{background-color:transparent!important}

?

25-01-2011 13:13:48

Nick Stern пишет:

Кстати, есть ли где-нибудь хороший справочник, в котором описаны все параметры браузера, которые можно изменить с помощью CSS?

их все можно менять.
Достаточно знать CSS (сайт временно не работает, а так он очень полезный).
И знать названия элементов и их текущие параметры - для этого нужен DOMi. Запустил ДОМи - File - Inspect Chrome Document - 1 (основное окно). Inspect - чтобы снизу появилось его отображение. Дальше жмёшь "Find a node to inspect by clicking it" и кликаешь по интересующему тебя элементу - слева вверху в ДОМ-дереве сразу же раскроется и подсветится нужный элемент. В правом-верхнем окне кликаешь кнопку и выбираешь из списка "CSS rules" чтобы посмотреть какие правила применяются конкретно к данному элементу, либо "Computed Style" чтобы посмотреть сразу все параметры элемента. И тогда ты уже знаешь, какое свойство для какого элемента можно менять.

Огромное спасибо! Это как раз то, что нужно
/ушёл пилять свою собственную тему/

iDev.Pi пишет:

И знать названия элементов и их текущие параметры - для этого нужен DOMi.

С моим вопросиком не поможете? Чуть выше.
И можно ли таким макаром выдрать стилишы из аддона, например из Personal Tab. А именно, как он перемещает строку адреса в строку меню, которую затем можно задвинуть в строку заголовка.

RusDS
для того чтобы убрать сокрытие аддон-бара надо для #navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar убрать opacity: 0
А на будущее вам скажу - формулируйте вопрос на русском, то что вы написали в предыдущем сообщении - еле читаемо. Я даже не уверен, что понял просьбу правильно.
И хранить все стили в одной куче - это моветон, никому не охота лопатить тонны кода.

iDev.Pi пишет:

для того чтобы убрать сокрытие аддон-бара надо для #navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar убрать opacity: 0

оК.
Если навести курсор на нижний край окна - всплывает аддон бар. Если убрать курсор с того места, бар исчезает.
Ищу как отключить это. Что бы аддон бар отображался все время. не зависимо от наведения курсора на край окна.
Пока не получилось.
Ранее работала команда auto hide display none. Сейчас что то не понимаю.
Спасибо за помощь.

RusDS
я же сообщением выше уже написал, что надо удалить 1 строку opacity:0 и написал где её искать (под #navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar)

iDev.Pi пишет:

я же сообщением выше уже написал,

Спасибо. Понял. Так и сделал. Выходит ошибка. Удалил

Выделить код

Код:

opacity:0 !important;

Эфекта нет.

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

Выделить код

Код:

#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar
{-moz-appearance: none !important;
border: none !important;
min-height: 3px !important;
max-height: 3px !important;
opacity: 0 !important;}

RusDS пишет:

Спасибо. Понял. Так и сделал. Выходит ошибка. Удалил opacity:0 !important; Эфекта нет.

Код:
#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar
{-moz-appearance: none !important;
border: none !important;
min-height: 3px !important;
max-height: 3px !important;
opacity: 0 !important;}

Точно удалил?

iDev.Pi пишет:

Точно удалил?

Да.
Проверил, аддоны отключал. Бар все еще самозакрывается.
Скриншот:

скрытый текст
http://s19.radikal.ru/i192/1101/97/0b8099ec145bt.jpg

Вместо этого, теперь в фулл скрине по F11 не всплывают табы :sick:
Ок. Будем посмотреть ccs дальше.
Собственно, интересует лишь статус текст, отображение url при наведении курсора на гипер ссылку.
Пока оставляю эту функцию в адресной строке (как на скриншоте. Но хочется иметь это отдельно, в низу). Длина позволяет более менее отобразить полный адрес.
..
Как можно сделать длиннее адресную строку? Или же отображать в ней конец адреса, при наведении курсора на гиперссылку?

RusDS
если вам просто убрать автоскрытие надо, то:

#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar
{
-moz-appearance: none !important;
border: none !important;
удалить min-height: 3px !important;
удалить max-height: 3px !important;
удалить opacity: 0 !important;
}

И это удалить полностью или оставить первое правило, если тени нужны.
#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar:hover
{
box-shadow: inset 0 3px 6px rgba(180,180,180,0.5), inset 0 -3px 6px rgba(180,180,180,0.5) !important;
min-height: 0 !important;
max-height: 0 !important;
opacity: 1.0 !important;
}

pasynok пишет:

если вам просто убрать автоскрытие надо, то:

:music: . :beer: . :beer: . :rock:
Шикарно!!!
Спасибо! То что надо!
Жизнь наладилась!!! Йииххааа! :D Почти все как нужно для минимал.

скрытый текст
http://s60.radikal.ru/i170/1101/a3/76b377c11e78t.jpg Мои поклоны pasynok и
iDev.Pi

..
И вопросик с адресной строкой.
Тоже мозг выела проблемка. (Кроме заданной длины. Это актуально)
Как сместить начало текста в адресной строке? Примерно на 30 pcx правее. Кнопку меню убил все таки (невидимая теперь и сместил на 26 pcx ниже), вопрос не так актуален, но решение хотелось бы узнать, если не затруднит.

RusDS пишет:

Как сместить начало текста в адресной строке?

если сместить именно начало текста, тогда попробуйте
#urlbar .urlbar-input-box {
   padding-left: 30px !important;
}

pasynok пишет:

если сместить именно

Ок! Великолепно! :beer: и масштабирование не плывет.
В оригинале все смещено в край без параметров, видимо через dropmarker. Это изучим.
Спасибо!

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

img[src="..."] {content: url("...") !important;}  не помогает :(

Там короче элементы span, и их много, в каждый из них "вырезается" фрагмент одного изображения, причем в каждый span разный фрагмент. Как сделать чтобы png-шка, общая для этих span-ов заменялась на другое изображение, которое будет "врезаться" в span-ы так же как и исходное??

SendInfo
Стили для этого не предназначены. Лучше всего это делать скриптами.
Ну или получится извращение типа

Выделить код

Код:

img[src="..." {
   padding-left: ???px !important; 
   background: url("...") !important;
   background-repeat: no-repeat !important; }

iDev.Pi, даже этим "извращением" не выходит, пробовал и так...
А как сделать это скриптами? Я просто с ними мало знаком :rolleyes:

Спасибо! :D

Подскажите пожалуйста, как отключить или сдвинуть тень от букв в строке адреса?
На скриншоте видно, после того как сместил текст адреса, тень от него осталась на прежнем месте.

скрытый текст
http://forum.mozilla-russia.org/uploaded/NEWTAB1.jpg
Нашел ранее, но выпало из головы, как задавал сдвиг. Обновил отредактированный скрипт, и все пропало шеф.

Здравствуйте, есть вопрос по Stylish в FF4.
Имеется такой вот стиль:

Выделить код

Код:

 a:visited img.preview {
   opacity: 0.5 !important;
   border: 2px solid #0000ff !important;
 }

Не важно даже, что он к изображению применяется, просто игнорируется тэг-стиля opacity, border срабатывает нормально, можно даже просто сделать:

Выделить код

Код:

a:visited {
   opacity: 0.5 !important;
}

И он тоже не будет работать. Никакой информации об ошибке в интернете не нашёл, в FF3.6.xx проблем не возникало.
Если opacity применять к любым другим свойствам :link, :hover, то всё работает, проблема только с :visited, поскольку другие стили для :visited (кроме opacity) работают, то подозреваю, что layout.css.visited_links_enabled отношения не имеет к этому.

Кто-нибудь может что-то порекомендовать или откатываться назад на тройку?

IsaNewton
запретили opacity, а так же padding, margin, position text-decoration и мн. другое менять для посещённых ссылок, т.к. применяя подобные стили - злосайт мог бы узнать, какие сайты вы посещали, что не секурно.

Есть возможность отключить этот параноидальный бред или указать white-list?

IsaNewton
вроде бы нет.

Спасибо, жаль :(

Здравствуйте все !

Английским не владею и помощь на их сайте от них не получить.

Проблема со (stylish)нужен стиль для сайта(youtube.com)
отображается он у Меня так,  http://i031.radikal.ru/1103/33/bec58deca8cat.jpg
а хотелось бы так  http://i058.radikal.ru/1103/de/8d3c8c6ae6e6t.jpg

Помогите кто чем может!

Цвет случайно получился чёрный,там главное убрать лишнее место с лева чтоб видео и комментарии полностью в перешли в левую сторону.
и по больше места осталось для превьюшек,и ещё бы для них отдельный скролл.чтоб прокручивались превьюшки ,а видео оставалось на месте.
Нашла стиль почти то, но не совсем называется( RiceTube )
он решил проблему свободного места с права,правда без отдельного скролла, может с его помощью и левую сторону как то уничтожить?

Версия браузера(Mozilla Firefox  3.6.16
монитор с разрешением(1280*1024)

Всем заранее огромное спасибо!

Подскажите пожалуйста, как вот этот стить подружить с барлеском http://userstyles.org/styles/45007/find-bar-like-google-chrome-ii ??
При установленном барлеске при появлении вверху файндербара под барлеском появляется еще серая пустая полоса, вроде статусбара.
Заранее спасибо :)

Подскажите, как в FF4 стилем увеличить (сделать повыше) строку состояния, которая появляется с помощью дополнения Status-4-Evar ?

Народ а кто нить знает как в Firefox 4.2a1pre сделать влкадки более узкими ? 

я через расширение Stylish делал таким образом а сейчас не помогает 

скрытый текст
.tabbrowser-tab,
.tabs-newtab-button {
background-size: 100% -moz-calc(100% - 2px) !important; 
-moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAXCAQAAACVbWY0AAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sCCgw7Ce0kW7AAAAACYktHRAAAqo0jMgAAAOVJREFUKJGdUMEKgkAQfc5ukZQoHoJAMaJL4LGP6Rbdo3N/0J/1A32Al055SKGUYtPGJEg2OzSPgdl5vLczQwAMCHRhoo8Bp8m1gEHclvzwEWL+Qsi1CUnM9jBzgp2KLuU1uuyUE2CGHqED37EOyTYbxziO4212SIY2fGKj0Sb1UqS4o+Tken3GqCKsZY6cm2/kqxwWgc0mCuqDUJ5Cp57qgaKBRzVVZVZokPRar9QgaqtWhU78UlRHyYzrJ5DVCgE9/iToC0H1518Voo2wpaH3JRtN3RPfphmlG5O8Lfa8aTOKxf4JITp52BrKXVUAAAAASUVORK5CYII=") 3 4 2 5 / 3px 4px 2px 5px repeat stretch !important;
  border-radius: 10px 8px 0 0!important;
}

.tabbrowser-tab[pinned]{
        max-width:31px !important;
        min-width:31px !important;
}

kwinto
tab {
        max-width: 60px !important;
        min-width: 30px !important; }

iDev.Pi
не понял !!!

добавил в последнии три строчки свои т.е. заместо

.tabbrowser-tab[pinned]{
        max-width:31px !important;
        min-width:31px !important;
}

сделал

.tabbrowser-tab[pinned]{
        max-width: 60px !important;
        min-width: 30px !important;
}

результат не изменился

я имел в виду узкими сделать по вертикали !!! Кто подскажет ?

в 4b10pre были раза в 2 уже чем сейчас в релизе

kwinto

Выделить код

Код:

.tabbrowser-tab, .tabs-newtab-button {
  height: 24px !important;
}
.tab-icon-image, .tab-throbber{
  height: 14px !important;
  width: 14px !important;
  margin-top: -2px !important;
  margin-bottom: -2px !important;
}
#tabs-closebutton {
  height:18px !important;
  width:18px !important;
}

Кто-нибудь сталкивался с полоской под активной вкладкой, и знает, как её фиксить?
http://imagepost.ru/thumbs/817/29gV8lD.png

Nero Wolfe

чуть уменьшилась по вертикали но не так как раньше было ..... если сейчас вертикаль 2см то с твоим стилем где то 1.6 см а у меня было 1 см !!!

kwinto пишет:

я имел в виду узкими сделать по вертикали !!!

По-русски "узкие по вертикали" - значит низкие.
tab { height: 15px !important; }

28-03-2011 22:25:58
Tiger.711
Сталкивался. Никак.

kwinto
вот тут можно менять высоту

Выделить код

Код:

.tabbrowser-tab, .tabs-newtab-button {
  height: 24px !important;
}

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

iDev.Pi пишет:

Сталкивался. Никак.

В 4.0 убирается. В 4.2 что-то изменили в отображении интерфейса настолько кардинально?

Давненько я просил стиль для того, чтобы закладки на панели закладок после последнего разделителя отгонялись вправо.
luitzen и Infocatcher придумали вот такое:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#bookmarksBarContent > toolbarseparator:last-of-type {
    -moz-box-flex: 1000 !important;
    -moz-appearance: none !important;
    border: none !important;
}

Теперь же, перейдя на FF4 этот метод перестал работать :(
Помогите! Что можно сделать в данном случае?

shumomer
нет, у него как и уменя стилем сделан нав-бар прозрачным

iDev.Pi пишет:

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

У меня тоже. Точнее - полупрозрачным (-moz-win-glass + background-image: -moz-linear-gradient с opacity 0.4). Полоски нет.

shumomer
попробуй сам:
1. выставить tabs-on-top = false
2. чтобы сделать нав-бар посветлее (чтоб видно было) этот стиль
:root[tabsontop="false"] #nav-bar {
   background-color: rgb(207, 219, 236) !important; }

посмотри на низ активного таба

iDev.Pi пишет:

попробуй сам:
1. выставить tabs-on-top = false
2. чтобы сделать нав-бар посветлее (чтоб видно было) этот стиль:root[tabsontop="false"] #nav-bar {   background-color: rgb(207, 219, 236) !important; }
посмотри на низ активного таба

На первом скрине (http://imagepost.ru/images/817/29gV8lD.png) табы именно сверху. Если они не вверху то границы между низом таба и навбаром и быть не может - табы ниже.
У меня тоже не темный вариант, полоски нет:

http://storage8.static.itmages.ru/i/11/0331/h_1301518132_9dcd6dde2c.png

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

shumomer
нет, позицию табов, по определённым причинам, люди могут менять стилем, а настройку "tabs-on-top" выключать по тем же причинам.
Вот я например так делаю:

скрытый текст
/* Заменить голубой фон у панелей закладок и таббара на прозрачный */

#PersonalToolbar {
   background-color: transparent !important;
   text-shadow: white 2px -2px 4px, white -2px 2px 4px, white -2px -4px 4px, white 2px 4px 4px !important; }
#nav-bar {
   border-left: 1px solid black !important;
   border-right: 1px solid black !important;
   border-radius: 0 !important; }
#TabsToolbar {
   background: transparent !important; }
:root[tabsontop="true"] #TabsToolbar {
   border-left: 1px solid black !important;
   border-right: 1px solid black !important;
   padding-bottom: 1px !important; }
:root[tabsontop="false"] #nav-bar {
   background-color: rgb(207, 219, 236) !important;
   border-bottom: 1px solid grey !important; }


/* Сортировка тулбаров */

#PersonalToolbar {
   -moz-box-ordinal-group: 8 !important; }
#TabsToolbar[tabsontop="true"] {
   -moz-box-ordinal-group: 1 !important; }

Эээ... А можно узнать причины такого странного поведения - отключить стандартное свойство а потом стилями приводить к тому-же виду?

ЗЫ Ща опробую как с вашими стилями себя поведет.

31-03-2011 01:34:27
Хм.. У меня этот стиль вклдки на верх не перекидывает.

shumomer
мне, например, не нравится что нельзя сортировать тулбары, поэтому приходится это делать вручную: последовательность снизу вверх должна быть для меня такой - контент, нав-бар, таб-бар, закладко-бар, тайтлбар (совмещающий в себе апп-баттн и полноценный меню-бар (т.е. меню + кнопочки с панели менюбара)).
Если убрать табс-он-топ, то как вы уже видели - у активного таба снизу будет рамка как и у неактивных табов, что убого.
Получается мне нужен мой порядок тулбаров + включённая настройка табс-он-топ, но чтоб она не портила ничего.

Inko7 пишет:

чтобы закладки на панели закладок после последнего разделителя отгонялись вправо

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#bookmarksBarContent > toolbarseparator:last-of-type,
#PlacesToolbarItems > toolbarseparator:last-of-type
{
    -moz-box-flex: 1000 !important;
    -moz-appearance: none !important;
    border: none !important;
}

Собственно, взял стиль отсюда, который был написан совсем по-другому, и впилил его в свой. Полоска пропала, всё заработало. Не знаю, чем было вызвано, и почему заработало.

Другой вопрос: как можно в окне панорамы перетащить кнопки в строку заголовка, и можно ли туда добавить ещё пару кнопок? В частности, интересует "вкладки с других компьютеров"

Infocatcher
спасибо, отлично работает!

Я тут немножко статью написал. Скажите кто-нибудь - полезна ли?

iDev.Pi пишет:

Скажите кто-нибудь - полезна ли?

Ну разумеется полезна. :beer:
Хотя тут нужно мнение чайника.

По содержанию: кнопка Attributes Inspector не особенно нужна — такая кнопка есть в самом DOM Inspector.

Sid
Вот мнение чайника я и ждал.
Без Attributes Inspector-а не получится некоторые вещи удобно отследить, которые скрываются-показываются только при определённых условиях или менюшки контекстные какие-то. ДОМИ сможет только ДОМ-дерево показать, а вот нажмёшь "инспект" - и элемент исчезнет. А тут тебе наглядно да рамочкой всё показано.

iDev.Pi

Типы информации об объекте бывают разными и можно переключаться между ними

В панели слева тоже можно переключаться.

http://forum.mozilla-russia.org/viewtop … 33#p461033

Важность бывает обычная: ; и высокая: !important;

Если уж на то пошло, то ; перед } можно не писать.

"Copy Selector"

Это от Stylish.

Infocatcher пишет:

Если уж на то пошло, то ; перед } можно не писать.

этого лучше не упоминать, т.к. могут не так понять и будут думать, что можно одним правилом 2 свойства поменять не поставив ни разу ;

Infocatcher пишет:

http://forum.mozilla-russia.org/viewtop … 33#p461033

Во, спасибо. Я помнил, что у Владимира где-то более достоверную информацию видел, но не нашёл на его сайте.

Infocatcher пишет:

В панели слева тоже можно переключаться.

можно. Только там не все пункты есть из тех, что есть в правой части.

Infocatcher пишет:

Это от Stylish.

Ок, упомянул об этом.

iDev.Pi, Sid
Отзыв от чайника:
Большое спасибо за статью! Что такое вообще CSS, зачем оно в принципе нужно и как приблизительно работает, я знал и раньше, но благодаря статье открыл для себя много нового, в частности, целую кучу полезных инструментов и метод их эффективного применения на практике.

Отзыв от суперчайника:
Статья очень нужная и полезная,правда пользы мне почти не дала,по причине невозможности освоить DOM Inspector.Не знаю уж,что там и как,но по изложенной инструкции,он работать не хочет увы.

MySh
Рад, что статья понравилась.

vv07
А чего конкретно там не работает? Attributes Inspector открывает DOMi сразу на нужном элементе. Этот элемент показан в лейвой части окна в ДОМ-дереве. А в правой части окна выбери, например, computed style и посмотри все свойства и их значения для выбранного элемента. Крутишь этот список и видишь, чего бы подкрутить под себя хотелось бы.

Я тут немножко статью написал. Скажите кто-нибудь - полезна ли?

iDev.Pi Чудненько :D .... полезна несомненно :blush: :angel::beer:

Крошка Ру
:beer:

Tiger.711 пишет:

как можно в окне панорамы перетащить кнопки в строку заголовка, и можно ли туда добавить ещё пару кнопок? В частности, интересует "вкладки с других компьютеров"

И второй вопрос: можно ли стилем задать подсветку непрочитанных вкладок?

Подскажите, как поменять цвет папок в панели закладок в FF4 ?
Спасибо.

Chis пишет:

Подскажите, как поменять цвет папок в панели закладок в FF4 ?Спасибо.

http://forum.mozilla-russia.org/viewtopic.php?pid=484498#p484498

Chis
для примера, вот так:

скрытый текст
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.bookmark-item .toolbarbutton-icon {margin: 0px !important;}

.bookmark-item[container]:not([query="true"]){
list-style-image: url(data:image/png;base64,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) !important;
-moz-image-region: rect(0 16px 16px 0) !important;
}

.bookmark-item[container]:not([query="true"]):hover,
.bookmark-item[container]:not([query="true"])[open="true"]{
list-style-image: url(data:image/png;base64,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) !important;
-moz-image-region: rect(0 16px 16px 0) !important;
}


скрытый текст
/* Bookmarks Toolbar   Blue/Folders, Red/Bookmarks */

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* Make bookmark folders items bold (900) and navy blue (#0000EE)*/
/*  use 400  #0000E8 on main,  400 #800000 on firefox portable */
.bookmark-item[type="menu"] > .toolbarbutton-text {
   font-weight: 500 !important; color:#0000E8 !important;  }
/* make bookmark file items on toolbar red */

/* you can comment out font-size choice but I suggest  9px or 10px */
.bookmark-item > .toolbarbutton-text {
  font-weight: 100 !important;   color: red !important;
  font-size: 10px  !important;}
/* choose 8px up to 14 px */

#PersonalToolbar {min-height:18px !important;
  margin-top:-1px !important;
  max-height:18px !important; }  /*font-size + 8px to include hangers */
/* an improvement but still have oversized item selection bubble
   would prefer -2px instead of -1px for top margin */
.bookmark-item > .toolbarbutton-text {
  -moz-appearance: none !important;
  background-image: none !important;
  padding: 0 2px 0 2px !important;
  margin: -5px 0 0 0 !important;  }

/* change FONTSIZE on text with icons restricted to personal bookmarks*/
/* .bookmark-item > .toolbarbutton-text //-moz-appearance: none !important; */

/* remove folder/file icons from bookmarks toolbar 
   http://www.gfxoasis.com/board/lofiversion/index.php?t11762.html  */
.bookmark-item > .toolbarbutton-icon {display: none !important; }

/* widen all bookmarks dropdown menus -- Chris Ilias 2007-01-12*/
   menu.bookmark-item, menuitem.bookmark-item { max-width: 36em !important; }


существующие какртинки (в base64) запросто меняешь на свой вкус...

Inko7
Спасибо, звездочки-супер.

существующие какртинки (в base64) запросто меняешь на свой вкус...

А это как?

Chis пишет:

существующие какртинки (в base64) запросто меняешь на свой вкус...

А это как?

http://forum.mozilla-russia.org/viewtopic.php?pid=484498#p484498

Chis
Самый простой вариант: вызываешь диалог добавления новой кнопки для Custom Buttons, через "Обзор" выбираешь свою картинку и жмешь кнопочку "Base64". Полученный код и есть то, что тебе надо.

Tiger.711 пишет:

Как можно в окне панорамы перетащить кнопки в строку заголовка, и можно ли туда добавить ещё пару кнопок? В частности, интересует "вкладки с других компьютеров"
И второй вопрос: можно ли стилем задать подсветку непрочитанных вкладок?

Подскажите, как сделать линию под вкладками, которая бы окрашивалась в цвет активной вкладки, для стандартной темы FF4? (На скрине сравнение со стандартной темой FF3 + Aging Tabs) Или, как убрать тонкую линию только под активной вкладкой?

http://img18.imageshack.us/img18/328/46848883.png

mitraleks
включить tabs-on-top

iDev.Pi пишет:

включить tabs-on-top

Да, и что же получится? TabsOnTop для меня не приемлимо.

mitraleks

Выделить код

Код:

#TabsToolbar {
   background: transparent !important;
   border: 0 !important; }
#nav-bar {
   background-color: rgb(231, 237, 246) !important;
   border: 1px solid black !important;
   border-radius: 2px !important;
   margin-top: -1px !important; }
tab[selected="true"] {
   margin-bottom: -1px !important;
   padding-top: 1px !important; }
tab[selected="true"][first-tab="true"][last-tab="true"] {
   padding-bottom: 5px !important;
   padding-top: 2px !important; }

iDev.Pi пишет:

mitraleksКод:#TabsToolbar {
   background: transparent !important;
   border: 0 !important; }
#nav-bar {
   background-color: rgb(231, 237, 246) !important;
   border: 1px solid black !important;
   border-radius: 2px !important;
   margin-top: -1px !important; }
tab[selected="true"] {
   margin-bottom: -1px !important;
   padding-top: 1px !important; }
                    Отредактировано iDev.Pi (Сегодня 14:02:19)

У панели навигации черная рамка и белый фон, а также стерлась линия, где вкладок нет.


Я сделал так:

Выделить код

Код:

.tabbrowser-tab[selected="true"] {

 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAACXBIWXMAAAsSAAALEgHS3X78AAAAP0lEQVR4nJ3EwRGAIAxFwdd/ozqOojIImEC+PbiHJUJizBDmU3QbonYXpbnIj4mrvCLlLva7ie1sYk1VLMfvPsACXAiaNQmaAAAAAElFTkSuQmCC) !important;

Или(только название и лого сайта упадут на 1 пиксель):

tab[selected="true"] {
   margin-bottom: -1px !important;
   padding-top: 1px !important; }
}

И тем самым убрал нижнюю линию у активной вкладки
http://img218.imageshack.us/img218/1707/23202110.png

Может кто-нибудь помочь с этим стилем:

Выделить код

Код:

.titlebar-placeholder[type="appmenu-button"] {
     margin-right: -4px  !important;
}

#appmenu-button {
    border: 0 none !important;
    padding: 0 !important;
    margin-top: 0 !important;
    margin-right: 10px !important;
    height: 24px !important;
    min-width: 28px !important;
    width:50px !important;
    -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAXCAQAAACVbWY0AAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sCCgw7Ce0kW7AAAAACYktHRAAAqo0jMgAAAOVJREFUKJGdUMEKgkAQfc5ukZQoHoJAMaJL4LGP6Rbdo3N/0J/1A32Al055SKGUYtPGJEg2OzSPgdl5vLczQwAMCHRhoo8Bp8m1gEHclvzwEWL+Qsi1CUnM9jBzgp2KLuU1uuyUE2CGHqED37EOyTYbxziO4212SIY2fGKj0Sb1UqS4o+Tken3GqCKsZY6cm2/kqxwWgc0mCuqDUJ5Cp57qgaKBRzVVZVZokPRar9QgaqtWhU78UlRHyYzrJ5DVCgE9/iToC0H1518Voo2wpaH3JRtN3RPfphmlG5O8Lfa8aTOKxf4JITp52BrKXVUAAAAASUVORK5CYII") 5 4 5 6 / 5px 4px 5px 6px !important;
    border-radius: 10px 10px 0 0 !important;
    background: -moz-linear-gradient(rgba(247,182,82,1), rgba(215,98,10,.2)) no-repeat -5px -3px !important;
background-size: 200%  !important;
    box-shadow: none !important; 
}
#appmenu-button:hover {
    background-image: -moz-linear-gradient(rgba(247,182,82,1), rgba(215,98,10,1))  !important;
}
#appmenu-button[open] {
    background-image: -moz-linear-gradient(rgba(255,182,82,1), rgba(255,98,10,1))  !important;
}

#main-window[privatebrowsingmode=temporary] #appmenu-button {
    background-image: -moz-linear-gradient(rgba(153,38,211,.5), rgba(105,19,163,.2)) !important;
}

#main-window[privatebrowsingmode=temporary] #appmenu-button:hover,
#main-window[privatebrowsingmode=temporary] #appmenu-button[open]{
    background-image: -moz-linear-gradient(rgba(153,38,211,1), rgba(105,19,163,1)) !important;
}
#appmenu-button dropmarker,#appmenu-button .button-text { 
    display:none !important;
}
#appmenu-button .button-icon {
    margin-left: -4px !important;
    margin-right: 0px !important;
    margin-top: 0px !important;
   margin-bottom: -5px !important;
    list-style-image: url("chrome://branding/content/icon48.png") !important;
     -moz-image-region: rect(0px 46px 16px 0px) !important;
opacity:0.8 !important;
}
#appmenu-button-container { 
     position: fixed !important;
     margin-top: 0px !important;
     width:50px !important; 
}

Чтобы он отображался так даже в не развернутом окне:
http://s001.radikal.ru/i193/1104/8a/a6c318e60934.jpg

Использую для аддонбара вот такой стиль

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#browser-bottombox {
  position: fixed;
  bottom: 0px;
  width: auto;
  height: 22px;
  padding-right: 1px;
  padding-left: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 1px solid rgba(197,193,182,0.9) !important;
  border-bottom: 0 !important;
  border-right: 0 !important;  
  background: -moz-Dialog;
  -moz-transition: bottom .25s ease, opacity 0.25s ease !important;
  opacity: 0.7;
  
}

#browser-bottombox:hover {opacity: 1 !important}

#browser-bottombox {
  right: 15px;
  -moz-border-radius: 7px 0 0 0;
  background-position: right bottom !important;
}

#addon-bar > #status-bar > .statusbar-resizerpanel {
  position: relative;
  margin-right:-4px;
}

#addonbar-closebutton {display: none !important;}

@media all and (-moz-windows-theme:luna-blue),(-moz-windows-theme:luna-silver),(-moz-windows-theme:luna-olive),(-moz-windows-theme:zune),(-moz-windows-theme:royale),(-moz-windows-classic) {
#addon-bar {-moz-appearance: menuitem !important;}
}

/* Slide effect */
#browser-bottombox {
  bottom: -17px;
  -moz-transition-delay: .5s;
}

#browser-bottombox:hover {
  bottom: 0px !important;
  -moz-transition-delay: 0s;
}

#browser-bottombox > #addon-bar {
  -moz-transition: visibility ease .75s;
}

#browser-bottombox:hover > #addon-bar {
  -moz-transition-delay: 0s;
}

#browser-bottombox > #addon-bar {
  visibility: hidden !important;
}

#browser-bottombox:hover > #addon-bar {
  visibility: visible !important;
}

/* Side */
#browser-bottombox {
  right: 15px;
  -moz-border-radius: 7px 0 0 0;
  background-position: right bottom !important;
  border-bottom: none;
  border-right: none;
}

при этом аддонбар выскакивает сразу при наведении курсора на него, очень неудобно когда просто проносишь курсор через аддонбар для каких либо не связанных даже с ФФ действий.
Как сделать задержку по времени, чтоб навел, подержал и тольок тогда аддонбар появился??
Заранее спасибо :)

Nero Wolfe
Firefox 4 - Hidding Addonbar Dark Спереть оттуда то, что закомментировано как "автоскрытие"

Tiger.711
спасибо, все получилось.
Сделал вот так:

Выделить код

Код:

/* Slide effect */
#browser-bottombox {
  bottom: -16px;
  right: 15px;
  -moz-border-radius: 7px 0 0 0;
  background-position: right bottom !important;
  border-bottom: none;
  border-right: none;
  -moz-transition: bottom .5s 1s ease-in;
}

#browser-bottombox:hover {
  bottom: 0px !important;
  -moz-transition: bottom .5s .3s ease-out;
}

#browser-bottombox > #addon-bar {
  -moz-transition: bottom .5s 1s ease-in;
}

#browser-bottombox:hover > #addon-bar {
  -moz-transition: bottom .5s .3s ease-out;
  visibility: visible !important;
}

Да, там хороший стиль, но мне у него не нравиться стиль и то что панелька торчит=( немного изменил его, но убрать пришлось анимацию

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* *********************************************************************************************************************************

 аддонбар*/

#addon-bar {
  opacity: 0;
  position: fixed;
  bottom: 0px;
  right: 0px;
}

#addon-bar:hover {
   position: fixed;
   bottom: -2px;
  -moz-appearance: none !important;
  padding: 3px 0px 0px 0px !important;
  opacity: 1;
  -moz-border-radius: 4px 0 0 0;
  border: 1px solid grey !important;
  background-color: -moz-dialog !important;
}

#browser-bottombox {
   position: fixed;
   bottom: 0;
   width: auto;
   border: 0 !important;
   background: none !important;
}


#FindToolbar {s
   position: fixed;
   bottom: -2px;
   -moz-appearance: none !important;
   -moz-border-radius: 0 4px 0 0;
   border: 1px solid grey !important;
   background-color: -moz-dialog !important;
}

При этом аддонбар исчезает я появляется мгновенно, так что сильно не мешает когда случайно проведешь по нему, так как если указатель убрать с него он сразу исчезает=)

А никто не знает случайно, как можно панель табов в несколько рядов сделать для FF4?
Нашел вот такой код:

Выделить код

Код:

.tabbrowser-tabs .tabbrowser-arrowscrollbox,
    .tabbrowser-tabs .tabbrowser-arrowscrollbox > scrollbox,
    .tabbrowser-tabs .tabbrowser-arrowscrollbox > scrollbox > box {
      display: block !important;
    }

    .tabbrowser-tabs .scrollbutton-up,
    .tabbrowser-tabs .scrollbutton-down {
      display: none !important;
    }

    .tabbrowser-tabs .tabs-container {
      padding-top: 2px;
    }

    .tabbrowser-tabs .tabs-container > * {
      margin: 0 0 4px !important;
    }

    .tabbrowser-arrowscrollbox + .tabs-newtab-button {
      display: -moz-box !important;
      visibility: visible !important;
    }

Вроде работает, но он почему-то заодно уменьшает длину табов, т.е. если открыть с этим включенным кодом один таб, то он будет короче, чем один таб на чистом FF.

Подскажите, плиз :)
Поставил на винду темную тему, в ней фон системных менюшек светлый (меню по ПКМ), а фон активных пунктов меню под курсором бордового цвета. Но в ФФ4 меню под оранжевой кнопкой имеет темный фон и черный шрифт (похоже на фоны из стартового меню), соответственно очень плохо все видно. Как сделать чтобы ФФ использовал для своих меню системный цвет? Скрины не выкладываю, т.к. это все дома...

mitraleks пишет:

Или(только название и лого сайта упадут на 1 пиксель):

tab[selected="true"] {
   margin-bottom: -1px !important;
   padding-top: 1px !important; }

И тем самым убрал нижнюю линию у активной вкладки

В принципе тем же паддингом можно исправить смещение текста на 1 пиксель вниз, но основной баг не в этом - вот если бы у вас был Tree Style Tab с горизонтальным таббаром - вы бы заметили глюки, которые вызывал бы такой стиль.

mitraleks пишет:

.tabbrowser-tab[selected="true"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAACXBIWXMAAAsSAAALEgHS3X78AAAAP0lEQVR4nJ3EwRGAIAxFwdd/ozqOojIImEC+PbiHJUJizBDmU3QbonYXpbnIj4mrvCLlLva7ie1sYk1VLMfvPsACXAiaNQmaAAAAAElFTkSuQmCC) !important;

Громоздко и нет уверенности, что цвет точно такой же, как и при tabs-on-top.
Правильно было просто скопировать код стиля для tabs-on-top:

Выделить код

Код:

tab[selected="true"] {
 background-image: -moz-linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0.5) 50%), -moz-linear-gradient(rgb(207, 219, 236), rgb(207, 219, 236)) !important; }

15-04-2011 22:39:15

Kamui пишет:

Чтобы он отображался так даже в не развернутом окне:
http://s001.radikal.ru/i193/1104/8a/a6c318e60934.jpg

Установите стиль http://userstyles.org/styles/42417/ff4-tabs-in-titlebar-in-restored-window (в дополнение к вашему).
Возможно слегка высоту таббара или кнопки придётся подкрутить, чтобы подогнать.

Юзер пишет:

А никто не знает случайно, как можно панель табов в несколько рядов сделать для FF4?

Что-то типа такого:

Выделить код

Код:

.tabbrowser-tabs {
    max-height: none !important; }
.tabbrowser-tabs .tabbrowser-arrowscrollbox .scrollbox-innerbox {
    display: block !important; 
    text-align: left !important; }
.tabbrowser-tabs .tabbrowser-tab, .tabbrowser-tabs .tabs-newtab-button {
    min-height: 24px !important;
    max-height: 24px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-top-width: 1px !important;
    border-bottom-width: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 2px !important; }


/* Убрать кнопки прокрутки табов */

.tabbrowser-tabs .tabbrowser-arrowscrollbox .scrollbutton-up,
.tabbrowser-tabs .tabbrowser-arrowscrollbox .scrollbutton-down {
    display: none !important; }


/* Центровать по высоте кнопки "Таб Группы" и "Список всех вкладок" */

.tabbrowser-tabs .tabs-container {
    -moz-box-align: center !important; }
.tabbrowser-tabs .tabs-container > stack {
    max-height: 29px !important; }


/* Удалить это, если не нужен скроллбар справа */

/**/.tabbrowser-tabs .tabbrowser-arrowscrollbox .scrollbox-innerbox {
/**/    overflow-y: auto !important; }

15-04-2011 23:09:43
Nero Wolfe
попробуй в Настройки -> Содержимое -> Цвета   поставить галку у "использовать системные цвета".

iDev.Pi пишет:

Юзер пишет:

А никто не знает случайно, как можно панель табов в несколько рядов сделать для FF4?

Что-то типа такого:

Спасибо за код :)!
Но почему-то на чистом профиле FF4 почему-то просто не появляется второй ряд табов и все вкладки фиксированной укороченной длины. Последнее, как я понимаю, в принципе нельзя исправить? Просто  какой-то другой код на FF3.5 пробовал, там тоже табы фиксированной длины становились :blush:

Юзер
Нет, заставить их иметь нефиксированную ширину нельзя, но вместо укороченной подогнать под нормальную - можно.
tab:not([pinned="true"]) { min-width: 200px !important; }
и поиграться с цифрой 200.

Подскажите как уменьшить расстояние отмеченное красным, заранее спасибо.
http://i.imm.io/52aJ.png

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

iDev.Pi
на самом деле из того что изменяет тулбар стоит только Stratiform 1.1

lolder
не могу воспроизвести такого поведения с этим адд-оном. В любом случае - стоит об этом баге писать автору этого дополнения.

Блин, что сделали со Stylish 1.1.2?
Раньше управление стилями открывалось в отдельном окне, а теперь в менеджере дополнений и если начинаешь редактировать какой нибудь стиль, ФФ становится не активным, на другие вкладки не переключится :( Смысл тогда в предварительном просмотре, все равно нифига не видно...

Апдейт :) Нашел как исправить:

New default in Firefox 4 is to use the Add-ons Manager when choosing Manage Styles. The setting extensions.stylish.manageView is still available - 0 for add-ons manager, 1 for stand-alone dialog, 2 for sidebar

iDev.Pi пишет:

Установите стиль http://userstyles.org/styles/42417/ff4-tabs-in-titlebar-in-restored-window (в дополнение к вашему).
Возможно слегка высоту таббара или кнопки придётся подкрутить, чтобы подогнать.

Спасибо за совет, но там остается очень мало места для перетаскивания окна, я решил проблему подругому, установил Movable Firefox Button!

Подскажите, как сжать  и встроить в Панель дополнений  findbar?

Этот вопрос решил, нашёл Findbar within Addonbar (Firefox 4) . Возник другой.  При нажатие на кнопку Стилиш  появляется список установленных стилей.  Как сделать, что бы в этом списке отображались все установленные стили и в алфавитном порядке?

mserv пишет:

Этот вопрос решил, нашёл Findbar within Addonbar (Firefox 4) . Возник другой.  При нажатие на кнопку Стилиш  появляется список установленных стилей.  Как сделать, что бы в этом списке отображались все установленные стили и в алфавитном порядке?

extensions.stylish.manageView поставить значение 1, тогда окно со стилями будет открываться отдельно, а там можно сортировать стили!

Kamui пишет:

extensions.stylish.manageView поставить значение 1, тогда окно со стилями будет открываться отдельно, а там можно сортировать стили!

За параметр спасибо, не знал, как вернуть открытие стилей в отдельном окне.  Но мне  нужна не сортировка в окне стилей, а списка, который появляется при нажатие на кнопку Стилиш и что бы в этом списке были видны  все установленные стили.
http://s19.radikal.ru/i192/1105/78/832030077213.jpg

Ммм понятно теперь что требуется, но к сожалению я не знаю как это реализовать, возможно с помощью стиля можно сделать=) но я в этом не силен:(

Всем привет!
Установил FlashGot (приложение для скачивания мультимедиа)
После установки приложения в правом нижнем углу экрана появился страшный грязно-серый значок приложения
Скажите пожалуйста, можно ли изменить, заменить или нарисовать свой значок при помощи Stylish ?
Я установил этот Stylish, но толком не пойму как им пользоваться

http://img641.imageshack.us/img641/6088/2205v.jpg

leex небольшой обзор плагина Stylish для Firefox :)

Ой, это кошмар какой-то. я неделю разбираться с ним буду (((
А есть ли что-либо попроще?
Просто указать на значок и заменить его на свой?

Просто указать на значок и заменить его на свой?

leex так это то самое и есть :angel: 

вот  стиль  для замены изображения  кнопки самого Stylish
>Custom Stylish Icons - если использовать его в качестве примера для создания своего стиля .... попробовать :sick:

... или через добавление в файл userChrome.css - это практически то же самое , но со своими нюансами :) ... подожите - кто-нибудь подскажет.

Можно конечно попробовать открыть архиватором и поменять значок
http://forlazypeople.com/thumbs/bob.png

http://forlazypeople.com/thumbs/1yry.png

http://forlazypeople.com/thumbs/2ljl.png

http://forlazypeople.com/thumbs/3geg.png

http://forlazypeople.com/thumbs/4.png

http://forlazypeople.com/thumbs/5.png

http://forlazypeople.com/thumbs/6.png
, но после обновления расшрения стандартная иконка вернётся на своё место :whistle:

leex пишет:

А есть ли что-либо попроще?

пример :)

Выделить код

Код:

#flashgot-media-status {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAWtQTFRF////AAAAgID/QEBAgID/VVVVZIWbc5S9VVlRVVlVWWRnXGRrYHOBYHaJVlhTZoKcV1pXW2JkcqDPcp7Qc6DPW1xYaYajWVtXWVxXW15ZV1pVV1pWWFtWW1xYW11YXmhtX2txX2tyX214YG98YHKBY3eJZHqQXmZpZHuQWVtXaYakXF5Za4usWl1bbpG2ao2uboaZeJSvfoWFb3NsfoOBZXJ5mJqVmJuVXGhvZX6YkaCnq66mcp/PeqHJfaLIk7balZ+jmKCgm6Wpnqqzn6enn6mtn6y0oKOdoKWhoKuvoaywoqWeo6Wgo6ako6ijpKmlp6ypqbK3q66nrLCprLe7rbCprrCqrsLUr7KrsbWvsb7Jsb/HsrWvsrawsr/Hs7/ItLawtLewtLextLiwtbextbixtrmytrqzt7myt7q0uLu0uLu1ub21ub22ur22v8vUxs/Yx9Xj3+jx5Oz18PT68vb6+fv9/P3+////+JftewAAADx0Uk5TAAECBAQJFx9FRUVFRUVrbG9whpGeucLF09fh4eHh4eHh4eHh4eHh4uTl5uft7/T19vb29/j6+vv8/P3+I6XCzwAAAL5JREFUGFdjYIAATmkpDigTAmR8vGVQBDQTwiTgHE5ZSVHjdHNxVpiAXGiydV5enpk2HzOYz6ibnQcGGSYCYAFBo1yIQHaqOpDLJW8Rm5KYlpYaExGUY6rAzaDon5Xp7u3i6uXp5Bic56fEoOwRmeTr4BZVVBDvHJjpocLAo6phEBASF15cmB9tZanGCzKVX0vH0K7EVk9fjA3qECYRG5sKG3YoD8S3L6sotxdhQvBL7W2AGCYiBGKzgESFgTwAjuMqaBlfgwAAAAAASUVORK5CYII=") !important;
-moz-image-region: rect(0, 16px, 16px, 0) !important;
}

Спасибо за помощь :)
Но все равно не получается заменить этот значок

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

http://img36.imageshack.us/img36/2417/111gc.th.jpg

Но главное, я так понимаю в вашем коде зашифрована ссылка на мой значок (которым я хочу заменить стандартный)
Как мне указать на него ссылку?? Картинка с изображением значка должна лежать в какой-то папке на жестком диске??

leex
Значок должен поменяться после того как окошке Stylish нажмешь Save. Про ссылку я не понял, просто скажи какую ты иконку хочеш.

Но главное, я так понимаю в вашем коде зашифрована ссылка на мой значок (на которым я хочу заменить стандартный)
Как мне указать на него ссылку?? Картинка с изображением значка должна лежать в какой-то папке на жестком диске??

leex , там помещена не ссылка а сама картинка, перекодированная в base64 :)

http://img541.imageshack.us/img541/4738/11389156.png

Такую картинку хотелось бы :) В png сохранил, чтоб фон вокруг стрелочки был прозрачным

там помещена не ссылка а сама картинка, перекодированная в base64 :)

Ааа теперь по тихоньку начинаю понимать :)))

leex

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

Выделить код

Код:

#flashgot-media-status {
list-style-image: url("data:image/png;base64,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") !important;
-moz-image-region: rect(0, 16px, 16px, 0) !important;
}

О здорово bunda1!!
Теперь сам попробую перекодировать другие картинки как показал(а)??) Крошка Ру, и в вашем примере заменить своими

Всем Большущее спасибище :)

http://img541.imageshack.us/img541/4738/11389156.png

Такую картинку хотелось бы :) В png сохранил, чтоб фон вокруг стрелочки был прозрачным

leex  только размерчик крупноват - подыщите 16х16 пикселей, например здесь >
http://findicons.com/search/download

http://www.iconsearch.ru/search/?q=down … =6&y=4

http://www.iconfinder.com/search/?q=download


:)

Крошка Ру пишет:

http://img541.imageshack.us/img541/4738/11389156.png

Такую картинку хотелось бы :) В png сохранил, чтоб фон вокруг стрелочки был прозрачным

leex  только размерчик крупноват - подыщите 16х16 пикселей, например здесь >
http://findicons.com/search/download

http://www.iconsearch.ru/search/?q=down … =6&y=4

http://www.iconfinder.com/search/?q=download


:)

Ух ты!!
Отличный ресурс! Такое множество всего )))

leex

появился страшный грязно-серый значок приложения

Он не грязно-серый.))) Это наложение голубого и розоватого в середине.

ли изменить, заменить

Проще всего поменять картинку на свою такого же размера и типа и имени внутри архива самого расширения.
У меня так сменены значки у 4-5-ти расширений. Проще простого. Нужно только владеть навыками работы с архиватором, а чё там владеть-то? )))
xpi - это zip со средним сжатием, а jar - это zip без сжатия.

Проще всего поменять картинку на свою такого же размера и типа и имени внутри архива самого расширения.

vladmir и каждый раз после обновления менять ? :angel:

Крошка Ру
Понятное дело. Делов-то - у пяти расширений.)) Это первый раз долго - когда разбираешься, а потом на автомате - чик-чирик.
Я ж и в браузер своих 11 кнопок в код всобачиваю перед установкой и др. и у некоторых расширений косметически кой-чего подправляю.

Кроме того, можно скриптик написать, который это будет делать автоматически. Каждый день, например.

Проще всего поменять картинку на свою такого же размера и типа и имени внутри архива самого расширения.

Кстати, очень интересно! То есть вы хотите сказать что есть возможность распаковать архив, заменить то что надо, а потом опять собрать?
Какой программой это можно сделать??

И еще, я часто пользуюсь он лайн переводчиком http://translate.google.ru/#ru|en|
Но чтоб перевести фразу, постоянно приходится искать эту ссылку в закладках
Можно ли значок этой страницы поместить в панель навигации рядом с адресной строкой, или например, засунуть его в какой-либо тулбар можно в сам ГуглТулбар??

Спасибо

leex

Какой программой это можно сделать??

Архивы (xpi и jar) - это просто переименованные zip - любой архиватор для zip подойдёт. WinRAR или что угодно. Можно ассоциировать архиватор с этими типами файлов - они и открываться будут по даблклику по ним.

есть возможность распаковать архив, заменить то что надо, а потом опять собрать?

Да я бы даже термин "собрать" не использовал.)) Просто распаковать - запаковать. Только внимательно смотреть, чтобы вложенность, - порядок расположения файлов и папок внутри, не менялся. Можно максверсию расширения поднять заодно, или локаль поправить, или удалить локали, или добавить, или переделать расширение так, что это уж другое расширение будет.

leex пишет:

Можно ли значок этой страницы поместить в панель навигации рядом с адресной строкой, или например, засунуть его в какой-либо тулбар можно в сам ГуглТулбар??

Можно включить панель закладок и поместить его туда.
Можно кликнуть на него 2-ой кнопкой мышки и выбрать "свойства" и там стереть весь текст - тогда на тулбаре останется только иконка.

vladmir пишет:

leex

Какой программой это можно сделать??

Архивы (xpi и jar) - это просто переименованные zip - любой архиватор для zip подойдёт. WinRAR или что угодно. Можно ассоциировать архиватор с этими типами файлов - они и открываться будут по даблклику по ним.

есть возможность распаковать архив, заменить то что надо, а потом опять собрать?

Да я бы даже термин "собрать" не использовал.)) Просто распаковать - запаковать. Только внимательно смотреть, чтобы вложенность, - порядок расположения файлов и папок внутри, не менялся. Можно максверсию расширения поднять заодно, или локаль поправить, или удалить локали, или добавить, или переделать расширение так, что это уж другое расширение будет.

Спасибо за ответ, буду пробовать :)

Можно включить панель закладок и поместить его туда.
Можно кликнуть на него 2-ой кнопкой мышки и выбрать "свойства" и там стереть весь текст - тогда на тулбаре останется только иконка.

Панель закладок не желательно включать. Я ее специально не использую. Все во имя экономии свободного пространства монитора
Другого способа нет?

leex пишет:

Можно ли значок этой страницы поместить в панель навигации рядом с адресной строкой, или например, засунуть его в какой-либо тулбар можно в сам ГуглТулбар??

Custom Buttons :: Дополнения Firefox
Custom Buttons | Форум Mozilla Россия
Готовые кнопки для Custom Buttons | Форум Mozilla Россия

leex пишет:

Другого способа нет?

есть: через custom buttons.
например

То есть .... есть возможность распаковать архив, заменить то что надо, а потом опять собрать?

leex
под спойлером скриншоты > пост № 464  - где искать иконку :)


Панель закладок не желательно включать. Я ее специально не использую. Все во имя экономии свободного пространства монитора
Другого способа нет?

leex , у меня кнопка переводчика на панели инструментов > Custom Buttons+Translate page/selected with Google

http://forlazypeople.com/thumbs/epe.png

.... и ещё расширение Quick Translator  :angel:

Может офтоп конечно.. Но ктонить подскажет, есть ли какие-нибудь мастхэвные стили для Stylish? Ну в смысле вот для Greasemonkey (Scriptish) есть куча скриптов для более удобного скачивания с обменников, Linkify Plus и Direct Images. Есть ли что-то равное по полезности для Stylish?
Ато я вот уже час пытаюсь что-нибудь этакое найти, и единственным трофеем стал http://userstyles.org/styles/46642/ff4-cleanest-addon-manager

Может офтоп конечно..

Raf-9600 ,да вроде бы нет - о Stylish речь так или иначе идёт :)

вот те что сейчас использую >

Remove Icon Label for URLbar

Firefox 3 - Shows Go button when hover your mouse

Firefox addressbar transparent icons

FF3+ Mac Style Close Buttons

Google Professional

27-05-2011 00:49:17
... ещё пожалуй Pure Reader , хотя сейчас использую его в скриптовом варианте :)

Крошка Ру
Благодарю.
Вот пару плюшек что самостоятельно нашел:
http://userstyles.org/styles/36971/firefox-4-loading-progress-throbber-on-tab-icon
http://userstyles.org/styles/44447/fx4-app-button-whit-firefox-logo
http://userstyles.org/styles/46213/firefox-4-os-x-download-statusbar-slim
http://userstyles.org/styles/19844/wb-aero-about - он правда немного неверно работает, показывает окно ошибки не посредине, а в правом верхнем углу. Было бы неплохо еслиб ктонить это исправил :rolleyes:

P.S.
А для Гугли нашел Google Redesigned - красотища неописуемая :)

Raf-9600 использовал больше стилей, но на ночнушках то само расширение отвалится, то стиль какой-нибудь работать перестаёт :rolleyes:

А для Гугли нашел Google Redesigned - красотища неописуемая :)

да,пробовал - с ним сервисы от Google  выглядят очень неплохо , но например тому же Google Reader  с его помощью не предать минималистичный вид :)

Raf-9600
спасибо за стиль, понравился (правда надо бы его доделать, чтобы показывал информацию о выбранном элементе, а то совсем всё резать - не правильно.

а пока - торгану тем, что у меня стоит (из чего многое писал сам):
Link style and color protection - некоторые сайты маскируют ссылки на страницах под обычный текст, т.е. иногда их не отличить от обычного текста (а в ряде случаев - это нельзя сделать, даже при наведении на них курсором). Стиль написан с использованием новейших CSS селекторов, поэтому для верной работы скрипта нужен [nightly].

Direct links indicator - его предназначение ясно из скриншота:

скрытый текст
http://userstyles.org/style_screenshots/23388_after.png

Display keyboard shortcuts - у многих сайтов есть шорткаты (т.е. сочетания клавиш), о которых пользователю никак не сообщается, что неудобно.
Different cursors for different link types - лично мне нравится, когда я могу отличить яваскриптовую кнопку/ссылку от обычной кнопки, или от кнопки которая должна открыть новую вкладку (или новую пустую вкладку). Поэтому я написал стиль, чтобы курсор менялся в зависимости от типа ссылки.

А вот мой "Chrome" стиль изменяющий морду браузера под меня - там много всего не нужного никому кроме меня, но я пытался везде в коде делать комментарии (правда они на английском) - и я подумал, что кто-то может выцепить оттуда что-нибудь полезное, вроде кода, который бы восстанавливал бы скрытые кнопки "вперёд" и "назад" у квиксёрча вызываемого при клике по "/". Или вроде хака, позволяющего копировать "умные" mailto: ссылки в которых заранее вбит не только адресат, но и тема и содержимое письма. Без этого хака по такой ссылке если кликнуть правой кнопкой мыши, то там не будет пункта меню "Копировать адрес ссылки", а без этого узнать что там заранее введено в тему и в тело сообщения - узнать можно будет только когда нажмёшь на неё, что не комильфо.
скрытый текст

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/*----------------------------------------------------------*/

/* Show Charset menuitem in the top-level of appmenu */

#appmenu_charsetMenu[hidden="true"] {
   display: block !important; }


/* Restyle toolbars */

#TabsToolbar {
   background-image: none !important;
   margin-bottom: -1px !important; }
:root[tabsontop="true"] #PersonalToolbar {
   background: transparent !important;
   border: 0 !important;
   text-shadow: rgb(255, 255, 255) 0px 0px 6px, rgb(255, 255, 255) 0px 0px 6px, rgba(255, 255, 255, 0.4) 0px 1px 0px; }
:root[tabsontop="false"] #nav-bar {
   background-color: rgb(231, 237, 246) !important;
   border: 1px solid black !important;
   border-radius: 2px 2px 0 0 !important; }
:root[tabsontop="false"] tab[selected="true"] {
   background-image: -moz-linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0.5) 50%), -moz-linear-gradient(rgb(207, 219, 236), rgb(207, 219, 236)) !important; }

/* Double-click on tab-bar to open new tab even if tabs-on-top when not in full-screen */

#navigator-toolbox > #TabsToolbar {
   -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar") !important; }


/* Restyle the addon-bar */

#addon-bar, #browser-bottombox {
   background: transparent !important;
   text-shadow: 0 0 4px white !important;
   border: none !important; }
#FindToolbar {
   border-top: 0 !important; }
#appcontent {
   border-bottom: 1px solid black !important; }


/* Make all required text fields have a red dashed border */

*:required {
   border: 1px dashed red !important;
   background-color: lime !important; }


/* A small hack to let copy advanced mailto: links */

#context-copylink {
   visibility: visible !important;
   display: -moz-box !important; }


/* AppButton + MenuBar in the window's titlebar

#appmenu-button-container {
   height: 26px;
 }
#appmenu-button {
   margin-bottom: 5px !important;
   min-width: 1px !important;
   width: 40px; }
#appmenu-button .button-text { 
   color: transparent; 
   text-shadow: none;
   width: 0;
   margin-left: 9px !important;
   margin-right: -10px !important;
   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADK0lEQVQ4jV2TTWxUZRSGn++7d+bey3SYMgMzdNLMTCu2VcE0CjG1qYqRSEhYKElTA66MooaNLozDwh8WjAs3JsSFSxeKRg0axSj+EApFYotAS0ctWmeEOpTS6fx0fu+9n4v+pPqsTk7yvuck57wCIGXIT4BUsu6OBbr2bO+p5J71OfWHxvzxMEuMA6eBLwu/nxxlDWLZQAGcDG09Ou/xDR3IXegE2F9zEMDg/rd59eky1z467575pfLdrrmLRw7dqJxjWXwgZUh1682gShlSra2Ha0qdK9nq63xDbXniLTUx8pz68Y1+9U5XuPrhwMZBACkEjwRDGgD7hoLE457V9c4GNF5u9XK1WGfw4B4efT1B594eHnvlHrNUku99/mRks9SkuL/jTk+jkrVxF6ps7/Ovmu0bChKXUEQnH9uCMrx8MNJK4sEIoZgVKN9sJqXHENFou+ZtVl18iaXp1UKEjbuf4dPj86hTC1y+eJuJM3/hojF5rUGhYNO9K8TiXG2nrhTrfa0SXQoqJUnLwB0A6J5JAGamcuQn05RmctiuzlhaYkmHSNxkMe/06PWaa2CD2SYZ/rZE8/tRZnIKgKOPv0vz/Y8RysGSLtWaIJKo0Lp+nnylQq1o69LwiHKpoEBAMKKxye/S1iYBOPzNi3zW9wOv7chQnJ2jUczzcHsW8vOUf72J1SIqugZX/sk2+/0bNLruNvl73GZbXOfeHSY+0+ZC5hacOI3d/jwxK8vB3jT1XIPrZ/Nowh3XbUcdnxpv3BcI6VY4ZtK+LYjdcBj7aZHMHw3gKknfU/Sv+40Xdt8mpNVZmFpg8mcNb2vwlEgZssXSGNaF6N055Mc0dBxHR5oa03kvc8Ua68QisXCTRMKgik56pMyfGau4ObapWwAcMeQDluQLS4rw1j6LSFRD1ySapjCkjeMIbMAMQSarmLhUr81NOwPJujsqVr4uZcheQ+MrBdFQi6Sz20sgKNAtwCOYvd4kc0OgqnYlN+v2J+vupdUwrXDMp3W4gpdcpfY6UiQce+k6piHYEJA1p6lOlBfU4UOLzvR/0vh/jvm0DuAuILrcmgHSa4Ur/AsXclHwqDchzQAAAABJRU5ErkJggg==") no-repeat 3px !important; }
#toolbar-menubar {
   -moz-appearance: menuitem !important;
   padding-left: 2px; }
:root[tabsontop="true"][sizemode="maximized"] .titlebar-placeholder {
   display: none !important; }
:root[tabsontop="true"][sizemode="maximized"] #personal-bookmarks {
   margin-top: 26px !important; }
:root[tabsontop="true"]:not([sizemode="maximized"]) #PersonalToolbar {
   border-top: 1px solid black !important;
   border-top-left-radius: 3.5px !important;
   border-top-right-radius: 3.5px !important;
   margin-top: 6px !important; } */

/* Show bookmarm panel when Аdd-Оns Мanager is opened */

#main-window[disablechrome] #navigator-toolbox[tabsontop="true"] > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not([collapsed="true"]) {
   visibility: visible !important; }


/* Add "forward" and "back" buttons to the quicksearch */

#FindToolbar > .findbar-container > * {
   display: -moz-box !important; }


/* Set tabs' width */

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


/* Sort toolbars order */

#PersonalToolbar { 
   -moz-box-ordinal-group: 8 !important; }
/* #TabsToolbar[tabsontop="true"] {
   -moz-box-ordinal-group: 1 !important; } */


/* Remove the tab-bar scrolling if there are too many tabs */

#tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-up,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-down {
   display: none !important; }


/* Remove dotted border for the elements of the findbar if they are clicked */

findbar > * > *:focus {
   outline: none !important; }


/* Style the "open new tab" button (removing some paddings) */

#TabsToolbar > #new-tab-button {
   margin-left: -3px !important;
   margin-right: -1px !important; }


/*-------------------- CURRENTLY UNUSED ---------------------*/

/* Light blue background for the bookmarks panel

#PersonalToolbar {
   text-shadow: white 2px -2px 4px, white -2px 2px 4px, white -2px -4px 4px, white 2px 4px 4px !important; }
:root:not([sizemode="maximized"]) #nav-bar { 
   border-left: 1px solid black !important;
   border-right: 1px solid black !important;
   border-radius: 0 !important; }
:root[tabsontop="true"]:not([sizemode="maximized"]) #TabsToolbar {
   border-left: 1px solid black !important;
   border-right: 1px solid black !important;
   padding-bottom: 1px !important; }
:root[tabsontop="false"] #nav-bar {
   background-color: rgb(207, 219, 236) !important;
   border-bottom: 1px solid grey !important; }
#navigator-toolbox[tabsontop="true"] > toolbar {
   background-color: rgb(207, 219, 236) !important; }
#nav-bar {
   border: 1px solid black !important;
   margin-top: -1px !important; }
#appcontent {
   margin-top: -1px !important; } */


/* Normalize Custom Buttons' icons

.toolbarbutton-icon {
   width: auto !important;
   height: auto !important; } */


/* Fix transparent background of some popups and menus

popup {
   background: Menu;
   -moz-appearance: menupopup;
   border: 3px solid transparent;
   -moz-border-top-colors   : ThreeDLightShadow ThreeDHighlight ThreeDFace;
   -moz-border-left-colors  : ThreeDLightShadow ThreeDHighlight ThreeDFace;
   -moz-border-right-colors : ThreeDDarkShadow  ThreeDShadow    ThreeDFace;
   -moz-border-bottom-colors: ThreeDDarkShadow  ThreeDShadow    ThreeDFace;
   padding: 0px;
   min-width: 1px; } */


/* Color tabs in different colors regarding if they are active or not

tab {
   background-image: -moz-linear-gradient(left center, transparent, transparent 1px, #FFCCCC 1px, #FFCCCC) !important;
   opacity: 0.45 !important; }
tab[selected="true"] {
   background-image: -moz-linear-gradient(left center, green, blue) !important;
   opacity: 1 !important; }
tab:hover {
   opacity: 1 !important; } */


/* Logo menu button

#toolbar-menubar>toolbarbutton>dropmarker {
   list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAATCAYAAABsmQZ/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAfdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCA/Pz8/Pz8gMy41LjXnygNhAAAESUlEQVRIS42VWU9bVxDH7zcCRYqagmNsyEPf2+apjRS1SgMGQonAJixp8G5sMAQCMSGRmtKGhMV4t8GkEomxDV4wUOOVpdBHvsK/c861ARM/cKWfZs42/zn3nntGODw6QmPTHZye/oed3T3s7l2wR/7e3j+XKI2V5zFbBRangp1Sm+zR0TGEsujJ6akoWuaS+Hkil8a/CFxNiIldgYseHLKdNoGLVpnE+yhgqjRWtuLcXeqv5HIMNvfquCh6cAh5YxPfdiyeQJxgtkw8nqxox2KV45fb8QStTySrQ3HYWKF4AKFQPIRM1oh8oYhQKHLBRjU/jM8hkVCZjTA2GOEIwoxIFBGC2TKRyCb1MaLI5fIQ8vkipFI5HZZ9+P1BkUA1u0pjlQQCqwisrGKFsRrEanANQcbaR6yd8zf5F7AzI2QyBdTXNyCZ3MHysreE58J3sD7WZrgJF8fhIJxuOF0euAiPxwuv1wefzw+fP0AJlgis0CYYlDCxvZ2CkE7nceuWFJubSczN2b/g/Xs7RJY4c3OLZBfw4cMi5ueXML+whMVFO+z2ZSw7nJSEi5Jww+X2wM3xilBSbo+PnxlhdzeHmzclFMSJzs4BPH78FF1dIt3dvxHMH8CP99rw7d0H1+L+Tx0wGEwwmoZg4phLWCg5B4Tt7Qxu3KjD7OwSWlpUUBCtCrIKJVpblWhrUxFKLnbdh81Vq7XQaHTQaHXQ6vTQcQxYoDcjJBP7qK39Gm/fLuCXB11obu4muigBEYWimxLp4qJnZ2fXoiyqZqIaPUerNXC4aCKeRk3NLRJdwsOHSrQ0K0mktEu2U6K1tZuLnpycXAsuqmEiRtqlkXZogl7PGMICfX8hkUijtuYrvHvnpNfYj/ZHfXjE6OjDr50X/HBPca3vyQTv/9wBrcECvXEYBuMIYeUYTVYs2V30epNpfpAW5t3o6dFDqdRAqWKooSLb06NGzxMNVGRVqkHqf0b+IJ70qtHbr0XfgA5PnxkxqB6CVs9ERmEyj2OIMFsmYBl+QUye43D6IaRS+5DLv6H/zg+zeYoOwAh9fEIjWi3ztcPUFhlUmzkarQUa3TB0erYLUYgFt47aMPZ8BmPjM3g+8RrjL95wJkp4fWsQ1tejdHA60N7eQf9WELbpWb7IOjqNEcI6RjDf+hKWkSke2Mwhn7WtUzTPhtHxVxiffINJ2++Ymv4DL1/NwjbzJ6Zf/wUbwSwj+PETBPasr4cgl92hk9rOr7NYLEX3ZOyccDhGd+sWQhtRunej+PQ5Ugn1hTY26a6lNdEEoltJbDJi20QKW0TZMp+LsodVk/7eAXz/3V00yhspCYJbORUEORqkMty+LYVEIqFrU4K6uvoK6qlfQuNSmtfQIONrWCGRUYyrnIsyJ53O4Pj4XxEqdQxW8o6o5rISWCwWkc8XeKXIZnOcTCaLTDaLbC6HHI2xalUoHPASVqQKVmTrrvA/8KJW0ZMmlNcAAAAASUVORK5CYII=") !important;
   -moz-box-shadow: none !important;
   background: none !important;
   padding: 0 !important;
   border: 0 !important;
   margin: 0 !important; 
   display: none !important; }

#appmenu-button {
   border-top: white !important;
   margin-left: 4px !important;
   margin-top: 1px !important; } */


/* Make urlbar and searchbar have a half-transparent background

.searchbar-textbox, #urlbar {
   opacity: 1 !important;
   -moz-appearance: none !important;
   background: transparent !important;
   color: black !important;
   text-shadow: white 2px -2px 4px, white -2px 2px 4px, white -2px -4px 4px, white 2px 4px 4px !important; } */

/*----------------------------------------------------------*/


А ещё мои нежные глазки любят напрягать всякие сайты с чёрным текстом на белом фоне. А я люблю наоборот, поэтому для часто посещаемых сайтов (вроде хабра, дёти, лепры, ну и для вконтактика, которым раньше я тоже активно пользовался) я понаписал стилей, снимающих напряг с глаз.
Ну и на последок, для любителей Menu Button порекомендую этот стиль, который имеет в себе настройки и позволяет убрать слова "Firefox" или "Nightly" из этой кнопки, сделав её более компактной, а так же умеет перекидывать таб-бар в самую верхнюю строку. В моём "chrome" коде кстати тоже есть кусок выдранный из этого стиля и подстроенный мною под себя.

...торгану тем, что у меня стоит (из чего многое писал сам)

iDev.Pi :beer:

iDev.Pi пишет:

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

Абсолютно согласен! Если доделаете его - маякните в этой теме ;)

iDev.Pi пишет:

Link style and color protection - некоторые сайты маскируют ссылки на страницах под обычный текст

На Fx4 без проблем работает. Но то что он подчеркивает абсолютно все ссылки, немного портит дизайн.

iDev.Pi пишет:

Direct links indicator - его предназначение ясно из скриншота

Аще прелесть! Теперь буду красивенькие иконки для него искать %)

upd
Правда заметил неприятную особенность, добавленные иконки иногда деформируют разметку страницы, пример http://leconte.deviantart.com/gallery/#/do6ny0

Raf-9600 пишет:

Аще прелесть! Теперь буду красивенькие иконки для него искать %)

найдёшь/нарисуешь все в одном стиле красивые какие-нибудь - дай знать.

Raf-9600 пишет:

На Fx4 без проблем работает.

вряд ли оно работает так же как на [nightly]: при наведении на ссылку в [firefox] 4 - она же не подчеркнётся волнистой линией как в [nightly]?

Raf-9600 пишет:

Но то что он подчеркивает абсолютно все ссылки, немного портит дизайн.

да, от этого, я думаю не убежать - но это вообще-то и цель всего стиля - отобразить ВСЕ имеющиеся видимые ссылки на странице.
Это просто у меня моя паранойя которая мне говорит, что от меня кто-то может утаить информацию, и по этому с ними надо бороться - не думаю, что кому-то без паранойи нужен этот стиль.

Raf-9600 пишет:

Абсолютно согласен! Если доделаете его - маякните в этой теме ;)

на досуге думаю доделать, ок - маякну.

Raf-9600 пишет:

Правда заметил неприятную особенность, добавленные иконки иногда деформируют разметку страницы,

да, от этого не убежать, ведь мы физически удлиняем ссылку на ~16 пикселей, + догоняем высоту ссылки до тех же ~16 пикселей.
Соответственно в 1-ом случае ссылка на странице может находится в табличной ячейке рассчитанной под её точную длину, а мы туда ещё 16 пикселей по горизонтали добавляем, и ссылка сдвигается вправо. Правда сама иконка тоже кликабельна, так что на функционал это не должно влиять, только на эстетику: разметка поехала и стало не так красиво.
А во 2-ом случае если ссылка была написана мелким шрифтом (меньше 16 пикселей на строку) - то она таки будет увеличена до этих 16-ти.
Если где-то этот сдвиг разметки пагубно влияет на функционал, то можно в код везде дописать :not(:hover) и тогда при наведении на такую ссылку с иконкой - иконка будет исчезать. Правда навести более чем на 1 ссылку в 1 момент времени - конечно же не получится.
А можно просто кастомизировать стиль под себя: добавлять в качестве исключений страницы/сайты, на которых ему не стоит срабатывать.

Придумаете как этого избежать - я могу попробовать написать новый код.
Ну то есть можно ссылкам картинки эти в качестве фоне подставлять, например. Но тогда IMG-ссылка либо потеряет свою IMG, что функциональный урон наносит, либо не будет иметь этот маячок, что ссылка ведёт напрямую на файл какого-то расширения - т.е. в этом случае стиль просто не даст нам никакого преимущества (что нет его, что есть).
Можно :before заменить на :after чтобы иконка была в конце ссылки, но всех проблем это тоже не решит.

iDev.Pi пишет:

на досуге думаю доделать, ок - маякну.

в стиле заменяем
#list-view > #addon-list .description-container,
на
#addon-list > richlistitem:not([selected="true"]) > hbox > vbox:last-child > hbox:last-child > vbox:first-child > hbox:first-child > label[class="description"],

iDev.Pi пишет:

найдёшь/нарисуешь все в одном стиле красивые какие-нибудь - дай знать.

Обязательно.

iDev.Pi пишет:

при наведении на ссылку в [firefox] 4 - она же не подчеркнётся волнистой линией как в [nightly]?

Нет %)

iDev.Pi пишет:

да, от этого, я думаю не убежать - но это вообще-то и цель всего стиля - отобразить ВСЕ имеющиеся видимые ссылки на странице.

Ну в идеале, этот скрипт был бы мастхэвным для всех, если бы подчеркивал только те ссылки, которые

iDev.Pi пишет:

не отличить от обычного текста (а в ряде случаев - это нельзя сделать, даже при наведении на них курсором)

Но это наверно уже фантастика %)


iDev.Pi пишет:

Можно :before заменить на :after чтобы иконка была в конце ссылки, но всех проблем это тоже не решит.

Это однозначно не подходит, ибо если указана прямая, не "скрытая" ссылка, то в конце и так будет видно расширение.

iDev.Pi пишет:

Ну то есть можно ссылкам картинки эти в качестве фоне подставлять

Это уже вариант, но в плане дизайна это наверно будет не очень красиво.

iDev.Pi пишет:

Но тогда IMG-ссылка либо потеряет свою IMG, что функциональный урон наносит, либо не будет иметь этот маячок, что ссылка ведёт напрямую на файл какого-то расширения - т.е. в этом случае стиль просто не даст нам никакого преимущества (что нет его, что есть).

Если я правильно понял, то Вы имеете ввиду что к примеру тут https://addons.mozilla.org/ru/firefox/addon/proxilla/ и тут http://userstyles.org/styles/20586/neon-link-focus (на этих сайтах) стиль не будет подставлять свою иконку в превьюшных картинках. Если так, то это совсем не недостаток, а ИМХО огромное достоинство! Ибо в превьюшках иконки нафиг не нужны.

iDev.Pi пишет:

Придумаете как этого избежать

Единственный вариант что пришел мне в голову, это сузить текст на эти ~16 пиксилей. Можно к примеру на всех таких ссылках использовать какой-то особый симпатичный, и одновременно узкий шрифт. Но тогда если текст был очень маленького размера, то после такой "кастомизации" его вобще нельзя будет прочитать.
Вобще, в идеале, было бы классно если бы стиль был умным, и сам решал, когда нужно сузить текст (чтоб не деформировал разметку, как на deviantart), а когда сужать ничего не нужно (как на этом форуме).

Raf-9600 пишет:

Но это наверно уже фантастика %)

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

iDev.Pi пишет:

в стиле заменяем
#list-view > #addon-list .description-container,
на
#addon-list > richlistitem:not([selected="true"]) > hbox > vbox:last-child > hbox:last-child > vbox:first-child > hbox:first-child > label[class="description"],

ИМХО не совсем идеально получилось. Если у аддона длинное описание, и на него кликнуть, то появляется нижняя полоска прокрутки. По-моему, гораздо удобнее было бы еслиб Вы сделали так как в аддоне Slim Add-on Manager, т.е. чтоб описание появлялось не сбоку от названия аддона, а под ним, и не растягивало страницу.

Raf-9600 пишет:

Если так, то это совсем не недостаток, а ИМХО огромное достоинство! Ибо в превьюшках иконки нафиг не нужны.

а ведь и правда, наверное стоит так сделать.

Raf-9600 пишет:

Единственный вариант что пришел мне в голову, это сузить текст на эти ~16 пиксилей.

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

Raf-9600 пишет:

Вобще, в идеале, было бы классно если бы стиль был умным, и сам решал, когда нужно сузить текст, а когда сужать ничего не нужно

ну если заморочиться - то можно расписать, под мелкие font-size применять масштабируемость картинки (уменьшать её).
надо для этого в стиль дописать что-то типа:
:-moz-any-link[fontsize="12px"]:before { width: 12px; height: 12px; }
:-moz-any-link[fontsize="11px"]:before { width: 11px; height: 11px; }
и так под разные размеры шрифта.
По идее должно помочь, но я лично против ссылок мелким шрифтом - да и не так сильно эти мелкие 16х16 пикселевые иконки портят разметку страниц. На мой взгляд и так, как есть сейчас - вполне терпимо.

iDev.Pi пишет:

Придумаете как этого избежать

Ещё есть мысль сделать "щадящий" вариант. К примеру подставлять иконку только к не "скрытым" ссылкам, а вместо "http://" подставлять иконку. К примеру вместо https://addons.mozilla.org/ru/firefox/addon/proxilla/ чтоб было [ИКОНКА]addons.mozilla.org/ru/firefox/addon/proxilla/ Минус только в том, что таких, не скрытых за текстом ссылок, в интернете меньшинство.

Есть ещё один вариант: иконку вставлять не в саму страницу, а в статус-бар. Вот так http://i22.fastpic.ru/big/2011/0527/cd/a22c6ad0f56dad8a3c3afb29ee6ed5cd.jpg

Третий вариант: показывать иконку всетаки на странице, но только когда на неё наведен курсор. Но этот вариант всеравно может деформировать разметку, вместо него лучше уш чтоб сам курсор менялся в зависимости от расширения файла на который он наведен.

Помогите со стилем:

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

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#urlbar:focus, .findbar-textbox.findbar-find-fast:focus {
-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,255,.4) !important;
}

Целью является подсвечивание строки адреса и панели поиска когда они находятся в фокусе, пробовал указать псевдокласс "focus" к ним, но почему-то не работает, хотя при указании "hover" все прекрасно подсвечивается при наведении. Может я чего-то не знаю, только начал писать стили, так что помогите кто чем может. И еще, если не указывать псевдокласс, то они также подсвечиваются, но на постоянной основе!

iDev.Pi пишет:

По идее должно помочь, но я лично против ссылок мелким шрифтом

Ну вот к примеру всели сузить текст на deviantart (Download Image), то это никак не повредит ни читаемости, на разметке.
И да, можно сделать чтоб и без того мелкий текст, не сужался, тогда случаи повреждения разметки, будет сведены к минимуму.

Raf-9600 пишет:

Если у аддона длинное описание, и на него кликнуть, то появляется нижняя полоска прокрутки.

а, и правда :(
очень не хочется заморачиваться - почему там .description текст не хочет на другую строку перелезать, даже если родительскому элементу height увеличить
простенький фикс: добавьте в стиль
.description-container { max-width: 800px !important;}

27-05-2011 17:42:56

Raf-9600 пишет:

Ещё есть мысль сделать "щадящий" вариант. К примеру подставлять иконку только к не "скрытым" ссылкам, а вместо "http://" подставлять иконку. К примеру вместо https://addons.mozilla.org/ru/firefox/addon/proxilla/ чтоб было [ИКОНКА]addons.mozilla.org/ru/firefox/addon/proxilla/ Минус только в том, что таких, не скрытых за текстом ссылок, в интернете меньшинство.

нормально это сделать не получится, CSS не позволяет по умному ссылки обрезать, будет очень не красиво.

Raf-9600 пишет:

Есть ещё один вариант: иконку вставлять не в саму страницу, а в статус-бар. Вот так http://i22.fastpic.ru/big/2011/0527/cd/a22c6ad0f56dad8a3c3afb29ee6ed5cd.jpg

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

Raf-9600 пишет:

Третий вариант: показывать иконку всетаки на странице, но только когда на неё наведен курсор.

та же претензия.

Raf-9600 пишет:

лучше уш чтоб сам курсор менялся в зависимости от расширения файла на который он наведен.

А это и было в оригинальном стиле. Он кажется до сих пор на юзерстайлс.орг обитает.

27-05-2011 17:51:00
Kamui
так происходит, потому что ты хочешь, чтобы подсвечивался урл-бар, когда ты выбрал в :focus на самом деле не его, а один из его дочерних (или суб-суб-...-суб дочерних) элементов.
Если же это сияние приделать к этому дочернему элементу (textarea, куда мы текст вводим), то это будет выглядеть ужасно, т.к. это сияние будет внутри урлбара (и то, мы можем его не увидеть, из-за фиксированного позиционирования элементов внутри него).
В общем такого сделать стилем нельзя. Только скриптом.
А стилем если хочется выделить как-то выбранный textarea элемент то можно цветом выделить фон, например. Причём это можно сделать красиво, применив css-animation и сделав этот переход от одного цвета к другом - плавным.

27-05-2011 17:53:12

Raf-9600 пишет:

Ну вот к примеру всели сузить текст на deviantart (Download Image), то это никак не повредит ни читаемости, на разметке.
И да, можно сделать чтоб и без того мелкий текст, не сужался, тогда случаи повреждения разметки, будет сведены к минимуму.

я вообще не вижу по той ссылке (http://leconte.deviantart.com/gallery/#/do6ny0) что ты мне дал, чтобы там где-то нарушалась разметка с моим стилем.

iDev.Pi пишет:

.description-container { max-width: 800px !important;}

Благодарю.

iDev.Pi пишет:

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

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

27-05-2011 18:01:44

iDev.Pi пишет:

я вообще не вижу по той ссылке (http://leconte.deviantart.com/gallery/#/do6ny0) что ты мне дал, чтобы там где-то нарушалась разметка с моим стилем.

У меня древний монитор, и разрешение экрана 1024:768 - http://i22.fastpic.ru/big/2011/0527/bc/10634663b31a2a67a06db83c3cc3ffbc.jpg

Raf-9600 пишет:

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

в принципе, тогда стиль будет срабатывать только при наведении. Если такое условие устраивает - то тогда нет и особой разницы где будет иконка - в статусбаре или в курсоре. А если так:
Cursor Indicator

скрытый текст
http://userstyles.org/style_screenshots/1183_after.png


27-05-2011 18:05:52

Raf-9600 пишет:

http://i22.fastpic.ru/big/2011/0527/bc/10634663b31a2a67a06db83c3cc3ffbc.jpg

ааа, такое и у меня тоже есть, просто это настолько мелочь, что я подумал, что ты о чём то другом.

Raf-9600 пишет:

Ну в идеале, этот скрипт был бы мастхэвным для всех, если бы подчеркивал только те ссылки, которые
   

iDev.Pi пишет:

не отличить от обычного текста (а в ряде случаев - это нельзя сделать, даже при наведении на них курсором)

Но это наверно уже фантастика %)

iDev.Pi пишет:

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

для этого в том стиле надо заменить:
:-moz-any-link
на
a[onclick], a[text-decoration="none"], *[role="link"]

Raf-9600 пишет:

Если я правильно понял, то Вы имеете ввиду что к примеру тут https://addons.mozilla.org/ru/firefox/addon/proxilla/ и тут http://userstyles.org/styles/20586/neon-link-focus (на этих сайтах) стиль не будет подставлять свою иконку в превьюшных картинках. Если так, то это совсем не недостаток, а ИМХО огромное достоинство! Ибо в превьюшках иконки нафиг не нужны.

для этого в стиле нужно убрать все строки вида:
, a[href*=".png?"]:before, a[href*=".PNG?"]:before
, a[href*=".jpg?"]:before, a[href*=".JPG?"]:before
Но на самом деле это поможет только на том сайте, на страницах такого типа это не помогает.

iDev.Pi пишет:

ааа, такое и у меня тоже есть, просто это настолько мелочь, что я подумал, что ты о чём то другом.

Ну да, покачто это единичный случай.

iDev.Pi пишет:

для этого в том стиле надо заменить:
:-moz-any-link
на
a[onclick], a[text-decoration="none"], *[role="link"]

Прикольно, на этом форуме подчеркнуло кнопку "Цитировать" :)
Но всеравно стиль стал юзабельней, Спасибо!

iDev.Pi пишет:

для этого в стиле нужно убрать все строки вида:
, a[href*=".png?"]:before, a[href*=".PNG?"]:before
, a[href*=".jpg?"]:before, a[href*=".JPG?"]:before

Убрал, теперь на https://addons.mozilla.org/ru/firefox/addon/proxilla/ вместо иконки расширения картинки, появилась иконка https, а тут http://userstyles.org/styles/20586/neon-link-focus вобще ничего не изменилось.

iDev.Pi пишет:

Но на самом деле это поможет только на том сайте, на страницах такого типа это не помогает.

А есть возможность добавить Яндекс.Картинки в "черный список", чтоб там стиль не работал? К слову, в этот список нужно ещё upload.com.ua занести.

upd
Ктонить может подкорректировать каконить из этих скриптов:
http://userstyles.org/styles/42771/firefox-4-os-x-download-statusbar
http://userstyles.org/styles/46213/firefox-4-os-x-download-statusbar-slim
Чтоб при наведении курсора на скачиваемый файл, шрифт был хоть немного похож на тот что на скриншоте?

А мне нравится, как преобразует ссылки Colored links

mserv
Мм, спасибо за сайт, там есть просто гениальный скрипт "Night.css". Правда он текущий форум неверно отображает.
Кстати, нашел способ повесть лисицу тому, у кого установлен Direct links indicator, нужно просто перейти по ссылке типа http://www.night.css/ %)

P.S.
На страничке форума, посвященного "Night.css", есть весьма толковые идеи касательно его развития. К примеру:
1. Прикрутить регулятор яркости.
2. Сделать чтоб для заранее заданных сайтов, этот скрипт применялся автоматически
3. Возможность включения\отключения затемнения изображений.

P.P.S.
oper.ru с ним выглядит великолепно!

P.P.P.S.
Чесно, никогда не понимал, зачем делать отдельные скрипты для затемнения гугли\хабры\лепры, если можно сворганить что-то универсальное?

P.P.P.P.S
Оказывается для Лисички есть корректный аналог - Global Dark Style но вышеупомянутых настроек всеравно нехватает %)

Raf-9600 пишет:

скрипт "Night.css".

Так он вроде как для Оперы? В Стилиш я его засунул, но никаких кнопок, ползунков, как там рассказывают, не наблюдаю.

mserv
Про кнопки-ползунки не знаю, но гугля\хабр\опер.ру успешно преобразились %)
Вот Global Dark Style кстати, кроме самого сайта, меняет ещё и курсоры, ползунки, и т.д. Только он темнее чем Night.css.

iDev.Pi пишет:

очень не хочется заморачиваться - почему там .description текст не хочет на другую строку перелезать, даже если родительскому элементу height увеличить

Решил проблему совмещением Slim Add-on Manager с Add-Ons Manager Lite. Теперь даже самые длинные описания не вызывают полосу прокрутки.

Нашел ещё два прикольных стиля:
http://userstyles.org/styles/19308/awesomebar-popup
http://userstyles.org/styles/47791/fx4-aero-dialog-box

P.S.
Если ктонить знает ещё какиенить полезные\красивые стили, будьте добры сообщить об этом в этой теме ^_-

Для экономии места Autohide Dropmarkers

28-05-2011 02:02:11
Что бы глаза отдыхали Global gray sadness

Подскажите, пожалуйста, можно ли каким-то образом применить параметры стиля только к тем ссылкам, внутри которых нет тэга IMG?

Raf-9600 пишет:

P.P.P.S.
Чесно, никогда не понимал, зачем делать отдельные скрипты для затемнения гугли\хабры\лепры, если можно сворганить что-то универсальное?

P.P.P.P.S
Оказывается для Лисички есть корректный аналог - Global Dark Style но вышеупомянутых настроек всеравно нехватает %)

потому, что, пользуясь ими, ты потом тоже заметишь, что некоторые картинки (выставленные как фон для элементов) ты не видишь с этими стилем.
я тоже начинал с глобальных стилей которые действуют на все страницы сразу - у меня там в списке моих стилей был matrix - global style - то же самое (только совсем без рюшечек).
вот зайди с таким стилем на http://dirty.ru/ и найди там птичку в левом верхнем углу.

28-05-2011 14:05:13

MySh пишет:

только к тем ссылкам, внутри которых нет тэга IMG

в смысле внутри? внутри как дочерий элемент или внутри в смысле что ссылка-картинка?
если 1-ое - то нельзя никак.
если 2-ое - :-moz-any-link:not(IMG)

28-05-2011 14:20:32

Raf-9600 пишет:

Оказывается для Лисички есть корректный аналог - Global Dark Style

ага, посмотри как он этот форум отображает под аватаром и репутацией серый квадрат некрасивый

iDev.Pi пишет:

под аватаром и репутацией серый квадрат некрасивый

Замени на красивый, что тебе мешает?

iDev.Pi
Нашел ещё одну проблему с Direct links indicator http://i22.fastpic.ru/big/2011/0528/db/0864724fb5fa78d1e77252fd76a407db.jpg
http://stopgame.ru/video/diablo_3/show_42.html

ИМХО в скрипте очень не хватает списка сайтов на которых он бы не работал.

iDev.Pi
А вобще, можно сделать так, чтоб Direct links indicator работал только на форумах?

По поводу Autohide Dropmarkers, если добавить туда:

Выделить код

Код:

.autocomplete-history-dropmarker.urlbar-history-dropmarker{display:none !important}

то удалится стрелочка из адресной строки! Ну это что бы точно везде убрать:)

Kamui пишет:

По поводу Autohide Dropmarkers, если добавить туда:Выделить кодКод:.autocomplete-history-dropmarker.urlbar-history-dropmarker{display:none !important}то удалится стрелочка из адресной строки! Ну это что бы точно везде убрать

В Autohide Dropmarkers стрелки появляются при наведение  курсора на кнопку. Ты же предлагаешь убрать совсем, что не есть хорошо.http://smiles.kolobok.us/standart/nea.gif

Ну да:) у меня просто нет кнопок к которым нужны стрелочки эти, если надо меню то, правая кнопка:)

iDev.Pi

в смысле внутри? внутри как дочерий элемент или внутри в смысле что ссылка-картинка?
если 1-ое - то нельзя никак.
если 2-ое - :-moz-any-link:not(IMG)

Судя по всему, первое, потому что второе не работает (вернее, работает, но для всех ссылок сразу).

mserv пишет:

Замени на красивый, что тебе мешает?

Я то могу. Но я это сказал к тому, что нельзя написать целиком валидный и универсальный стиль для всех страниц сразу.

Raf-9600 пишет:

ИМХО в скрипте очень не хватает списка сайтов на которых он бы не работал.

Нет, пока такое нельзя сделать через css.
но вообще это ИМХО шаг вникуда, так этот список вручную наполнять и актуализировать - запаришься. Проще либо не пользоваться, либо терпеть мелкие (ну ведь в основном это действительно мелкие) искорёживания.

Raf-9600 пишет:

А вобще, можно сделать так, чтоб Direct links indicator работал только на форумах?

а вот это сделать можно. Заменить 1-ую строку стиля вот такой:
@-moz-document url-prefix(http://forum.), url-prefix(https://forum.), url-prefix(http://forums.), url-prefix(https://forums.), regexp(".*/forums?[./].*")
но будет работать только в [firefox]6 и старше. Для более древних лис надо в конце стереть regexp()-овую часть

iDev.Pi пишет:

так происходит, потому что ты хочешь, чтобы подсвечивался урл-бар, когда ты выбрал в :focus на самом деле не его, а один из его дочерних (или суб-суб-...-суб дочерних) элементов.
Если же это сияние приделать к этому дочернему элементу (textarea, куда мы текст вводим), то это будет выглядеть ужасно, т.к. это сияние будет внутри урлбара (и то, мы можем его не увидеть, из-за фиксированного позиционирования элементов внутри него).
В общем такого сделать стилем нельзя. Только скриптом.
А стилем если хочется выделить как-то выбранный textarea элемент то можно цветом выделить фон, например. Причём это можно сделать красиво, применив css-animation и сделав этот переход от одного цвета к другом - плавным.

iDev.Pi Все таки ты был неправ, я сделал с помощью стиля то что мне нужно было, добавив следующий код:

Выделить код

Код:

textbox[focused="true"], #urlbar[focused="true"] {-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,255,0.4) !important;}

При этом подсвечивается не только адресная панель, но и файндбар и другие строки ввода в интерфейсе фокса!
Так у меня выглядит адресная панель когда она в фокусе:

скрытый текст
http://i082.radikal.ru/1106/ce/a2f5598aa001.jpg

Kamui пишет:

Все таки ты был неправ

я был ленив, чтоб проверить некоторые суб-элементы urlbar-а на наличие свойств "focused" или "selected".
Кстати, в вашем стиле можно удалить

Выделить код

Код:

, #urlbar[focused="true"]

т.к. он не не нужен, если есть textbox[focused="true"]
И кстати, а чего ограничиваться-то только текстовыми полями морды браузера - можно и для всех полей всех страниц такое сделать, достаточно стиль разбить на 2 (их нельзя в 1 стиль запихнуть)

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
textbox[focused="true"] {-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,255,0.4) !important;}

^ этот для морды браузера

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);
textbox[focused="true"], textarea:focus, input:focus {-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,255,0.4) !important;}

^ этот для сайтов.

iDev.Pi пишет:

^ этот для сайтов.

Этот подсветил  все текстовые поля на сайтах, и всю морду изукрасил http://smiles.kolobok.us/standart/grin.gif

mserv
по области применения (@namespace) 2-ой стиль -  он не может влиять на морду браузера.
эта область применения аналогична тому, что ты бы стиль (без указания области применения) поместил в файл userContent.css
однако и правда, почему-то такое происходит

iDev.Pi

по области применения (@namespace) 2-ой стиль -  он не может влиять на морду броузера.
эта область применения аналогична тому, что ты бы стиль (без указания области применения) поместил в файл userContent.css
однако и правда, почему-то такое происходит

Не всё так просто с этой областью применения…

mserv
Если добавить это, то вроде бы оно работает как надо.

iDev.Pi у меня так и сделано:) как ращ после того как сделал подсвечивание текстовых полей на страницах, загорелся желанием сделать и урлбар таким же:D и еще к input'у добавлены несколько значений с not, а то подсвечиваются всякие кнопки и много чего еще!;)

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

iDev.Pi
Это стиль текстовых полей, там несколько единичных селекторов, которые общими не затрагивались так сделать пришлось, если что-то можно лучше сделать, напиши;)

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

Выделить код

Код:

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

@-moz-document url-prefix(http),url-prefix(https),url-prefix(file) {

DIV[class="mention_rich_ta"], select, input:not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="image"]), textarea
{
color: #000000 !important;
border: 1px solid #BBBBBB !important;
font-size: 9pt !important;
-moz-appearance:none !important;
-moz-border-radius:4px !important;
background: url(data:image/png;base64,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) !important;
}

input:not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):hover, textarea:hover {-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,255,0.3) !important;}
input:not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):focus, textarea:focus {-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,255,0.4) !important;}
}


Это стиль адресной строки:
скрытый текст

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* TABBAR */
.tabbrowser-tab:not([pinned]) { min-width: 30px !important; max-width: 180px !important;} 
.tabbrowser-tab:not([pinned])[selected] { min-width: 90px !important; max-width: 180px !important;} 
.scrollbutton-down, .scrollbutton-up, .view-header.global-warning-container {display:none !important;}

/* URLBAR */
#PopupAutoComplete, #urlbar
{
color: #000000 !important;
-moz-appearance:none !important;
-moz-border-radius: 4px !important;
background: url(data:image/png;base64,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) !important;
}
textbox:hover, #urlbar:hover {color: #000000 !important; -moz-box-shadow: 0px 0px 1px 1px rgba(0,0,255,0.3) !important;}
textbox[focused="true"], #urlbar[focused="true"] {color: #000000 !important; -moz-box-shadow: 0px 0px 2px 2px rgba(0,0,255,0.4) !important;}

/* Removes RSS Icon if exist */
#urlbar-multiple-feed-button, #urlbar-single-feed-button {display: none !important;}

Kamui
Спасибо за стили.Очень понравилось мне.Приятный фон для полей и адресной строки.

vv07 да не за что:blush: за основу взяты стили: Highlight Input&Textarea (Safari Style) [Fx3.5+] и Textarea Styler
А вот с адресной строкой сам разбирался=) пытался сделать соответствующей остальным текстовым полям:)

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

Да, можно, для этого нужно заменить:

Выделить код

Код:

background: url(data:image/png;base64,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) !important;

На код нужной картинки в base64

Сделал автоскрытие Панели закладок с помощью Firefox 4 Bookmark Toolbar Autohide, всё работает просто замечательно.

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

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
    
#PersonalToolbar:not([customizing]) {
    position: fixed !important;
    top: 80px !important;
    left: 0 !important;
    right: 0 !important;
    background-color: rgb(207, 219, 236)!important;
    border-bottom: 1px solid !important;
        border-top: 0 !important;
    -moz-border-bottom-colors: threedshadow threedhighlight !important;
    color: #000 !important;
    text-shadow: none !important;
    visibility: collapse !important;
    opacity: 0 !important;
    -moz-transition: visibility .9s, opacity .9s ease-out !important;
    -moz-transition-delay: 1.25s!important;
}

#main-window[sizemode="normal"] #PersonalToolbar {
    top: 73px !important;
    border-radius: 0 !important;
}

#main-window[tabsontop="true"] #PersonalToolbar {
    top: 60px !important;
}

#main-window[sizemode="normal"][tabsontop="true"] #PersonalToolbar {
    top: 75px !important;
}

#personal-bookmarks {
    width: 100% !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
}

#navigator-toolbox[tabsontop="false"]:hover > #PersonalToolbar[collapsed="false"],
#main-window[tabsontop="true"] #nav-bar:hover ~ #PersonalToolbar[collapsed="false"],
#main-window[tabsontop="true"] #PersonalToolbar[collapsed="false"]:hover  {
    visibility: visible !important;
    opacity: 1 !important;
    -moz-transition: .2s ease-in !important;
    -moz-transition-delay: .75s!important;
}


Понравилось, что стиль не дёргает страницу, панель всплывает на неё сверху. Решил организовать с помощью этого стиля автоскрытие своей панели Buttons. Для этого заменил в исходном стиле все #PersonalToolbar на #__customToolbar_Buttons.  Тоже всё работает, но только до перезагрузки  [firefox]. После перезагрузки панель не появляется, приходится делать ПКМ, отключить панель Buttons, потом снова включить, после чего автоскрытие для панели начинает работать до следующей перезагрузки.  Что я делаю не так, как уговорить  стиль работать и после перезагрузки, без танцев с бубном.http://smiles.kolobok.us/standart/scratch_one-s_head.gif

Решил попробовать написать стиль для сайта, был выбран free-torrents, как один из отстойных по дизайну и рекламе. В общем решил убрать все и оставить только список разделов форума, ну и естественно юзер бар. После долгих переборов столкнулся с проблемами в основном касающимися названиями удаляемых из отображения объектов.
Вот например не могу удалить пустое поле между юзер баром и списком разделов.
Посоветуйте как это сделать, если кто имеет опыт в этом.

http://lostpic.net/thumbs/a88c8aedc3a8e87dc47a55fb0c1ac4df.png

А вот что пишет Firebug при наведении на это поле:

http://lostpic.net/thumbs/c002ed603e67ead80cbaede6b188a471.png

25-06-2011 12:55:22

mserv пишет:

Сделал автоскрытие Панели закладок с помощью Firefox 4 Bookmark Toolbar Autohide, всё работает просто замечательно.

Попробовал. Два нарекания: панель при открытии закладок получается с наездом на адресную строку и цвет панели изменился на дефолтный FF, то есть не катит с другими темами FF.

megane пишет:

Два нарекания: панель при открытии закладок получается с наездом на адресную строку и цвет панели изменился на дефолтный FF, то есть не катит с другими темами FF.

Подстрой под себя и все будет OK.

mserv
Ага вижу, что и цвет и вроде расположение можно регулировать. Теперь осталось цвет вычислить. Интересно как?

25-06-2011 14:19:53
И какой параметр регулирует расположение меню закладок?

http://hostingkartinok.com/thumb/01201106/0b7cc92f88825485a79c082a415e46cf.png

25-06-2011 14:40:08
Нашел параметр регулирующий расположение по высоте

Выделить код

Код:

#main-window[sizemode="normal"][tabsontop="true"] #PersonalToolbar {
    top: 83px !important;
}

megane
На, почитай мою статью про создание стилей.
Фаербаг тебе не нужен, нужны DOMi, Stylish-custom, CustomButtons и кб-кнопка Attributes Inspector.

#page_header > TABLE:nth-child(5) > TBODY > TR > TD:first-child {display:none!important}

25-06-2011 14:42:45

megane пишет:

И какой параметр регулирует расположение меню закладок?

mserv пишет:

#personal-bookmarks

megane пишет:

Теперь осталось цвет вычислить. Интересно как?

в коде по слову color ищи и найдёшь.

iDev.Pi пишет:

На, почитай мою статью про создание стилей.

Сенкс, пойду читать. А то все на бусурманском везде. :D
Получилось, но не до конца.
http://hostingkartinok.com/thumb/01201106/0961c921faccc60ccb7b6aba64a6dd42.png

iDev.Pi пишет:

в коде по слову color ищи и найдёшь.

Это я понимаю, просто думаю как параметры RGB подобрать правильно.

megane пишет:

Это я понимаю, просто думаю как параметры RGB подобрать правильно.

Попробуй совсем удалить

background-color: rgb(207, 219, 236)!important;

mserv
Щас попробую. Я вообще нарыл что там и прозрачность есть, только не разобрался как она работает, потому что выставив 200 для опасити, прозрачность только при появлении закладок, и сразу пропадает.

Да, после того как убрал параметры RGB закладки приняли цвет моей темы. :D

megane пишет:

Я вообще нарыл что там и прозрачность есть, только не разобрался как она работает,

Прозрачность, по-моему, так получается

background-color: transparent !important;

mserv пишет:

Прозрачность, по-моему, так получается

Да. Посмотрел, она мне не подходит. Не все иконки одинаково хорошо смотрятся на прозрачном фоне. Оставлю свой цвет.
А зачем тогда opacity параметр?

25-06-2011 15:55:44
mserv
Если я выложу стиль для free-torrents поможете отредактировать его? А то у меня там в ряде скриптов явно неправильно сделано и хотя работает, но указано общее имя объекта, коих может быть и много.

megane пишет:

А зачем тогда opacity параметр?

Даёт эффект плавного исчезновения

megane пишет:

Если я выложу стиль для free-torrents поможете отредактировать его? А то у меня там в ряде скриптов явно неправильно сделано и хотя работает, но указано общее имя объекта, коих может быть и много.

Сомневаюсь, я тоже не профи, а только учусь.http://smiles.kolobok.us/light_skin/biggrin.gif
Но в любом случае выкладывай, здесь много настоящих спецов, я думаю, помогут.

mserv пишет:

Даёт эффект плавного исчезновения

:o Точно, об этом я не подумал.

mserv пишет:

Но в любом случае выкладывай, здесь много настоящих спецов, я думаю, помогут.

Ок. Кстати ваш скриптик сработал если не залогиниться на сайте, а если войти под логином, то это пустое место так и осталось. :(

Недоделанный скрипт, только для free-torrents.org

Выделить код

Код:

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

@-moz-document domain("free-torrents.org") {

   iframe,
   div[id="logo"],
   div[class="hlow"],
   div[style="color:#000000; text-align: left; font-size: 10px; font-weight: bold;"],
   #latest_news h3,
   table[style="text-align:left;"],
   div[class="news_date"],
   div[class="news_title"],
   div[style="text-align: left;"],
   div[align="center"],
   table[class="forumline w100 bordered"],
   object[style="width: 800px; height: 200px; margin: 0px 0px; overflow: hidden;"],
   a[style="text-align: center; text-decoration: none; color:#006600 !important; padding: 6px 0 6px 0; margin: 0 0 0 0; color: #445052; text-indent: 15px; background-image:url(http://static.free-torrents.org/forum/templates/default/images/sidebar1_hdr.gif); background-repeat:no-repeat; background-position:left; color:#006600 !important;"],
   div[class="spacer_8"],
   td[align="Center"],
   img[width="210"],
   

   div[style="text-align: center; border: 0px solid black;"],
   td[id="sidebar1"],
   td[id="sidebar2"],
   div[id="page_footer"]
   
      { display: none !important; }

.attachtable, .bottom_info {display: none;}
#page_header > TABLE:nth-child(5) > TBODY > TR > TD:first-child {display:none!important}

}

megane пишет:

Кстати ваш скриптик сработал если не залогиниться на сайте, а если войти под логином, то это пустое место так и осталось. :(

Не понял, это о чём, какое пустое место?http://smiles.kolobok.us/standart/scratch_one-s_head.gif

mserv
Я извиняюсь, это не Вы давали скрипт. ;)

iDev.Pi пишет:

#page_header > TABLE:nth-child(5) > TBODY > TR > TD:first-child {display:none!important}

iDev.Pi
Я извиняюсь. Начал читать мануал. Поставил DOM Inspector, Custom Button, а вот как делать кнопку AttrsInspector не могу понять.
Можно подробнее объяснить как ее сделать и откуда ее перетащить?

megane пишет:

а вот как делать кнопку AttrsInspector не могу понять.
Можно подробнее объяснить как ее сделать и откуда ее перетащить?

Почитай в шапке

mserv пишет:

Почитай в шапке

Спасибо. Был невнимателен и пропустил, потому как ссылка на кнопку была на середину страницы. Прошу извинения.

25-06-2011 21:21:33
Вот что показывает у меня кнопка об объекте, который я хочу исключить из отображения. Что это значит? Что объект не имеет имени и исключить его не представится возможным?

http://hostingkartinok.com/thumb/01201106/1bc881792fded7bb95fdcfeb18f0a15b.png

megane пишет:

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

Не могу найти, где этот объект. Дай ссылку.

25-06-2011 22:29:10
Если я правильно понял, что ты пытаешься сделать, то с этим лучше справится расширение типа Yet Another Remove It Permanently.  Только почему-то его удалили с addons.mozilla, но оно работает. Или найти ему замену, только надо спросить в соответствующей теме.

megane пишет:

Получилось, но не до конца.

значит не прочитал.

megane пишет:

Я вообще нарыл что там и прозрачность есть, только не разобрался как она работает, потому что выставив 200 для опасити, прозрачность только при появлении закладок, и сразу пропадает.

значения опасити должны быть от 0 до 1. 200 - всё равно что 1.

megane пишет:

А зачем тогда opacity параметр?

для регулировки прозрачности (полу-прозрачности)

mserv пишет:

Даёт эффект плавного исчезновения

это заблуждение.

megane пишет:

Что это значит?

что это ячейка таблицы.

megane пишет:

Что объект не имеет имени и исключить его не представится возможным?

нет таких объектов, которые невозможно исключить.
внимательно мою статью прочтите - там говорится про взаимодействие stylish (или stylish-custom - не проверял) с DOMi. Указываешь на объект через AttrInspector, кликаешь колесом - открывается DOMi. В нём правой кнопкой на выделенный элемент и копируешь путь к элементу. Вставляешь в стиль и используешь ради того, чего хотел.

25-06-2011 22:34:07

mserv пишет:

с этим лучше справится расширение типа Yet Another Remove It Permanently.

зачем лишние расширения, если у человека уже есть Stylish?

iDev.Pi пишет:

это заблуждение.

Но в данном конкретном случае, если убрать этот параметр, то эффект плавного исчезновения пропадает.

iDev.Pi пишет:

зачем лишние расширения, если у человека уже есть Stylish?

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

25-06-2011 23:07:11
iDev.Pi
А  с моим вопросом здесь можете помочь?

mserv

mserv пишет:

Не могу найти, где этот объект. Дай ссылку.

http://free-torrents.org/forum/indexer.php , только желательно под логином входить, а то там какая то несостыковка в скриптах.
И скрипт для Стайлиша мой поставить надо, тогда увидишь на первой странице между юзербаром и списком форумов свободное место, довольно таки приличное.

25-06-2011 23:42:17
iDev.Pi

iDev.Pi пишет:

значения опасити должны быть от 0 до 1. 200 - всё равно что 1.

То есть можно дробные задавать?

iDev.Pi пишет:

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

Пробовал что то такое сделать, слева в DOM было просто пустое поле, даже не на что было кликать.
В общем завтра внимательнее постараюсь прочитать. Спасибо.

iDev.Pi пишет:

зачем лишние расширения, если у человека уже есть Stylish?

Мне говорили, что лучше начать разбираться с Greasemonkey, оно у меня тоже есть. Но для меня пока это сложнее. Хочу сначала со Стайлишем немного разобраться.

mserv пишет:

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

Проще. Я могу вообще его в No Script заблочить. Но у меня цель была сделать для часто посещаемых сайтов такие стили.
К тому же там еще задумка есть сделать фиксированный юзербар, что не получится, если не убирать ненужную рекламу, то есть вообще со страницы ее исключить надо, по крайней мере сверху и снизу страницы.

:o Получилось!!! Правда есть еще огрехи, которые постараюсь завтра исправить и свободное место все- таки небольшое осталось, но это уже не уберется, так как это уже таблицы самой страницы с разделами. Завтра постараюсь довести до ума.
Статический Top userbar тоже получился, обведен красным. :D

http://lostpic.net/thumbs/c93130c7ae92f30d3eb06633857f9818.png

Вот скрипт, но он еще с ошибками, как я понимаю. Задал пока небольшой размер экрана, все равно каждому придется выставлять значение под свой монитор.

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

Выделить код

Код:

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

@-moz-document domain("free-torrents.org") {

#page_content{height:515px;overflow:auto}
#body_container,#logo td:first-child,#page_content{padding:0!important}
#main_content_wrap>table{border-right:0!important}

   iframe,
   div[id="logo"],
   div[class="hlow"],
   div[style="color:#000000; text-align: left; font-size: 10px; font-weight: bold;"],
   div[id="user_ratio"],
   #latest_news h3,
   table[style="text-align:left;"],
   div[class="news_date"],
   div[class="news_title"],
   div[style="text-align: left;"],
   div[align="center"],
   table[class="forumline w100 bordered"],
   object[style="width: 800px; height: 200px; margin: 0px 0px; overflow: hidden;"],
   a[style="text-align: center; text-decoration: none; color:#006600 !important; padding: 6px 0 6px 0; margin: 0 0 0 0; color: #445052; text-indent: 15px; background-image:url(http://static.free-torrents.org/forum/templates/default/images/sidebar1_hdr.gif); background-repeat:no-repeat; background-position:left; color:#006600 !important;"],
   div[class="spacer_8"],
   td[align="Center"],
   img[width="210"],
   

   div[style="text-align: center; border: 0px solid black;"],
   td[id="sidebar1"],
   td[id="sidebar2"],
   div[id="page_footer"]
   
      { display: none !important; }

.attachtable, .bottom_info {display: none;}
#page_header > TABLE:nth-child(5) > TBODY > TR > TD:first-child {display:none!important}
#latest_news td { vertical-align: top; } {display: none;}
#latest_news h3 { padding: 0 0 3px 0; color: #333333; } {display: none;}
#latest_news > TABLE > TBODY > TR > TD:first-child {display:none!important}
#latest_news > TABLE > TBODY > TR > TD:last-child {display:none!important}
#page_header > TABLE:nth-child(8) > TBODY > TR > TD:first-child {display:none!important}
}



У меня еще такой вопрос: "Что лучше использовать, команду iframe ..... {display:none!important} " или просто {display: none}?
Как я понял тут дело в приоритете команд. Лучше задать высокий приоритет?

Назрел еще один вопрос: "А можно ли задать свою высоту, хоть в процентах, для page_header?"

megane пишет:

То есть можно дробные задавать?

даже нужно, если хочется увидеть именно полупрозрачность.

26-06-2011 02:56:45

megane пишет:

Мне говорили, что лучше начать разбираться с Greasemonkey, оно у меня тоже есть.

гризманки - дополнение позволяющее браузеру пользовать юзерскрипты на JavaScript. Стили и скрипты - вещи разные, но скрипты могут содержать и стили, а могут и многое другое.

megane пишет:

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

вообще-то это легко сделать. Юзербару position:fixed а всему остальному отступ вверху по высоте юзербара

26-06-2011 02:58:30

megane пишет:

У меня еще такой вопрос: "Что лучше использовать, команду iframe ..... {display:none!important} " или просто {display: none}?

прочитайте мою статью внимательно. там всё описано. Если боитесь что на сайте в коде будет iframe { display: block !important; } то это правило "перебьёт" ваше iframe {display:none}.

mserv пишет:

А  с моим вопросом здесь можете помочь?

к сожалению нет. Не знаю почему, но такие глюки иногда бывают. Лечатся случайно. Иногда лечится другим профилем. А иногда надо код составить иначе (надо его внимательней смотреть).

megane пишет:

Вот скрипт

это не скрипт а стиль. И он адски кривой и не правильно написан.
Вот навскидку:

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

Выделить код

Код:

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

@-moz-document domain("free-torrents.org") {
#page_container > DIV:nth-child(3)[align="center"], UL, .forumline.w100.bordered, .attachtable {
   display: none !important; }
.hlow>DIV {
   display: inline !important; }
#page_header {
   position: fixed !important;
   top: 0px !important;
   z-index: 999 !important;
   height: 80px !important;}
#page_header, #user_ratio {
   background: white !important;
   border-bottom: 1px solid black !important; }
HTML {
   padding-top: 95px !important; }
}

iDev.Pi

iDev.Pi пишет:

Юзербару position:fixed а всему остальному отступ вверху по высоте юзербара

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

iDev.Pi пишет:

то это правило "перебьёт" ваше iframe {display:none}.

Я так примерно и понял. В общем смело всегда ставить !импортант ноне и не париться. :D

iDev.Pi пишет:

И он адски кривой и не правильно написан.

Так я и писал абы заблочить. Сейчас уже примерно знаю где напортачил, но еще думаю многое не знаю.

iDev.Pi пишет:

Вот навскидку:

Это типа пример как должно быть?

megane пишет:

Это типа пример как должно быть?

да, попробуй.
Стиль делает верхний бар фиксированным и вырезает большой кусок из-под рекламы.

iDev.Pi
Попробовал.
- Строки юзер бара с личными сообщениями и юзер ратио переместились в середину экрана, хотя под строкой с правилами форума под них осталось свободное место. Как их переместить на нужное место? Видимо надо вырезать логотип и строки с О нас в википедии, Технический блог и т. п.

Ну а в остальном шикарно, а то приходилось менять окно под экран.

Вот так получилось:

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

Выделить код

Код:

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

@-moz-document domain("free-torrents.org") {
#page_container > DIV:nth-child(3)[align="center"], UL, .forumline.w100.bordered, .attachtable {
   display: none !important; }
.hlow>DIV {
   display: inline !important; }
#page_header {
   position: fixed !important;
   top: 0px !important;
   z-index: 999 !important;
   height: 80px !important;}
#page_header, #user_ratio {
   background: white !important;
   border-bottom: 1px solid black !important; }
HTML {
   padding-top: 95px !important; }
#page_header > TABLE:nth-child(2) > TBODY > TR > TD:nth-child(2) > DIV > DIV:nth-child(2) > A {
   display: none !important; }
#logo {
   display: none !important;}
#page_header > TABLE:nth-child(2) > TBODY > TR > TD:nth-child(2) > DIV > DIV:first-child > A {
   display: none !important;}
#page_header > TABLE:nth-child(2) > TBODY > TR > TD:nth-child(2) > DIV > DIV:nth-child(3) > A {
   display: none !important; }
#page_header > TABLE:nth-child(2) > TBODY > TR > TD:nth-child(2) > DIV > DIV:nth-child(4) > A {
   display: none !important; }
#page_header > TABLE:nth-child(2) > TBODY > TR > TD:nth-child(2) > DIV > DIV:last-child > A {
   display: none !important; }
}



Подскажите сейчас я не криво дописал Ваш стиль?

megane
ссылку на страницу где такое происходит.

iDev.Pi
Я дописал Ваш стиль и запостил, в предыдущем своем посте.
Страница главная же free-torrents.org

megane
скриншот главной с моим стилем:

скрытый текст
http://img577.imageshack.us/img577/5407/expo.png


что там не так?

iDev.Pi
Может у Вас стоят дополнительные блокираторы какие?
У меня вот так, это уже после удаления логотипа и еще нескольких фрагментов:

скрытый текст
http://hostingkartinok.com/image/01201106/82f82a45888fffabad7cfb4862c3634f.png

megane пишет:

Подскажите сейчас я не криво дописал Ваш стиль?

визуально - разница лишь в том, что у тебя в стиле вырезан блок "О нашем ресурсе О нас в Википедии Технический Блог Наш IRC сервер Бортовой журнал"
Если он не нужен, то просто удали из моего стиля .hlow>DIV {
   display: inline !important; }
и допиши в первую строку (где перечисляются элементы для display:none) этот самый .hlow>DIV
ну и padding-top у HTML можно с 95 до 80 уменьшить.

iDev.Pi
Извините, я скрином ошибся. Вот сейчас тот скрин.

megane пишет:

Может у Вас стоят дополнительные блокираторы какие?

AdBlock+ с подписками Ru AdList: Counters, Ru AdList: General + EasyList, EasyPrivacy, Ru AdList: BitBlock.
но мне кажется, что дело не в абп, а в том, что ты стиль применил совместно с какими-нибудь остатками от своего стиля.

26-06-2011 15:48:14

megane пишет:

Извините, я скрином ошибся. Вот сейчас тот скрин.

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

iDev.Pi
Все отключил, кроме Вашего. Это точно по вине блокираторов. Для прописывания стиля я думаю их надо отключать.
А... значит рекламу все таки лучше вырезать блокиратором? Понял. :D

Да, и в Вашем стиле был логотип самого форума отображен.

iDev.Pi пишет:

Вот навскидку:

Странно,  у меня вообще не работает. В чём может быть причина?http://smiles.kolobok.us/standart/scratch_one-s_head.gif

megane пишет:

Да, и в Вашем стиле был логотип самого форума отображен.

на моём скриншоте его нет - значит нету, значит вырезан каким-то правилом в АБП.
я ещё заметил глюк в моём стиле из-за того что я пытался спасти блок "О нашем ресурсе О нас в Википедии Технический Блог Наш IRC сервер Бортовой журнал".
Без него код выглядит проще и глюка нет:

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

Выделить код

Код:

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

@-moz-document domain("free-torrents.org") {
#page_header>*:not(#main_nav):not(.topmenu):not(#user_ratio), #page_container > DIV:nth-child(3) {
   display: none !important; }
#page_header {
   position: fixed !important;
   top: 0 !important;
   z-index: 999 !important; }
#page_header {
   background: white !important; }
HTML {
   overflow-x: hidden !important;
   padding-top: 50px !important; }
.topmenu {
   height: 30px !important;
   overflow: hidden !important; }
}



26-06-2011 16:19:01

mserv пишет:

Странно,  у меня вообще не работает. В чём может быть причина?http://smiles.kolobok.us/standart/scratch_one-s_head.gif

"коррупция" :) профайла, попробуй на чистом профайле.

iDev.Pi пишет:

я ещё заметил глюк в моём стиле из-за того что я пытался спасти блок "О нашем ресурсе О нас в Википедии Технический Блог Наш IRC сервер Бортовой журнал".
Без него код выглядит проще и глюка нет:

А я как раз удалял этот блок. Только я не блок удалил, а каждую ячейку отдельно. Ваш вариант как раз то, что нужно. Сейчас попробую. :D

В общем я понял, что надо No Script удалять и ставить вместо него ADBlock. :(


Забыли вырезать надпись с бегущей строкой:
Внимание! Акция продлена еще раз по многочисленным просьбам, многие заинтересовались VIP-аккаунтами на Hon-game.net! еще дополнительно 50 ключей со скидкой 40%, спешите стать одним из игроков!
Подробная Информация по Игре Heroes of Newerth и покупка ключа >>> тут <<<  спешите! ключей уже мало...


И да, во втором стиле какая то лажа по ширине страницы. У меня скролл горизонтальный включился. :)

скрытый текст
http://hostingkartinok.com/image/01201106/d215d8e527d0798f97dd68a0564d4759.png

megane пишет:

В общем я понял, что надо No Script удалять и ставить вместо него ADBlock

они вообще выполняют разные функции. Не представляю как можно жить без АБП и лично я считю NoScript бесполезностью. Уж лучше Request Policy, который скоро автор обещал доделать до конфетки.

megane пишет:

Забыли вырезать надпись с бегущей строкой

исправил

iDev.Pi пишет:

"коррупция" :) профайла, попробуй на чистом профайле.

Ну это и так понятно было, что на новом будет работать. Даже и не на слишком новом. Вот куда копать? Как удовлетворить эту его коррупционную составляющую?http://smiles.kolobok.us/standart/dntknw.gif

megane пишет:

И да, во втором стиле какая то лажа по ширине страницы. У меня скролл горизонтальный включился. :)

исправил

iDev.Pi
Раньше да, но сейчас и флеш начал блочить, но все равно менять надо.

iDev.Pi пишет:

исправил

А скрол горизонтальный так и остался. :(

mserv
попробовать отключить все стили кроме этого.
попробовать запустить браузер в сейф-моде n раз: без аддонов и без настроек, без аддонов, без настроек. Я думаю дело скорей всего в настройках. Тогда надо файл prefs.js в папке профиля открыть и методом половин - через n итераций определить виновника.

26-06-2011 17:21:38

megane пишет:

А скрол горизонтальный так и остался. :(

я запутался в сообщениях, может не тот обновил.
этот код пробовал?

iDev.Pi пишет:

этот код пробовал?

C этим горизонтальный пропал вместе с вертикальным. :D
Верните обратно вертикальный скрол. :)

megane пишет:

C этим горизонтальный пропал вместе с вертикальным. :D
Верните обратно вертикальный скрол. :)

awww, исправил.

iDev.Pi
Вот теперь классно вроде.
Вот я не пойму, это сайт так криво написан?
Только сейчас обратил внимание, что справа текст обрезан и серая полоса проглядывается, которая у Вас с горизонтальным скролом появилась.

А вообще огромное СПАСИБО!
Если не трудно напишите, что бы Вы добавили в скрипт для удаления полос - Новости трекера и Новости игрового портала.
Я дописал для удаления Новости игрового портала:

Выделить код

Код:

#latest_news > TABLE:first-child > TBODY > TR > TD:last-child {
   display: none !important; }

megane пишет:

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

это жертва на которую пришлось пойти ради убирания прокрутки - потому что сайт рассчитан на более широкие экраны.

26-06-2011 18:22:34

megane пишет:

Если не трудно напишите, что бы Вы добавили в скрипт для удаления полос - Новости трекера и Новости игрового портала.

#latest_news > TABLE:first-child

iDev.Pi

iDev.Pi пишет:

это жертва на которую пришлось пойти ради убирания прокрутки - потому что сайт рассчитан на более широкие экраны.

Да он вроде и без применения стиля такой же. Надо попробовать на широкоэкране глянуть.

iDev.Pi пишет:

#latest_news > TABLE:first-child

Ага, значит можно сократить строку. Понял.
Дописал к Вашему стилю:

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

Выделить код

Код:

#latest_news > TABLE:first-child {
   display: none !important; }
#latest_news > DIV:nth-child(3) {
   display: none !important; }
#forums_list_wrap > DIV:nth-child(4) {
   display: none !important; }
#forums_list_wrap > DIV:nth-child(6) {
   display: none !important; }


Так не слишком криво?

В каком то из вариантов юзер бар был подчеркнут черной линией. Это получилось случайно или можно вернуть эту полосу?

iDev.Pi пишет:

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

Сделал проще. Вытащил из Акрониса профиль за 20.06.11, на нём всё работает. Видать, я что-то за этот промежуток накасячилhttp://smiles.kolobok.us/standart/dntknw.gif

megane пишет:

В каком то из вариантов юзер бар был подчеркнут черной линией. Это получилось случайно или можно вернуть эту полосу?

это я дописал border-bottom: 1px black solid !important; к нему, но убрал т.к. подумал что не сильно то и надо.

megane пишет:

Так не слишком криво?

а чего их все просто не добавить в правило в стиле где display:none для перечисленных вещей?

iDev.Pi пишет:

а чего их все просто не добавить в правило в стиле где display:none для перечисленных вещей?

Именно это я потом и дописал.

iDev.Pi пишет:

это я дописал border-bottom: 1px black solid !important

Ага, сделано. :D

iDev.Pi пишет:

но убрал т.к. подумал что не сильно то и надо.

Я как раз когда увидел, то подумал наоборот, что хорошо.

Я хотел бы попросить, раз уж Вы этот стиль сделали, то выложите его на Userstyles пожалуйста.
Думаю новости не надо вырезать для общего пользования, но я бы вырезал page_footer, все равно никому никогда не понадобится.

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

Выделить код

Код:

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

@-moz-document domain("free-torrents.org") {
#page_header>*:not(#main_nav):not(.topmenu):not(#user_ratio), #page_container > DIV:nth-child(3), #page_footer {
   display: none !important; }
#page_header {
   position: fixed !important;
   top: 0 !important;
   z-index: 999 !important; 
   border-bottom: 1px black solid !important; }
#page_header {
   background: white !important; }
HTML {
   overflow-x: hidden !important;
   padding-top: 50px !important; }
.topmenu {
   height: 30px !important;
   overflow: hidden !important; }
}

Назрело еще вопросиков, если не против.
Есть #top, в котором несколько фрагментов, но эти фрагменты в нем размещены внизу, а в верху пустота.
Надо поднять фрагменты вверх. Вырезать #top нельзя, иначе все заключенное в нем тоже пропадет. Поднять контент тоже не получается, он видимо считает, что итак на позиции "0" стоит.
Для примера можно посмотреть kinopoisk.ru.

megane пишет:

Я хотел бы попросить, раз уж Вы этот стиль сделали, то выложите его на Userstyles пожалуйста.
Думаю новости не надо вырезать для общего пользования, но я бы вырезал page_footer, все равно никому никогда не понадобится.

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

megane пишет:

Надо поднять фрагменты вверх.

надо смотреть какие стили применены к этому и родительским элементам, и смотреть как был сделан этот отступ и писать стиль обнуляющий его. Это может быть margin-top, padding-top, position:relative + top: ??px и т.п.
если достаточно и грязного хака - то можно быстро написать стиль для этого элемента задав его отрицательный margin-top.
#top>* {margin-top: -30px !important;}

27-06-2011 00:28:00
но это не то, что тебе нужно, т.к. остальные элементы на страницы останутся на своих местах, так что либо будет отступ после #top, который нахрен не нужен, либо надо в стиль прописывать и остальные элементы (того же уровня в дом-дереве) страницы.
Тут можно просто

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

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("kinopoisk.ru") {
HTML { margin-top: -210px !important; }
}



27-06-2011 00:36:02
хотя так и фоновая картинка обрежется сверху

27-06-2011 00:39:44
и её не пододвинешь, т.к. background-margin/background-padding не существует, а background-position не умеет делать отступы.
И это всё равно всё при условии, что фоновая картинка там задана для HTML а не кусками под отдельные элементы.

27-06-2011 00:45:25
а не, background-position позволяет отступы делать, просто там фоновая картинка не у HTML (ясен красен), а у BODY. Вот так видно будет фон целиком:
скрытый текст

Выделить код

Код:

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

@-moz-document domain("kinopoisk.ru") {
HTML{margin-top: -210px !important; }
BODY { background-position: left 210px !important; }
}

iDev.Pi пишет:

а этим сайтом я не пользуюсь (есть же рутрэккер + пиратская бухта для игр).

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

iDev.Pi пишет:

#top>* {margin-top: -30px !important;}

Ога, я примерно о том и думал. То есть это пройдет, но считается не очень правильно? Если я Вас правильно понял.

iDev.Pi пишет:

хотя так и фоновая картинка обрежется сверху

Не обрежется, она вообще отдельно прикрепленная.

iDev.Pi пишет:

Вот так видно будет фон целиком:

Странно. Но у меня никакой разницы нет. Картинка как была, так и осталась на одном месте. Я ее даже в DOM не могу захватить.

megane пишет:

Странно. Но у меня никакой разницы нет. Картинка как была, так и осталась на одном месте. Я ее даже в DOM не могу захватить.

у меня в 1 сообщении 2 стиля - они оба одинаково у тебя показываются? так быть не должно.

megane пишет:

Ога, я примерно о том и думал. То есть это пройдет, но считается не очень правильно? Если я Вас правильно понял.

не очень правильно это когда глюки могут быть. Часто их сразу и не увидишь. Если пользуешься и глюков не видно - значит сойдёт.
Если использовать
#top>* {margin-top: -30px !important;}
то это подвинет только элементы внутри #top. Но на сайте могли быть у элементов заданы у каждого свой фон - тогда нормально подвинутся, а может у их родителя - #top - тогда фон останется на месте, а содержимое ячеек - сдвинется наверх. Это может выглядеть плохо.
А может с фоном будет всё ок, но всё равно - двигаешь то ты только элементы #top, а остальная часть страницы остаётся на месте, не сдвигаясь вверх. Тогда получается между #top и остальной частью будет проплешина. Она может быть не заметна, а может бросаться в глаза и ничуть не улучшать вид сайта.

iDev.Pi пишет:

у меня в 1 сообщении 2 стиля - они оба одинаково у тебя показываются? так быть не должно.

Я сразу не заметил.

iDev.Pi пишет:

BODY { background-position: left 210px !important; }

Возможно Вы имели в виду строку:

Выделить код

Код:

BODY { background-position: margin-top 210px !important; }

А то сдвигается вправо. :D

iDev.Pi пишет:

Если использовать
#top>* {margin-top: -30px !important;}
то это подвинет только элементы внутри #top. Но на сайте могли быть у элементов заданы у каждого свой фон - тогда нормально подвинутся, а может у их родителя - #top - тогда фон останется на месте, а содержимое ячеек - сдвинется наверх. Это может выглядеть плохо.
А может с фоном будет всё ок, но всё равно - двигаешь то ты только элементы #top, а остальная часть страницы остаётся на месте, не сдвигаясь вверх. Тогда получается между #top и остальной частью будет проплешина. Она может быть не заметна, а может бросаться в глаза и ничуть не улучшать вид сайта.

Ну примерно уловил. :)

Подскажите,  как изменить расположение пунктов в контекстном меню?

megane пишет:

Возможно Вы имели в виду строку:
Код:
BODY { background-position: margin-top 210px !important; }

нет, я имел в виду то, что имел :)
у меня нормально сдвигается вниз, если у тебя сдвигается вправо - это какой-то глюк.
У свойства background-position два значения, положение по горизонтали (может быть — left, center, right) и вертикали (может быть — top, center, bottom). Кроме использования ключевых слов положение также можно задавать в процентах, пикселах или других единицах.

mserv пишет:

Подскажите,  как изменить расположение пунктов в контекстном меню?

Задать каждому из пунктов этого контекстного меню -moz-box-ordinal-group от 1 до n. Пункты будут располагаться по этому порядку (от 1 до n).

iDev.Pi пишет:

Задать каждому из пунктов этого контекстного меню -moz-box-ordinal-group от 1 до n. Пункты будут располагаться по этому порядку (от 1 до n).

А конкретный пример можно? Например для #context_closeOtherTabs, как это будет выглядеть?http://smiles.kolobok.us/standart/scratch_one-s_head.gif

mserv
надо знать айди всех элементов контекстного меню
#id1 {-moz-box-ordinal-group:5!important;}
#id2 {-moz-box-ordinal-group:6!important;}
#id3 {-moz-box-ordinal-group:7!important;}
#id... {-moz-box-ordinal-group:...!important;}
#idn {-moz-box-ordinal-group:n!important;}

iDev.Pi пишет:

надо знать айди всех элементов контекстного меню

Т.е. они расположатся в необходимом порядке, когда их все прописать? А если часть уже скрыта с помощью Стилиш, их надо вносить для сортировки?
Спасибо, разобрался, получается.http://smiles.kolobok.us/standart/thank_you.gif

iDev.Pi пишет:

положение по горизонтали (может быть — left, center, right)

Тоогда что то я недопонял. У Вас же Left стоит, а сдвигать нужно вниз.

iDev.Pi пишет:

если у тебя сдвигается вправо - это какой-то глюк.

У меня бэкграун сдвинулся вправо, когда я попробовал задать положительное значение HTML. До этого никаких сдвигов картинки вообще не было, хоть с положительным значением для нее, хоть с отрицательным.

megane пишет:

Спасибо, разобрался, получается.

пожалуйста.

megane пишет:

Тоогда что то я недопонял. У Вас же Left стоит, а сдвигать нужно вниз.

ещё раз, значения - два. одно про горизонтальные сдвиги (их нам не надо, поэтому просто говорим, что картинка фоновая должна начинаться от левого края - left), а второй про вертикальный - (если значение положительное, то сдвиг идёт вниз, если отрицательное - вверх).

megane пишет:

У меня бэкграун сдвинулся вправо, когда я попробовал задать положительное значение HTML. До этого никаких сдвигов картинки вообще не было, хоть с положительным значением для нее, хоть с отрицательным.

Не понятен смысл сказанного.
Попробуй на той странице стиль
BODY { background-position: left 210px !important; } и у тебя фон сдвинется вниз.

iDev.Pi пишет:

что картинка фоновая должна начинаться от левого края - left

А, вот теперь понял. :)

iDev.Pi пишет:

Не понятен смысл сказанного.

Смысл в том, что я попробовал сдвинуть HTML задав положительное, а не отрицательное значение 210, ничего больше не меняя, и получил сдвиг всей страницы вправо почему то. То есть помимо смещения страницы вниз я получил слева черную полосу, а правый край уехал за пределы монитора. Поэтому и подумал, что ошибка где- то в стиле.
Но тут еще такая штука. Даже если убрать эту строку с background 210, то фоновая картинка никуда не смещается. Что мне в принципе непонятно.

27-06-2011 19:37:10

iDev.Pi пишет:

Попробуй на той странице стиль
BODY { background-position: left 210px !important; } и у тебя фон сдвинется вниз.

ОК, доберусь домой, попробую.

Добавлено:
Попробовал, в результате все так же как я говорил. Такое впечатление, что значение left понимается как левый край не самой страницы, а страницы с контентом без бордюров.

http://hostingkartinok.com/thumb/01201106/3151b1311db21cc7519be7cb3347a613.png

А вот со значением: BODY { background-position: center 210px !important; }

http://hostingkartinok.com/thumb/01201106/15a00caed1ce11d7bcd450e8e1793f8a.png

Я решил вообще бекграундную пикчу вырезать.

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

Выделить код

Код:

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

HTML{margin-top: -210px !important; }
BODY { background: none !important } 
#top > DIV:last-child > DIV > FORM > OBJECT, #block_right > DIV[style="width:240px; height:400px;"], #block_right > DIV:first-child, #ar_flash > EMBED, #show_adv > DIV > A {
   display: none !important; }
}

Подскажите пожалуйста как расположить блок по центру окна браузера? В справочнике говорится о позиционирование только с отступами краев. Или я не там ищу.
Добавлено:
В общем прописал, но как- то странно для меня, вернее неожиданно:

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

Выделить код

Код:

#forums_list_wrap {
   position: relative !important;
   width: 75% !important; left: 12.5% !important; }

iDev.Pi
Ещё  вопрос по сортировке меню, помогите плиз.
Как отсортировать в меню пункт с подменю? Прописывал его и целиком и каждый подпункт отдельно, но они с насиженного места не трогаются.

megane

Подскажите пожалуйста как расположить блок по центру окна броузера?

А если попробовать прописать margin: auto?

MySh пишет:

А если попробовать прописать margin: auto?

Нет, не катит. :(
Подскажите пожалуйста, как предотвратить горизантальный скрол и чтобв весь контент умещался на странице браузера.
Пробовал HTML {overflow-x: visible !important;}, но скрол все равно появляется в некоторых случаях, а overflow-x: hidden !important; как и положенно скрывает скрол, но контент обрезает.

Ребята, скажите плиз какой прогой конвертировать иконку в текст для Стилиша

Тут уже обсуждалось, но я не могу найти

leex
http://forum.mozilla-russia.org/viewtop … 46#p235246

leex
Уроки стилеписания на CSS
Вопрос №8, пункт 3.

Помогите пожалуйста. Решил немного облагородить вид расширения Desktop стилем Stylish, но появилась одна проблема.
Задаю бордюры миниатюрам? радиусы, все хорошо, но это только если миниатюры отображаются как закладки.
А если это папка с закладками, то закладки в этой папке не унаследуют значения родительской страницы, хотя ID у них одинаковые - .widget.

Вот вид закладок:
http://i24.fastpic.ru/thumb/2011/0704/9c/2f48931758cb81c1190cd261c0243d9c.jpeg

А это папка с закладкой:
http://i25.fastpic.ru/thumb/2011/0704/df/5ea3bd45add5c415ea2bb695f0e007df.jpeg

Так выглядит стиль
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url("chrome://desktop/content/desktop.html") {


.widget { -moz-border-radius: 15px !important; border-width: 7px !important;}

.widget {-moz-border-left-colors: #C0C0C0 !important; -moz-border-right-colors: #C0C0C0 !important; -moz-border-top-colors: #C0C0C0 !important; -moz-border-bottom-colors: #C0C0C0 !important }

#thumbnail > IMG { -moz-border-radius: 5px !important;}

}

Попробуйте

Выделить код

Код:

@-moz-document url("chrome://desktop/content/desktop.html*") {

Tiger.711
Так вообще не работает. :(

Так и получилось, заменил Informational Tab на Progress Bar on Tab, и  панель стала появляться исправно.:D

megane
Смысл в том, что что адрес меняется при переходе по под подпапкам рабочего стола. Становится вида chrome://desktop/content/desktop.html?folder=191302

Tiger.711
Это я понимаю. Вот только как сделать, что бы родительский адрес первой страницы Рабочего стола воспринимался как домен, а не как URL?
Или существует другой способ прописать?

megane

Выделить код

Код:

@-moz-document url-prefix("chrome://desktop/content/desktop.html") {
    ...
}
Выделить код

Код:

@-moz-document domain("desktop") {
    ...
}

Infocatcher
Огромное спасибо. Оба варианта работают.
Если я не ошибаюсь, то особой разницы в этих вариантах нет. Или есть все- таки?

mserv пишет:

Так и получилось, заменил Informational Tab на Progress Bar on Tab, и  панель стала появляться исправно.:D

ну в твоём случае значит этот глюк был не фантомным.

megane пишет:

Это я понимаю. Вот только как сделать, что бы родительский адрес первой страницы Рабочего стола воспринимался как домен, а не как URL?
Или существует другой способ прописать?

Уроки стилеписания на CSS
Вопрос №5. Пункт А.

iDev.Pi пишет:

Уроки стилеписания на CSS
Вопрос №5. Пункт А.

Да я понимаю, что лапоть. Пропустил про префикс. :rolleyes:

iDev.Pi пишет:

ну в твоём случае значит этот глюк был не фантомным.

Всё оказалось сложнее. Устанавливаю расширение Progress Bar on Tab, созданная панель buttons автоскрывается нормально, но после перезапуска Firefox исчезает с панели штук пять кнопок. Отключаю расширение кнопки на месте, но автоскрытие панели начинает работать после манипуляций ПКМ убрать-поставить галку на панель buttons.

помогите пожалуйста разрешить данный вопрос:
http://forum.mozilla-russia.org/viewtopic.php?id=50623

Михаил86 пишет:

помогите пожалуйста разрешить данный вопрос:
http://forum.mozilla-russia.org/viewtopic.php?id=50623

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

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
scrollbar[orient="vertical"]{visibility:collapse !important; }

mserv
ага а за одно вырежет и все остальные вертикальные скроллы во всём браузере.

iDev.Pi пишет:

Ну да, слегка скроет. :D Так подправь, если не нравится.;)

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

народ а кто в Stylish может наклепать такую же тему стильного оформления форума http://forum.ixbt.com/ и http://forum.ru-board.com/

как здесь в разделе "профиля" -> стилевое оформления -> Cobalt  а именно:

http://savepic.org/1970871m.jpg

Есть такое контекстное меню и в нем два нужных пункта:
http://s58.radikal.ru/i159/1108/58/eec84d8225c8t.jpg
как стилем расположить их рядом?
http://s51.radikal.ru/i133/1108/73/8d8c778a324ct.jpg
Из вышеописанного:

iDev.Pi пишет:

    надо знать айди всех элементов контекстного меню
    #id1 {-moz-box-ordinal-group:5!important;}
    #id2 {-moz-box-ordinal-group:6!important;}
    #id3 {-moz-box-ordinal-group:7!important;}
    #id... {-moz-box-ordinal-group:...!important;}
    #idn {-moz-box-ordinal-group:n!important;}

ничего понял.
ID определяю, а дальше что?
какой номер присваивать?

Inko7 пишет:

ничего понял.
ID определяю, а дальше что?
какой номер присваивать?

Определяешь ID всех пунктов меню, это у тебя будут #id1-#idn, далее присваиваешь им номер group:??,  от него и зависит место расположения пункта в меню

03-08-2011 15:37:03
Для твоего случая, пронумеруй все  group:, в той последовательности, как  у тебя показано на втором скрине

mserv
тыкни пожалуйста пальцем, какой номер group нужен!
не могу понять логику...
писал так:
#bypassrdto {-moz-box-ordinal-group:7!important;}
#bugmenot {-moz-box-ordinal-group:7!important;}
но не то...

Inko7

Inko7 пишет:

iDev.Pi пишет:
    надо знать айди всех элементов контекстного меню
    #id1 {-moz-box-ordinal-group:5!important;}
    #id2 {-moz-box-ordinal-group:6!important;}
    #id3 {-moz-box-ordinal-group:7!important;}
    #id... {-moz-box-ordinal-group:...!important;}
    #idn {-moz-box-ordinal-group:n!important;}

Inko7 пишет:

#bypassrdto {-moz-box-ordinal-group:7!important;}
#bugmenot {-moz-box-ordinal-group:7!important;}

1. сравни коды. Не видишь ли ты разницы в том, что у меня значения РАЗНЫЕ, а у тебя - одинаковые?
2. когда не понимаешь как пользоваться каким-то аттрибутом - пишешь в гугле "MDC moz-box-ordinal-group" и находишь описание и применение.

Номера ты им можешь любые присваивать, (только не одинаковые - в этом нет смысла). Те, у кого номер меньше - будут показываться выше.

Inko7
Расположи в Стилиш все пункты твоего меню в той последовательности, какой ты хочешь их видеть, а потом присвой порядковый номер. Сейчас пункты, которые ты привёл, на втором скрине находятся на 12, 13 месте для них получится так:
#bypassrdto {-moz-box-ordinal-group:12!important;}
#bugmenot {-moz-box-ordinal-group:13!important;}
Но повторюсь, в твоём меню перед этими пунктами ещё 11 и в конце списка ещё  2 их тоже нужно все прописать.

03-08-2011 17:10:56
Во, появился автор, тогда я умываю руки:)

Inko7
Или как вариант воспользоваться стилем No "useless" и скрыть пункты вообще.

Skarm
ты не чувствуешь разницы между "изменить их порядок" и "скрыть их вообще"?

Помогите разобраться как сделать перенос .single находящихся внутри .mar, чтобы в зависимости от ширины окна - не появлялся горизонтальный скроллбар, а шёл перенос неумещающихся .single на новую строку.
Нынешний стиль:
.mar {
   display: table-row !important; }
.single {
   display: table-cell !important; }

Скриншот:
http://img600.imageshack.us/img600/8944/25395702.png

EDIT: не, в моём примере, кажется, какая-то мистика с шириной этих элементов, потому что присваиваю им фиксированную ширину в n пикселей - они никак на это не реагируют :(

Inko7  Дело было вечером, делать было ... извините пжлст невнимательно прочитал.
iDev.Pi я не знаток CSS :blush:, но вот наткнулся на статейку, машинный перевод:" Простое решение для перенос слов текста в теги, хорошие для форумов и код в целом. Нет больше вынуждены горизонтальной прокрутки на страницах". pre { white-space: pre-wrap !important; }
Поможет? если не то сильно не пинайте...:angel:

машинный перевод:" Простое решение для перенос слов текста ...

Еще word-wrap: break-word есть.

Skarm
Infocatcher
это не то, там же .single - это не текст, а элементы состоящие из нескольких суб-элементов (картинка+текст)

Подскажите,  как изменить цвет фона при наведение на неактивные пункты меню?

mserv

Выделить код

Код:

menuitem[disabled="true"]:hover {
    -moz-appearance: none !important;
    background-color: yellow !important;
}

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

mserv
Иногда бывает нужно сохранить стиль и перезапустить [firefox] :blush:

mserv пишет:

и при наведении на неактивный пункт дёргается всё меню.

Потому что то, что я привел - это самый минимум. Возможно, надо будет добавить margins/paddings и т.д.

hydrolizer
Понял, спасибо. Проверил на другом профиле, цвет меняет. Видно с каким-то ещё стилем конфликтует, я их наплодил… :whistle:  Потом буду разбираться.

как изменить название конкретного таба, я сделал для этого такой код, но название таба уползло право и верх.
как зделать правыльно?

http://img9.imageshack.us/img9/6356/image19942312.jpg

Выделить код

Код:

tab[label="chrome://browser/content/bookmarks/bookmarksPanel.xul"]:after{content: "Bookmarks tab" !important;}

.tabbrowser-tab[label="chrome://browser/content/bookmarks/bookmarksPanel.xul"]
.tab-text.tab-label{display: none !important;}

bunda1
Можно сделать вот такой хак:

Выделить код

Код:

.tabbrowser-tab[label="chrome://browser/content/bookmarks/bookmarksPanel.xul"] .tab-label {
    -moz-binding: url("chrome://global/content/bindings/tabbox.xml#tab") !important;
}
.tabbrowser-tab[label="chrome://browser/content/bookmarks/bookmarksPanel.xul"] .tab-label:after {
    content: "Bookmarks tab" !important;
}

Но все остальные вкладки будут дергаться при закрытии вкладки с chrome://browser/content/bookmarks/bookmarksPanel.xul.

Почему на восьмёрке перестал работать стиль Firefox 4: center images + dynamic background - userstyles.org  ?http://smiles.kolobok.us/standart/scratch_one-s_head.gif

mserv
из-за :only-child

09-08-2011 15:30:36
mserv
мне не понятно почему это они так тихонько выпилили этот псевдо-класс, так что в ожидании каких-то разъяснений я создал баг 677495

iDev.Pi
Спасибо.  У меня ещё несколько стилей отвалилось, надо будет посмотреть.

Infocatcher пишет:

bunda1
Можно сделать вот такой хак:

Выделить код

Код:

.tabbrowser-tab[label="chrome://browser/content/bookmarks/bookmarksPanel.xul"] .tab-label {
    -moz-binding: url("chrome://global/content/bindings/tabbox.xml#tab") !important;
}
.tabbrowser-tab[label="chrome://browser/content/bookmarks/bookmarksPanel.xul"] .tab-label:after {
    content: "Bookmarks tab" !important;
}

Но все остальные вкладки будут дергаться при закрытии вкладки с chrome://browser/content/bookmarks/bookmarksPanel.xul.

Спасибо, табы вкладки вроде не дергаютса при закрытии вкладки с chrome://browser/content/bookmarks/bookmarksPanel.xul.
Но зато есть другой глюк, если эта вкладка фокусе после рестарта .

Выделить код

Код:

.tabbrowser-tab[selected='true']{
    color: red  !important;
    font-weight: bold  !important;}

http://img197.imageshack.us/img197/7033/image4552375.jpg

Может подскажи id этой вкладки для Custom Buttons.

var Btab = document.getElementById("????");
Btab.setAttribute("label","Bookmark tab");

bunda1 пишет:

Может подскажи id этой вкладки для Custom Buttons.

var Btab = document.getElementById("????");
Btab.setAttribute("label","Bookmark tab");

А кто будет за открытием новых вкладок следить?

Переименование каждого документа с адресом «chrome://browser/content/bookmarks/bookmarksPanel.xul»:

Выделить код

Код:

addEventListener("DOMContentLoaded", function(e) {
    var doc = e.target;
    if(doc.location.href == "chrome://browser/content/bookmarks/bookmarksPanel.xul")
        doc.title = "Bookmarks tab";
}, true);

Infocatcher
You're the best. Спасибо за код.

:( Пропали все закладки и не восстанавливаются, хорошо что на экспериментальной сборке.
Этот код может быть как то связан с этим???
Вроде не должен.

Панелька выглядит у меня так:
http://storage6.static.itmages.ru/i/11/0813/h_1313247969_5612649_319b47964f.png
Я переместил стилем иконку оповещающую об установке расширения вправо:
http://storage6.static.itmages.ru/i/11/0813/h_1313247969_5612649_b4aaae1544.png
Теперь при появлении этой иконки, та панелька съезжает немного, видимо давая место иконке расширения, но она то появляется в другом месте:
http://storage6.static.itmages.ru/i/11/0813/h_1313247969_5612649_278b821cf1.png

Весь скрин
http://storage6.static.itmages.ru/i/11/0813/s_1313247969_5612649_df0c7847d1.png

Кто знает как это исправить? Чувствую что стилем здесь не обойтись=(

И еще, при установленном Url-addon-bar, иконка Simple Mail'a находится наверху и всплывающие сообщения от него также появляются наверху, причем не полностью и перекрывая кнопки свернуть/закрыть:
http://storage2.static.itmages.ru/i/11/0813/h_1313248787_2530807_a3a8009228.png

Kamui пишет:

Кто знает как это исправить?

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

Выделить код

Код:

#page-proxy-favicon {margin-left: -4px !important; margin-right: 4px !important;} 

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

Есть стиль (наковырял с разных примеров):

скрытый текст
/* Стиль фиксирует высоту аддонбара, регулирует расположение панели поиска*/

#addon-bar{
height: 24px !important;
margin: 0px 0px 0px 0px !important;
padding-bottom: 2px !important; 
padding-top: 0px !important;
border-bottom: none;
border-top: 1px solid Threedshadow !important;}

#FindToolbar {
  position: fixed !important;
  border: 1px solid transparent;
  border-top: none;
  border-bottom: 1px solid Threedshadow !important; 
  border-right: 1px solid Threedshadow !important; 
  border-radius: 0px 7px 0px 0px;
  background: inherit;
  bottom:23px;
  left:0%;
}

Вроде бы красиво и мне все нравится...
Но все-таки, что нужно исправить/добавить, чтобы при наведении курсором на кнопку, появляющееся выделение (затемненная рамка) тоже было отцентрировано вокруг иконки?
Сейчас полностью примыкает к верху:
http://ib2.keep4u.ru/b/2011/09/12/af/aff89a92e564e3749b4e6608bc099092.jpg

И еще, как переместить кнопку закрытия панели поиска из левого положения вправо?
http://ib2.keep4u.ru/b/2011/09/12/dc/dc336257c5f510b1f11a6703309fe3a3.jpg


Добавлено:
Объясните, с какого перепугу этот стиль не хочет работать под Windows 7 (x86)???
Перенес полный профиль фокса на новую винду (был Win XP), а тут такие траблы...
При вызове панели поиска она как-бы зависает и не воспринимает нажатие кнопок - остается только ее закрывать...

Рабочее Stylish-Custom для Nightly есть?
Нашёл Stylish-Custom-0.7.8e.xpi.rename

Подскажите, есть стиль который окно исходного кода открывает во вкладке?

skynet281978 Существует расширение View Source Choice :)

skynet281978
Можно попросить в соответствующей теме сделать кнопку, которая будет копировать ссылку текущей страницы и открывать её во вкладке с добавлением перед ссылкой view-source:

Кстати открывать исходный код может Smart location (smart text) :: Дополнения Firefox

Крошка Ру, mserv это не те варианты, что нужны. Пропадает меню окна.
Как нужно делало дополнение Source Viewer Tab, но оно с чем-то конфликтует, пришлось отключить.
Поэтому и поинтересовался стилем.

появился новый дизайн страницы входа на почту gmail (новый дизайн включается на странице входа в аккаунт внизу...)
и там справа вверху красная кнопка "СОЗДАЙТЕ АККАУНТ"
как бельмо на глазе.
Правильно ли я сделал стиль для смены цвета этой кнопки?

скрытый текст
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(https://accounts.google.com)
{
.g-button.g-button-red
{
background: #4B8DF9 !important;
}
}

skynet281978 пишет:

Подскажите, есть стиль который окно исходного кода открывает во вкладке?

стилями этого не сделаешь.

skynet281978 пишет:

Правильно ли я сделал стиль для смены цвета этой кнопки?

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

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

В продолжение к посту №649:
пробовал отключать каждую строчку стиля...
в итоге выяснил, что все перестает работать из-за строчки - "position: fixed !important;"
но, как я понимаю, именно она делает панель поиска такой короткой!

Подскажите, как починить стиль или найти аналог данному параметру!
Почему данная команда не работает в Windows 7 и FF6?
Каким другим рабочим стилем можно укоротить панель поиска?

Inko7
Попробуйте этот стиль, с ним проблем быть не должно.

Tiger.711
что конкретно нужно взять из твоего стиля только для панели поиска?
мне бы не хотелось трогать аддонбар - установлен Status-4-evar и мне все нравится (вот только подправляю/увеличиваю его высоту и все)!
а вот панель поиска хочется короткую, прямо над аддонбаром:
http://i015.radikal.ru/1109/5a/66fe98239c06t.jpg
повторюсь, в XP все нормально, а вот в W7 почему-то нет...

Уберите то, что идёт до комментария /* стиль */

Tiger.711 пишет:

Уберите то, что идёт до комментария /* стиль */

убрал, имею это:
http://s013.radikal.ru/i324/1109/6e/795fd59e56aft.jpg
с панелью поиска:
http://i059.radikal.ru/1109/8b/9ea2cded202dt.jpg
а нужно вот так:
http://i015.radikal.ru/1109/5a/66fe98239c06t.jpg
:|

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

#addon-bar тоже потрите.

Tiger.711
нет, так ничего не выйдет :(
Addonbar вместе с Findbar становится коротким общим куском кода:

Выделить код

Код:

#browser-bottombox {
   position: fixed;
   bottom: 0;
   width: auto;
   border: 0 !important;
   background: none !important; }

если удалить его и оставить отдельно #FindToolbar, то эффект будет такой же - панель поиска подвисает и не реагирует на ввод...
Что-то с этим "position: fixed;" все таки не так...

Inko7
Помнится использовал подобный стиль, нужно оставлять #browser-bottombox и #FindToolbar через запятую, тогда файндбар будет реагироваьть на ввод.

фиксированная позиция это фиксированная позиция. Означает, что панелька не должна изменять положение.

Inko7
Попробовал этот стиль. У меня вроде все нормально регулируется. Правда у меня панель внизу расположена.
Tiger.711
А у Вас кнопка погладить не работает.

Kamui пишет:

#browser-bottombox и #FindToolbar через запятую, тогда файндбар будет реагироваьть на ввод.

нет
пробовал #browser-bottombox > #FindToolbar { . . . } - та же фигня :(

George Mikl пишет:

Попробовал этот стиль. У меня вроде все нормально регулируется. Правда у меня панель внизу расположена.

стиль с поста №649 на Win7 ???
"панель внизу" - какая?

Inko7 пишет:

стиль с поста №649 на Win7 ???

Да.

Inko7 пишет:

"панель внизу" - какая?

Аддонов.
При наведении на кнопку, выделение при наведении курсора, и сверху, и снизу не имеют бордюров.
может Вам стоит высоту #addon-bar сделать меньше?

George Mikl пишет:

стиль с поста №649 на Win7 ???
Да.

(x86) ?
и как такое может быть?

создал новый профиль и установил только Stylish + этот стиль...
все то же самое - При вызове панели поиска она как-бы зависает и не воспринимает нажатие кнопок - остается только ее закрывать...

14-09-2011 15:13:01
сидел думал, чем же для фокса отличается XP от W7 ...
придумал - аппаратное ускорение!!! :idea:
снял галку с этого параметра и сразу стиль заработал!!!
теперь вопрос: как разрулить эту ситуацию - и чтоб стиль работал и ускорение включено?

Inko7 пишет:

(x86) ?

х64. А какая разница собственно?

Inko7 пишет:

и как такое может быть?

Мне вообще непонятна Ваша цель. Объясните, что Вы хотите сделать при помощи этого стиля?
Может я тогда бы чем- нибудь помог.

Inko7 пишет:

теперь вопрос: как разрулить эту ситуацию - и чтоб стиль работал и ускорение включено?

Вообще аппаратное ускорение лучше отключить, тем более если глюки такие.

George Mikl пишет:

Мне вообще непонятна Ваша цель. Объясните, что Вы хотите сделать при помощи этого стиля?
Может я тогда бы чем- нибудь помог.

чего ж непонятного? рассказывал уже...
сейчас имею такое (аддонбар):
http://s016.radikal.ru/i335/1109/fd/260b44c03942t.jpg
он же с включенной панелью поиска:
http://s41.radikal.ru/i091/1109/2a/7a24cb35e518t.jpg
со стилем это выглядит так (и мне это нравится больше):
http://i015.radikal.ru/1109/5a/66fe98239c06t.jpg
а вообще задавался вопрос по данному стилю:

Inko7 пишет:

Но все-таки, что нужно исправить/добавить, чтобы при наведении курсором на кнопку, появляющееся выделение (затемненная рамка) тоже было отцентрировано вокруг иконки?
Сейчас полностью примыкает к верху:
http://ib2.keep4u.ru/b/2011/09/12/af/aff89a92e564e3749b4e6608bc099092.jpg

вот и все!

P.S.

George Mikl пишет:

Вообще аппаратное ускорение лучше отключить

это еще почему? чем оно плохо (кроме данного случая :))?

Inko7
Может я не внимательный, но различия только в высоте самой панели аддонов. Без стиля у тебя значки впритык по высоте, а со стилем с запасом.
Это так или еще должны быть различия?

А попробуй так:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);


#addon-bar > *:not(#status-bar)
    {margin-top: 3px !important;
     margin-bottom: 3px !important; }

Так:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#addon-bar > *:not(#status-bar)
    {margin-top: 2px !important;
     margin-bottom: 2px !important; }


toolbarspring[flex="1"][removable="true"]
        { height: 18px !important; }

Или так:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

toolbarspring[flex="1"][removable="true"]
        { height: 22px !important; }

George Mikl
вот!
теперь центровка рамки нормальная! спасибо!

Inko7
А вообще я бы посоветовал Вам стиль Firefox: Choose Your Color.

Inko7 пишет:

это еще почему? чем оно плохо (кроме данного случая :))?

Очень много проблем от этого у пользователей. Лично у меня вроде нормально и с ним и без него. Разницы я не замечаю.
Но вижу часто, что рекомендуют отключать.

Подскажи еще пожалуйста как убрать вот это с панели поиска:
http://i062.radikal.ru/1109/e8/d2bb57160037t.jpg

скрытый текст
пишу вот так:

Выделить код

Код:

#find-case-sensitive {display:none !important;}

не срабатывает



George Mikl пишет:

А вообще я бы посоветовал Вам стиль Firefox: Choose Your Color.

Да, неплохой стиль, уже есть в закладках. Пользовал его полгода тому назад на XP - просто супер!
Но для 7-ки он хорош для дефолтной темы, когда вкладки сверху и желательно с выключенной панелью закладок ...
А у меня и тема не та, и вкладки снизу, и панель присутствует, и с аеро мне не очень пошло (хоть и выбирал Transparency > Opaque) ...

Подвожу итог по образовавшейся проблеме с аппаратным ускорением:

скрытый текст
что-то разные мнения по поводу этого ускорения нахожу в инете...
и, кстати, я разрешил свою проблему аппаратного ускорения и стиля:
нашел такой параметр "layers.acceleration.disabled" - ставим его в "true" и все зашибись - и ускорение есть (проверяю на майкрософтовских рыбках) и стиль начал работать нормально!
чудеса!

Inko7 пишет:

хоть и выбирал Transparency > Opaque) ...

Это как раз непрозрачный.
Для прозрачности надо выбирать Fully Transparent (requires Aero Glass).

George Mikl пишет:

Это как раз непрозрачный

выбирал правильно - именно непрозрачность и нужна была! но это уже в прошлом...
сможешь помочь по №677 (убрать элемент с панели поиска) ?

Inko7 пишет:

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

Проблем не возникало >__>

Inko7 пишет:

сможешь помочь по №677 (убрать элемент с панели поиска) ?

Пока не могу сообразить, но если что, то да. Проблема как я понимаю в выборе правильного селектора для указания в стиле (id элемента).

15-09-2011 11:25:29

Tiger.711
У Вас ссылка на "погладить" недействительная.

George Mikl
поглядел разные стили, высмотрел такой кусочек кода:

Выделить код

Код:

/*  Убираем блок-надпись "С учетом регистра"  */
.findbar-container>checkbox, #FindToolbar label[class="checkbox-label"]{
 display: none !important;}

да, он действительно убирает надпись, но уже даже и в win XP точно так же "подвешивает" панель поиска :whiteflag:

Inko7
Я вообще использую Findbar Tweak, у него много вкусных плюшек.

George Mikl
А что конкретно пишет?

Tiger.711 пишет:

Я вообще использую Findbar Tweak, у него много вкусных плюшек.

тоже его использую - хорошая вещь!

Inko7
Так ведь он эту строчку как раз отключать умеет. Или нет? У меня просто нету её >__>

Inko7 пишет:

да, он действительно убирает надпись, но уже даже и в win XP точно так же "подвешивает" панель поиска

Не потому ли, что этот стиль слегка крив? Вот это:

Выделить код

Код:

.findbar-container>checkbox, #FindToolbar label[class="checkbox-label"]{
 display: none !important;}

скрывает (display: none !important) 1) checkbox, находящийся непосредственно в элементе с классом .findbar-container; 2) label с классом checkbox-label, находящийся где-то внутри элемента #FindToolbar. При этом .findbar-container вложен непосредственно в #FindToolbar.
У меня для скрытия этой строчки "Match case" без всяких подвешиваний чего бы то там ни было работает вот такой стиль:

Выделить код

Код:

.findbar-container label.checkbox-label {
    display: none !important;
}

hydrolizer
приведеный тобой код у меня скрывает только надпись, а чекбокс остается на месте
а подвешивания в моем случае почему-то возникают из-за стиля по которому уже вторую страницу пытаюсь просить помощи!

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

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#addon-bar{
 height: 24px !important;
 padding-bottom: 2px !important;  
 padding-top: 0px !important;
 border-top: 1px solid Threedshadow !important; }

#addon-bar > *:not(#status-bar){
 margin-top: 2px !important;
 margin-bottom: 1px !important; }

#FindToolbar {
 position: fixed !important;
 bottom:24px;
 left:0px; 
 border-top: 1px solid Threedshadow;
 border-right: 1px solid Threedshadow !important;  
/* border-left: 1px solid Threedshadow !important; */
 border-radius: 0px 7px 0px 0px;
 background: inherit; }



/* Убираем блок-надпись "С учетом регистра"
.findbar-container>checkbox, #FindToolbar label[class="checkbox-label"]{
 display: none !important;} */



Tiger.711
Findbar Tweak этого не умеет. Скрывает кнопку закрытия и все подписи к кнопкам одновременно...

FindBar Tweak +

fb

Выделить код

Код:

/*
#FindToolbar .findbar-find-next > label,
#FindToolbar .findbar-find-previous > label,
#FindToolbar .findbar-highlight > label {display: none !important;}
*/

#FindToolbar .findbar-textbox {
 -moz-appearance:none !important;
 border: 1px solid threeddarkshadow !important;
 border-radius: 3.5px !important;
 width: 15em !important;
}

#FindToolbar {background-image: -moz-linear-gradient(hsl(140,60%,97%), hsl(140,60%,95%) 18%, hsl(140,60%,93%) 50%, hsl(140,60%,91%) 82%, hsl(140,60%,89%)) !important;
border-bottom-right-radius: 8px  !important;
border-bottom-left-radius: 8px  !important;
}

[anonid="find-case-sensitive"] {display:none !important;}


http://s003.radikal.ru/i203/1109/7d/e0c40a74e58ft.jpg

Inko7 пишет:

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

В таком случае достаточно просто скрыть чекбокс, его label будет скрыт вместе с ним.

2k1dmg
добавил твой код в конец своего стиля - все работает без зависаний!!!
как только что-то изменяю, то начинаются проблемы...
например, так как панель снизу, меняю параметр "border-bottom-right-radius: 8px  !important;" на "border-top-right-radius: 8px  !important;" и удаляю "border-bottom-left-radius: 8px  !important;" и все перестает работать - при поиске вводится и видится только первый символ и все... :|

скрытый текст
введено для поиска "ight", найденное помечается на странице, а в поле только первая буква!
http://s011.radikal.ru/i316/1109/9c/333f55c4c75f.jpg

даже просто меняю 8px на 3px и та же беда - как такое может быть???
Приведи пожалуйста весь свой стиль полностью...

И еще, как закруглить контур нажатого состояния кнопки "Подсветить все" ???

Inko7 пишет:

И еще, как закруглить контур нажатого состояния кнопки "Подсветить все" ???

Как-то так:

Выделить код

Код:

.findbar-highlight.tabbable[checked="true"]
{-moz-appearance: none!important;
border: 1px solid black !important;
border-radius: 10px !important;}

Tiger.711 пишет:

А что конкретно пишет?

Неверный запрос. Ссылка, по которой вы пришли неверная или устаревшая.

А ну и ладно. Я особо не заморачиваюсь насчёт ссылки. Есть и пускай будет (:

Kamui пишет:

Как-то так:

годится!

PROMODJ

Выделить код

Код:

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

@-moz-document  domain("promodj.ru"), domain("promodj.com"), domain("promodj.fm"), domain("promodj.by"), domain("pdj.com"), domain("pdj.ru"), domain("pdj.by"), domain("all.dj"), domain("djfavorite.com"), domain("djfeel.net"), domain("alexsheikh.ru"), domain("romapafos.com"),  domain("mixed.by"), domain("remixed.by"), domain("composed.by"), domain("basser.ru"), domain("bassmydrum.ru"), domain("dbass.ru"), domain("deeep.ru"), domain("deejay-rank.com"), domain("deejayrank.com"), domain("dj-promo.ru"), domain("dj-rank.ru"), domain("djmp3.ru"), domain("djrank.ru"), domain("djspace.ru"), domain("drumbr.ru"), domain("electro1.ru"), domain("electrohead.ru"), domain("electroplay.ru"), domain("electroslim.ru"), domain("hiphoping.ru"), domain("hiphopping.ru"), domain("hiphopr.ru"), domain("hiphopstreet.ru"), domain("indahiphop.ru"), domain("indaprogressive.ru"), domain("indatrance.ru"), domain("internet-dj.ru"), domain("internetdj.ru"), domain("milhouse.ru"), domain("minimals.ru"), domain("morehouse.ru"), domain("mydeephouse.ru"), domain("playdeep.ru"), domain("playtrance.ru"), domain("prgsv.ru"), domain("promodeejay.com"), domain("promodeejay.ru"), domain("promodj.in"), domain("promomix.ru"), domain("promopop.ru"), domain("promoradio.ru"), domain("promorank.ru"), domain("promorap.ru"), domain("promornb.ru"), domain("promorock.ru"), domain("rap2rap.ru"), domain("rapme.ru"), domain("rapsoul.ru"), domain("respecter.ru"), domain("rnbee.ru"), domain("rnbface.ru"), domain("rnbpeople.ru"), domain("rnbr.ru"), domain("rnbstreet.ru"), domain("sexydj.ru"), domain("trancr.ru"), domain("yadj.ru") {


#topbrandingspot {
   padding-top: 0px !important; }


}


Promodj на userstyles.org.

Поможите люди добрые!

Есть стиль рутрекера, но есть один недостаток. При получении ссылки на посты верхняя часть поста скрывается за неподвижной панелью.
Как сделать, что бы при получении ссылки на пост, нужное сообщение было полностью видно?

http://hostingkartinok.com/thumb/01201109/2d2cc19e440e021a5e67a4280f3879e9.png

megane
сдаётся мне, что никак

iDev.Pi пишет:

сдаётся мне, что никак

Видимо надо уже на Greasemonkey переходить. :D

Установил Лису 6.02 и теперь не отображается значок Стилиша в правом нижнем углу на панели дополнений (искал его в палитре значков панели управления но его там нет)
В четвертой версии Лисы у меня работал свой значок стиля для дополнения FlashGot
теперь этот стиль не работает, хотя в настройках стилиша все данные остались

вот они:

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

Выделить код

Код:

#flashgot-media-status {
list-style-image: url("data:image/png;base64,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") !important;
-moz-image-region: rect(0, 16px, 16px, 0) !important;
}

Попробовал ваш стиль на другой иконке, работает нормально. Значит селектор #flashgot-media-status неверен, а вообще значок флэшгот медиа появляется только если на странице можно что-то скачать, будь то видео или аудио.

Kamui пишет:

Значит селектор #flashgot-media-status неверен

А как узнать каково верное название селектора "родного" значка флешгота?
В четвертой то Лисе с этим названием селектора работло

А как узнать каково верное название селектора "родного" значка флешгота?

leex Уроки стилеписания на CSS :)

2. Как делать диагностику? Какими инструментами её проводить, чтобы узнать все параметры какого-то объекта?..........

Kamui пишет:

Значит селектор #flashgot-media-status неверен

С селектором там всё в порядке. Просто к этому элементу применяется анимация в цикле, на каждом его шаге задающая свои параметры отображения - то, что задается стилем, каждый раз переопределяется.

Крошка Ру пишет:

Уроки стилеписания на CSS  :)

Как делать диагностику? Какими инструментами её проводить, чтобы узнать все параметры какого-то объекта?..........

Установил эти 2 дополнения и создал кнопку в (лупа-поиск) на панели дополнений. При нажатии на эту кнопку ничего не происходит (подсказка не появляется). Хотя в вышеупомянутой статье написано:

После того, как вы установили всё это и перетащили кнопку http://formozillarussia.narod2.ru/attrinsp.png на любую панель - нажимаете её и наводите на любой элемент интерфейса браузера или же страницы.
Тут же у курсора появляется подсказка, перечисляющая основную (не всю) информацию о просматриваемом объекте. Если хотим получить всю информацию об объекте, то зажимаем CTRL и делаем клик мышкой - после этого откроется окно http://formozillarussia.narod2.ru/domi.png

И кстати если нажать на иконку стилиша то я вижу всего 2 стиля на которых можно выставить галочку (включить) хотя в главном меню управление стилями у меня их четыре и у всех четырех статус "включен"

Может быть эти неполадки связаны с новой (шестой) версией Лисицы?

При нажатии на эту кнопку ничего не происходит (подсказка не появляется).

leex Браузер перезапустить пробовали? :angel:

Несколько раз перезапускал

тут у нас новый раздел появился, куда планируется перенести обсуждение стилей.
так вот в нём сейчас структура такая, что планируется там все топики держать вперемешку.
Я открыл голосование с предложением разделить на подразделы, отделив скрипты, стили и кб в разные разделы, и чтоб в каждом из них было ещё по 2 подраздела: для тем-обсуждений готовых, например, стилей и для тем-вопросов (типа "а как сделать такой-то стиль?")
Прошу всех проголосовать.

iDev.Pi пишет:

тут у нас новый раздел появился, куда планируется перенести обсуждение стилей.так вот в нём сейчас структура такая, что планируется там все топики держать вперемешку.Я открыл голосование с предложением разделить на подразделы, отделив скрипты, стили и кб в разные разделы, и чтоб в каждом из них было ещё по 2 подраздела: для тем-обсуждений готовых, например, стилей и для тем-вопросов (типа "а как сделать такой-то стиль?")Прошу всех проголосовать.

Спасибо Unghost-у, наконец-то право голосовать есть у всех.

Возможно ли такое, что Stylish негативно влияет на скорость ФФ? Я на счёт Adblock.css да и само дополнение.

А возможно ли стилем вставить определенный текст в нужные поля ввода на конкретном сайте?
Или для этого нужны скрипты для грисманки?

Inko7
Стилями этого сделать невозможно.

iDev.Pi
спасибо, пойдем в тему грисманки...

Kак сделать чтобы стиль работал только со стандартной темой Firefox.

Где-то на форуме, по-моему, в теме Заявки для создателей расширений, я спрашивал, как можно добавлять некий id к объекту браузера внешнего уровня в зависимости от выбранной темы, и мне кинули расширение. Посмотрите, это было где-то до лета. Расширение я куда-то заготовил, но с тех пор переставлял профиль, и мне сложно сейчас найти.

15-10-2011 03:04:50
Тогда Вы в Stylish пишете во всех стилях для темы #id_этой_темы и дальше через пробел селекторы.

Al_H пишет:

Где-то на форуме, по-моему, в теме Заявки для создателей расширений

Здесь.

P.S.
Я бы в расширении по ссылке сейчас вешался не на onload главного окна, а на обсерверный топик final-ui-startup. Соответственно, там будет нужен еще один компонент с реализацией nsIObserver, и в chrome.manifest зарегистрированный через nsICategoryManager на profile-after-change.

Al_H
hydrolizer
спасибо, вот бы CB кнопку сделать наподобие этого расширение.

Здравствуйте
подскажите как правильно прописать чтобы фоновая картинка в окне "O Firefox" растягивалась до краёв окна, а то сделал и порой то белая полоса снизу или справа появится, то часть картинки спрячется за краем.
Особенно это бывает при обновлении лисы.
Я так понял что меняется размер самого окна почемуто

bunda1
http://forum.mozilla-russia.org/viewtop … 70#p525170

skynet281978
Попробуй дописать:

Выделить код

Код:

background-size: 100% 100% !important;

Пожалуйста, помогите изменить цвет текста названия папок в панели закладок.

Chis пишет:

Пожалуйста, помогите изменить цвет текста названия папок в панели закладок.

попробуй так для папок:

Выделить код

Код:

.bookmark-item[type="menu"] > .toolbarbutton-text {
   font-weight: 500 !important; color:#0000E8 !important;  }

для закладок:

Выделить код

Код:

 .bookmark-item > .toolbarbutton-text {
   color: red !important; }

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

skynet281978 пишет:

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

Скинь код сюда, посмотрю что там;)

Kamui
не могу под спойдер полный код прописать. лимит символов
но без кода картинки выглядит так:

скрытый текст
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#aboutDialog, #clientBox{
background-image:
url("data:код картинки")!important;
background-repeat: no-repeat !important;
}

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

http://i077.radikal.ru/1110/40/973cb475f605.jpg 


сама картинка:

http://s017.radikal.ru/i416/1110/78/8f76be1fa9c2.jpg

skynet281978
А если после кода картинки дописать stretch?

Kamui я не особо разбираюсь в написании кодов.
подскажи где именно прописать?

skynet281978

скрытый текст
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#aboutDialog, #clientBox{
background-image:
url("data:код картинки") stretch !important;
background-repeat: no-repeat !important;
}

Kamui так картинка фоновая пропадает.
И пишется в окне Стайлиш - Ошибка при анализе значения background-image. Потерянное объявление.

skynet281978

Включил у себя стайлиш и проверил всё, с вашей картинкой у меня отступ справа совсем небольшой и убирается добавлением:

Выделить код

Код:

background-size: 100% auto !important;

Kamui спасибо, отступ исчез.
Интересно при обновлении как себя поведёт фон...

skynet281978 пишет:

Kamui спасибо, отступ исчез.Интересно при обновлении как себя поведёт фон...

Думаю все в порядке будет, видимо после обновления что-то добавилось и размер увеличился.

Не уверен что сюда, но похоже. Не могу разобраться с организацией контекстного меню для картинок. Скрыть лишнее удалось (особенно доставала Send Image), но хочется сепаратор поставить так, чтобы сверху над ним была одна команда Save Image As... - сепаратор - все остальное.

Сейчас так:

Save Image as
View Image
Copy image location
----
View Image Info
View Source Chart

Кусок файла userChrome.css, перед ним только display:none!important для ненужного:

#contentAreaContextMenu > * { -moz-box-ordinal-group: 2; }
#context-saveimage { -moz-box-ordinal-group: 1 !important;}

Что означает первая строчка: понятия не имею. Просто где-то в процессе поиска подцепил. Но если ее убрать, то меняется весь порядок команд:

View
Copy Image Location
----
Save Image As
View Image Info
View Source Chart

Как вообще это упорядочивается: довольно долго искал в инете, ничего толком не нашел. Более того, на мозилазине вместо View Image Info стоит Properties, для элемента metadata. Который почему-то не отключается display:none!important. Ну и ладно.

И еще, как узнать имя элемента этого аддона - Соурсе Чарта, чтобы не светился?

kostyanet
Если используете стандартную тему, то можно заставить быть сепаратором какой-либо ненужный вам пункт - например, Copy Image:

Выделить код

Код:

#context-copyimage-contents * {
    display: none !important;
}
#context-copyimage-contents {
   -moz-appearance: menuseparator !important;
}

Если тема нестандартная, то в них часто для элементов выставляется -moz-appearance: none (отключение использования настроек отрисовки элементов, задаваемых ОС), и потом следует куча правил для перерисовки. В этом случае - разве что попробовать поэкспериментировать с -moz-box-ordinal-group. Означает это правило следующее:

Indicates the ordinal group the element belongs to. Elements with a lower ordinal group are displayed before those with a higher ordinal group.

Например, для решения популярного вопроса о взаимном расположении пунктов контекстного меню Open Link in New Tab /  Open Link in New Window это правило используется так:

Выделить код

Код:

#contentAreaContextMenu * {
    -moz-box-ordinal-group: 3 !important;
}
#context-openlinkintab {
    -moz-box-ordinal-group: 2 !important;
}
#context-openlink {
    -moz-box-ordinal-group: 1 !important;
}

kostyanet пишет:

Как вообще это упорядочивается

По дефолту - так, как задано в xul-разметке (chrome://browser/content/browser.xul). Пользователь может частично влиять на это с помощью вышеупомянутого -moz-box-ordinal-group. Частично - потому, что нужный вам сепаратор (например) в xul-разметке не имеет id, и не может быть однозначно идентифицирован в стиле.

kostyanet пишет:

как узнать имя элемента этого аддона - Соурсе Чарта

Сделайте поиск в папке extensions профиля по строке View Source Chart (при этом надо будет искать в т.ч. в архивах) - скорее всего, будет найден файл chrome\locale\en[-US]\[что-то-там].dtd. От него идите в папку, родительскую для папки chrome, в ней смотрите содержимое файла install.rdf.

kostyanet

Выделить код

Код:

#contentAreaContextMenu > * { -moz-box-ordinal-group: 3; } 
#context-sep-copyimage { -moz-box-ordinal-group: 2; } 
#context-saveimage { -moz-box-ordinal-group: 1 !important;}

Если #context-sep-copyimage у вас скрыт, то нужно включить его показ.

- Ребята,как  помощью Stylish, изменить цвет RSS,на панеле закладок.(тема default).
http://saveimg.ru/thumbnails/22-10-11/77e7c2a38a68c46c9325ba62e200d1e0.jpg

brici
Если только через смену иконки попробовать :rolleyes: Как то так:

скрытый текст
http://s1.bild.me/bilder/030611/7091538_0.png

Выделить код

Код:

#PlacesToolbarItems > toolbarbutton[class="bookmark-item"][label="Лента новостей"][type="menu"][container="true"][livemark="true"] .toolbarbutton-icon {
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACsElEQVR42qWTXUhTYRjH/+/O3My5zebQXKKW+IHUyoui1MxMzb4kIbzpIq8iIgi69U4INAvLvEgRvOi2CwkFsVQs1JDStggtnWtok/kxv7d5tnPennNGUVEQ9cJzHnif9/2d//PxMvznYsqn5PHMbUncbOSypP05qpFj9MaGwetZdX8EnGz7aIsE/O7agsO6xYAGKwH+PZgUJ+OZ4104RpeYMXQjx/tbQGnbzJQkSTn/Il8QhE+suNXJ68tzkWgSIIdlSJyRcUiUnUxiIoogxctRg4aMvI+Uto9MgRW1jvOWi3a4Vrh6+EpnJzKsFqTu3Y/zmelINhiV8yrsm1cYVpMGzS8cYIXNo/x+9RF4/ByiBLS4NfAHAphzvwff9qDCbsfZzCxVsqKAIVojm1mDB/1vCNA0xBsvF8JNCnZIQv/SNnJMeqSbYtDhBobHB5FnCKH2eBk4F9TLMvVuDwE6BkcohXsDvL66GLM+GSH6w83+ASC4BptBi9qiSsyJejxxfkC+ScKl7AOIRIB1kSPFzNDzelgB9PG6C6fgWqYUlCR1gJPa+XR6HsEvo7hWcA5j4XhMTI6iZl82zFojNgiSYmIYc7wkwN1efqvyNDyrHAEizAe34BUjyE/cjTt+AUmuXtQcKsWjhU3kil4cs+YiQADrLsAxOQR2oqmHXy0px6yfUqBAu7MbW0yHotQ8WC02dC18RpnehLfGZAi+CZyxHEQwzGHWM8y4BsCKm7p5VUEFvGvRGvRRj1xhCTUaEQkEaguswy6GEIpPgGdjCVVxaQgTwBDLMDf9nAANXfyovRI6KrACMOgYYulF+IJcVZRG1V7a5BAYV2Ozq7I6C2EatiUPAQofvvJqd5ZTlPZw2mRMfV/gdIHRVP7qf1wRnWVR2TGQ6aP1B/vLZ6BMk0i28xU2tDV2uqRtmgAAAABJRU5ErkJggg==");
}

adidharma, неа, не получилось.:/

brici
Вот так:

Выделить код

Код:

#PlacesToolbarItems toolbarbutton[livemark="true"] {
    list-style-image: url("jr.png") !important;
}

скрытый текст
http://forum.mozilla-russia.org/uploaded/cusatom-places-button-icon.png

(ну, или через data:image - при указании только имени файла, как в приведенном коде, он берется непосредственно из %profiledir%\chrome - если он там есть)

hydrolizer, получилось. Большое русское merci
p.s Я только не понял, RSS вообще исчезло, или слилось с цветом темы? Но это то, что мне было нужно. Чтоб глаза "нэ рэзало" :)
http://saveimg.ru/thumbnails/22-10-11/0a4cab83baa59ca49ee8e62de45c9fd8.jpg

Спасибо за советы. С организацией меню для картинок все получилось, а этот соурсе чарт, похоже, сам такой. Он добавляет свое контекстное меню после context-viewsource и, следовательно если этого пункта нет (какое там соурс на чистой картинке, например), то и его быть не должно, а оно есть.

brici пишет:

Большое русское merci

+1 (:

brici пишет:

RSS вообще исчезло

Вообще. Если вы применили мой код в том виде, в как его привел я, то у вас, наверное, в папке chrome профиля нет картинки с названием jr.png :) Если вносили свои модификации - проверьте, насколько корректно в url указан путь к файлу (если вы не использовали data:image).

- hydrolizer Разобрался, спасибо.:)

Хочу увеличить прозрачность кнопок на панели навигации.
Помогите!
Спасибо.

Chis
http://forum.mozilla-russia.org/viewtopic.php?id=49078
узнаёшь айди самой панели, пишешь правило для
id_paneli > *
аттрибут, который отвечает за прозрачность называется opacity и принимает значения от 0 до 1.

iDev.Pi пишет:

Chis
http://forum.mozilla-russia.org/viewtopic.php?id=49078
узнаёшь айди самой панели, пишешь правило для
id_paneli > *
аттрибут, который отвечает за прозрачность называется opacity и принимает значения от 0 до 1.

Спасибо, конечно, но кнопка "Attributes Inspector" у меня не работает....:cry:

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

Выделить код

Код:

#nav-bar > *:not(#urlbar-container):not(#search-container) {
opacity: 0.5 !important; }

или же таким способом: т.к. все кнопки на этой панели имеют особый класс - то можно составить стиль и так:

Выделить код

Код:

#nav-bar > .toolbarbutton-1 {
opacity: 0.5 !important; }

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

Chis
а что ты понимаешь под "телом кнопки"?
её фон? так он там не используется (т.е. 100% прозрачный).

iDev.Pi
Я бы не сказал, что фон прозрачный. Вот панели вкладок- точно прозрачные:
http://s017.radikal.ru/i401/1110/02/1d28a8b3a61dt.jpg

у тебя нестандартная тема, это надо делать inspect конкретно неё.

Chis пишет:

кнопка "Attributes Inspector" у меня не работает....:cry:

Что именно не работает?
Что происходит после нажатия на кнопку?
Появляются ли при этом какие-нибудь сообщения в консоли ошибок?

Infocatcher
При нажатии на кнопку ничего не происходит. Нажимал всеми способами.
Насчет ошибок - в протоколе есть, но идентифицировать их не могу (удалил кнопку и дополнение)
Установил по новой.
Вот скрин ошибок: http://img696.imageshack.us/img696/6686/83924068.th.jpg

Uploaded with ImageShack.us

Chis пишет:

(удалил кнопку и дополнение)

Записи в консоли не запоминаются между перезапусками.
И ошибки не скрине не относятся к Custom Buttons или кнопке.

У правильно установленной кнопки весь код должен быть в секции «код».

Infocatcher

Infocatcher пишет:

У правильно установленной кнопки весь код должен быть в секции «код».

Кнопка установлена правильно, через панель навигации...

Chis
В таком случае интересуют сообщения в консоли ошибок, появляющиеся при нажатии на кнопку.
Еще можно заменить в коде «var _debug = false;» на «var _debug = true;», тогда в консоль будут писаться отладочные сообщения.
И можно попробовать тестовую версию.

Infocatcher

Infocatcher пишет:

И можно попробовать тестовую версию.

Сразу после создания кнопки или перезагрузки браузера начинает работать (автоматически). По СКМ вызывается DOMi.
После закрытия DOMi кнопка умирает до следующей перезагрузки итд.

Chis пишет:

Сразу после создания кнопки или перезагрузки браузера начинает работать (автоматически).

Infocatcher пишет:

У правильно установленной кнопки весь код должен быть в секции «код».

Infocatcher
Действительно, работает! А, я её в "Инициализацию" воткнул...
Как говорится, лошадь и телега есть, а, вот, поедет-ли...

- Ребята, я удалил с помощью Stylish, скрол-бары,вот так -

Выделить код

Код:

/* удалить скрол-бары */
scrollbar {visibility:collapse !important; }

Но появилась неудобство, не видно в какой части страницы ты находишься, (сколько осталось до конца страницы).
Плиз, как помощью Stylish, добавить метку, примерно такую. Спасибо.:)
http://saveimg.ru/thumbnails/26-10-11/1f4f03d7df08de9efb8ba085776945a5.jpg

brici пишет:

Плиз, как помощью Stylish, добавить метку, примерно такую.

Можете использовать Scrollbars - Minimalistic, изменив размеры,  цвет на свой вкус

Еще один вариант уменьшения толщины:

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
scrollbar[orient="vertical"],
scrollbar[orient="vertical"] * {
    min-width: 6px !important;
    max-width: 6px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
scrollbar[orient="vertical"] > scrollbarbutton {
    margin-left: -5px !important;
}
scrollbar[orient="horizontal"],
scrollbar[orient="horizontal"] * {
    min-height: 6px !important;
    max-height: 6px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
scrollbar[orient="horizontal"] > scrollbarbutton {
    margin-top: -5px !important;
}

mserv, Infocatcher, спасибо. Остановился на Scrollbars - Minimalistic. Горизонтальную установил 2px, и /* Colors */.....background: black. Очень удобно и не броско. Спасибо ребята.)

- Ребята, помогите подправить стиль для rutube.ru. С ним, не видны жесты мыши FireGestures. Жесты работают, но не видны. Спасибо.

Выделить код

Код:

@-moz-document domain("rutube.ru"){
/* цвет оконтовки (серый) */
*{border-color: #665!important; outline:none !important }

/* цвет текста */
*:not([class*="button"]), *[class*="button-menu"] *{ color: #aaa!important}

/* цвет поля комента */
input, textarea, option{-moz-appearance: none!important;}


/*_________________________transparent01___________________________*/

* {background-color: transparent !important}
body hr{background-color: #555 !important; border-color: #555!important}
#yt-admin, td[id*="heading-"], *[id*="channel"], #yts-article .pretty-box,#watch-channel-discoverbox .yt-uix-slider-body{background: transparent none !important}

/*_________________________colored no img___________________________*/
*[class*="button-menu"], .event-calendar-date, #vm-page-subheader,  textarea, .browse-tab-modifiers.yt-rounded, #watch-embed-code, input[type*="text"], input[type="password"], select, #dialog-body, #vm-videos-search-form>input, input[type="checkbox"], select option, input[type="radio"], .yt-alert-promo, #feed_all.experiment{background-color: #484848 !important}
#masthead-search-term, #completeTable{background-color: #555!important}
div.yt-uix-tooltip-tip-content, .dialog, .yt-alert, .video-in-quicklist{background-color: rgba(88,88,100,0.9)!important;}
#watch-info, #watch-actions-area, .edu-about-bar{background-color: rgba(20,20,20,0.4) !important}
#watch-info.expanded .watch-expander-head{margin:1px 3px 0px 2px!important; padding: 2px 8px!important}
#watch-video-count .watch-expander-head, .action-bar-ratings-stats{background-color: #333 !important}
.watch-view-count strong{ text-shadow: 1px 1px 0px rgba(255,255,255,0.2)!important;color: rgba(0,0,0,0.15)!important}
.watch-expander-head, span.video-time,.video-cluster-videos-container{background-color: #222 !important}
li.comment:nth-child(even){background-color: rgba(90,90,90,.14) !important; -moz-box-shadow:inset 1px 1px 0px rgba(128,128,128,.1)}
.yt-uix-slider-body{background-color: rgba(0,0,0,0.2) !important}
div.playlist-contents{background-color: rgba(0,0,0,0.7) !important}
.music-onebox, #search-section-header, #main-channel-content, #user_playlist_navigator, tr.even, #yt-admin-content>h2, .watch-ppv-vid, .promoted-videos{background-color: rgba(128,128,128,.1) !important}
li.comment.author-viewing{background-color: rgba(196,128,128,.13) !important}
li.comment:hover, .video-translation-links a, .video-list-item:hover, #watch-channel-discoverbox, .scrollbox-body, .vm-video-list .vm-video-position, #feed_all.experiment ul .current a, #feed_all.experiment ul .current a:hover{background-color: rgba(0,0,0,0.3) !important;}
.video-grid .video-list-item-linkselected {padding:5px 4px!important; display:block!important; overflow: hidden!important}
.video-grid .video-list-item-linkselected .video-thumb{-moz-box-shadow: 0px 0px 2px #A69B7C}
.quicklist-item .delete{background: #333 !important; -moz-border-radius: 2px!important; width:17px!important; height: 17px!important; top:4px!important; left: 84px!important}
.quicklist-item .delete:hover{background: #484848 !important}
#quicklist-tray-container .quicklist-item .delete>img{ top:4px!important; left: 3px!important; }
body, #page{background:-moz-repeating-linear-gradient(top , #282828, #2a2a2a 2px, #303030 2px, #2b2b2b 4px) #333  top!important;}

С новым Google Reader нужно что то делать :) Очень много полезного место отъедает по вертикали. Кто бы сделал соответствующий стиль?

К вопросу о скроллбарах... Можно както изменить форму (хотя бы на стандартную виндузкую) скроллбара на самой странице? Если мне не нравится как сделал вебмастер.

С новым Google Reader нужно что то делать :) Очень много полезного место отъедает по вертикали.

Nero Wolfe В ожидании стиля/скрипта пока перешёл на мобильную версию >

http://www.google.com/reader/i/ :angel:

Крошка Ру пишет:

С новым Google Reader нужно что то делать :) Очень много полезного место отъедает по вертикали.

Nero Wolfe В ожидании стиля/скрипта пока перешёл на мобильную версию >

http://www.google.com/reader/i/ :angel:

прикольно конечно, но на большом экране выглядит "не очень" :)

Nero Wolfe пишет:

С новым Google Reader нужно что то делать :) Очень много полезного место отъедает по вертикали.

New Google reader mac style for chrome - userstyles.org

mserv пишет:

Nero Wolfe пишет:

С новым Google Reader нужно что то делать :) Очень много полезного место отъедает по вертикали.

New Google reader mac style for chrome - userstyles.org

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

что то типа вот этого: http://userstyles.org/styles/55635/google-reader-fix-2011-light-theme

Nero Wolfe пишет:

и в ридере я бы хотел

смотрю сейчас скрипты для Greasemonkey, полно решений для Google Readerа, просто ввести в поиск

прикольно конечно, но на большом экране выглядит "не очень"

Nero Wolfe
а у меня разрешение 800x600  поэтому вполне неплохо , хотя конечно не хватает функциональности :whistle: , а то стандартный интерфейс  Google Reader  совсем достал нагромождением кнопок :dumb: .... неужели тк трудно разработчикам предусмотреть их  возможность скрытия :sick:

смотрю сейчас скрипты для Greasemonkey, полно решений для Google Readerа, просто ввести в поиск

LongLogin
сколько раз пытался найти что-то подходящее :rolleyes: ..... была парочка нормальных скриптов да и те после обновления Google Reader не работают :cry: :)

Raf-9600 пишет:

Ато я вот уже час пытаюсь что-нибудь этакое найти, и единственным трофеем стал http://userstyles.org/styles/46642/ff4-cleanest-addon-manager

iDev.Pi пишет:

Raf-9600
спасибо за стиль, понравился (правда надо бы его доделать, чтобы показывал информацию о выбранном элементе, а то совсем всё резать - не правильно.

Raf-9600 пишет:

Абсолютно согласен! Если доделаете его - маякните в этой теме ;)

Написал аналогичный стиль с нуля.

Наконец-то  обновилось Stylish до Версии 1.2.4, и заработало контекстное меню в редакторе.

mserv пишет:

Наконец-то  обновилось Stylish до Версии 1.2.4, и заработало контекстное меню в редакторе.

Наконец-то, а то невозможно было писать стили вообще.

Kamui пишет:

Наконец-то, а то невозможно было писать стили вообще.

Перенос строк еще бы наладили, и совсем отлично было бы ;)

Ещё бы stylish-custom починили бы, а то автозамена ключевого символа на !important; работает криво: печается и то, и другое.

iDev.Pi пишет:

Ещё бы stylish-custom починили бы, а то автозамена ключевого символа на !important; работает криво: печается и то, и другое.

Я временно решил, настройкой в PuntoSwitcher'e, автозамена !i на !important;:)

Nero Wolfe пишет:

С новым Google Reader нужно что то делать :) Очень много полезного место отъедает по вертикали. Кто бы сделал соответствующий стиль?

Google Reader IMHO - old blue style, вдруг кому сгодится. Делал для себя. С позиции пользователя, который подписан на сотни каналов и читает в день тысячи новостей новый дизайн ридера ужасен. Пришлось брать в руки шашки...

К слову, часто забывают про горячие клавиши в gReader-e, которые в некоторой степени тоже помогают экономить место на экране:

F - фуллвью
U - скрыть/показать левую панель
1, 2, 3 - переключение между режимами просмотра (expanded, list, search)

Google Reader IMHO - old blue style, вдруг кому сгодится.

ktototam Спасибо ,  вроде сгодился :) .... а можно добавить в стиль  чтобы чёрный тулбар Google  прятался и возникал только при наведении курсора мышки? :angel:

Крошка Ру пишет:

Google Reader IMHO - old blue style, вдруг кому сгодится.

ktototam Спасибо ,  вроде сгодился :) .... а можно добавить в стиль  чтобы чёрный тулбар Google  прятался и возникал только при наведении курсора мышки? :angel:

Можно. Сделано. Пользуйтесь на здоровье. ;)

ktototam О, замечательно :) Спасибо ещё раз :angel:

- Ребята, помогите со стилем, на запрет действия.
А именно, когда я включаю iMacros (жестом мыши, что удобно), то постоянно, совершенно бесполезно и раздражительно, самопроизвольно открывается окно All-in-One Sidebar. Возможно ли такой стиль, который бы при команде iMacrosа, "none !important-ил" All-in-One Sidebar ? Чтобы он не открывался. Спасибо.)

Kamui пишет:

Я временно решил, настройкой в PuntoSwitcher'e, автозамена !i на !important;:)

оказалось, что можно выкрутиться проще:
В Менеджере дополнений открываем "настройки" stylish-custom > вкладка "text" и там в самом верхнем поле убираем восклицательный знак, оставляя просто important;
Всё!
Естественно, этот трюк поможет только тем, кто использовал "!" как хоткей для написания этой фразы. Я вот его и использовал и теперь я чертовски доволен :)

Goggle Reader IMHO (GRIMHO) - old blue style обновился.

Пришлось скрыть строку поиска, т.к. гугль упорно использует пространство вверху для информационных сообщений и ссылок, в частности, при переводе фида с одного языка на другой. К тому же кнопки резиновые в зависимости от текста. Функционал не пострадал, теперь строка поиска просто выезжает по наведению, раскладка всех остальных кнопок изменена на дефолтную. Так привычнее и место для сообщений есть. Компактность тоже не пострадала, шкурка была и есть самая компактная на юзерстайлсе с учётом всего одной строки вверху и скрываемой навигационной панели. Сделан небольшой редизайн табов (в том числе и на страницах настроек) и пакетов каналов... продолжаем полностью (даже в мелочях) «косить» под предыдущий стиль ридера... ;)

iDev.Pi пишет:

оказалось, что можно выкрутиться проще:
В Менеджере дополнений открываем "настройки" stylish-custom > вкладка "text" и там в самом верхнем поле убираем восклицательный знак, оставляя просто important;
Всё!
Естественно, этот трюк поможет только тем, кто использовал "!" как хоткей для написания этой фразы. Я вот его и использовал и теперь я чертовски доволен :)

Теперь, когда автор дополнения вернулся - он выпустил версию 0.7.8f с исправленным багом (и ещё исчез баг с прокруткой окна в самый верх при авто-вставке !important;).

Stylish-Custom-0.7.8g

iDev.Pi , Эргономичный Менеджер дополнений. , вкладка "Пользовательские скрипты" :)

http://nyanimg.com/images/thumbs/27Nkx.png

Крошка Ру
ты бы в ту тему и отписывался.
у меня англ. версия - там текста на кнопках меньше и соответственно всё умещается/

добавь в код
button {
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important; }

добавь в код
button {
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important; }

iDev.Pi Теперь стало получше :)

http://nyanimg.com/images/thumbs/ycgYm.png

ты бы в ту тему и отписывался.

Думал чтоб не засорять :angel:

Крошка Ру пишет:

Думал чтоб не засорять :angel:

не, там обсуждать же стили можно, всё полезное просто будет перенесено в первые сообщения темы.

Highlight Search Results Safari Style - можно ли переделать этот стиль под [firefox]4+? Какой селектор подобрать, если это возможно.

Оставил необходимое в стиле Minefield - Menu Bar Slide In & Ribbon Tweak (таббар размещается между App Button и кнопками управления окном браузера).

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

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/*Designed by Jose Contreras aka xjcontrerasx Under Creative Commons License. Some rights reserved. 2010 */

/* ribbon tweak */

#titlebar #appmenu-button-container {margin-bottom:0px!important;position:relative!important;z-index:3!important;}
#tab-view-deck {position:relative!important;margin-top:-22px!important;margin-left:0px!important;}
#navigator-toolbox[tabsontop="true"] #TabsToolbar {margin-left: 117px !important;position:relative!important;z-index:1!important;}
#titlebar-spacer {height:0px!important;position:relative!important;z-index:0!important;}
#tabbrowser-tabs{margin-left: -20px!important;margin-right:127px!important;}

#toolbar-menubar {
margin-left:110px!important;
}


Как задать границы таббара с кнопками "откр. нов." и "влево-вправо" (при открытии определённого кол. вкладок кнопка "откр. нов." отцепляется и переходит к правому краю браузера)?
скрытый текст
http://img831.imageshack.us/img831/4626/image005po.jpg

Kamui пишет:

можно ли переделать этот стиль под [firefox]4+?

нет, т.к. в [firefox] изменился сам механизм подсветки найденного на страницах.
Думаю, это можно скриптом сделать.

vitalii201 пишет:

Оставил необходимое в стиле Minefield - Menu Bar Slide In & Ribbon Tweak (таббар размещается между App Button и кнопками управления окном браузера).

кривой стиль: если меню бар включён - он его скрывает. Не продуман такой вариант событий.

vitalii201 пишет:

Как задать границы таббара с кнопками "откр. нов." и "влево-вправо" (при открытии определённого кол. вкладок кнопка "откр. нов." отцепляется и переходит к правому краю браузера)?

Выделить код

Код:

#tabbrowser-tabs {
    margin-right: 60px !important; }

При

Выделить код

Код:

#tabbrowser-tabs {
    height: 25px !important; }

высота таба (или как правильно этот http://img713.imageshack.us/img713/8232/image006vl.jpg элемент называется?) уменьшается (было 29 уменьшил до 25), но текст(имя откр. стр.) остаётся там же. как его расположить по центру или как определить ему расположение по вертикали?

iDev.Pi пишет:

нет, т.к. в [firefox] изменился сам механизм подсветки найденного на страницах.
Думаю, это можно скриптом сделать.

Печаль, но так и думал:( жаль в скриптах вообще не шарю.

vitalii201

Выделить код

Код:

.tab-text.tab-label, .tab-icon-image, .tab-throbber
    {margin-top: 2px !important;}

Возможно надо будет добавить margin-bottom: -2px !important; так как фавиконка может растянуться.

iDev.Pi, Kamui спасибо.

Kamui, стиль который не работает может можно заменить bookmarklet-ом sitehilite. (если я правильно понял функции стиля)

vitalii201 пишет:

Kamui, стиль который не работает может можно заменить bookmarklet-ом sitehilite. (если я правильно понял функции стиля)

Да, функция такая и про букмарклет слышал, но он неудобный немного и все-таки родной файндбар привычней, как никак ctrl+f;)

Как переместить http://img39.imageshack.us/img39/9600/image011p.jpg

Выделить код

Код:

spring
id = inforss.toolbar.spring
flex = 1

от InfoRSS влево от статусбара? При "Настройке панели инструментов" этот элемент не видно http://img403.imageshack.us/img403/6046/image012guq.jpg в настройках InfoRSS – тоже не нашёл как управлять его расположением.

Уважаемые программисты!
Не уверен, что пишу в правильном разделе, поскольку не намерен обсуждать расширение Stylish, а хочу просто заказать скрипт и получить указание, куда его пихать: в Stylish, UserChrome.css или еще куда. Но раз здесь предписано писать сюда, пишу сюда.
Теперь суть просьбы. На рисунке показана панель вкладок в 11.0а2:
http://img819.imageshack.us/img819/2554/tabpan.jpg
Видно, что там справа и слева имеются угловые стрелки. Они возникают, когда суммарная длина открытых вкладок превышает длину панели и часть вкладок обрезана либо скрыта. Причем если линейка вкладок сдвинута максимально вправо, т.е., как на рисунке, крайняя левая вкладка отображена полностью, то левая стрелка становится неактивной и наоборот. Так вот, хотелось бы, чтобы неактивные стрелки не отображались вовсе, а исчезали, т.е. на приведенном примере чтобы отображалась только правая (активная) стрелка. Если не ошибаюсь, так было на предыдущих версиях.
Сие возможно?

Vladimir_S, мне кажется так:
userChrome:

Выделить код

Код:

.scrollbutton-up[disabled="true"], .scrollbutton-down[disabled="true"] {
display: none !important;
}

Northtech пишет:

Vladimir_S, мне кажется так:

Абсолютно точно! Огромное спасибо!!!

Northtech пишет:

Vladimir_S, мне кажется так:userChrome:Выделить кодКод:.scrollbutton-up[disabled="true"], .scrollbutton-down[disabled="true"] {
display: none !important;
}

дополню ответ: стиль этот пихать в userChrome.css, либо в Stylish, но тогда нужна приписка

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

обозначающая, что стиль должен применяться только к морде браузера, во избежание казусов со страницами интервеба.

26-12-2011 15:56:50
и да, вряд ли где то в интерфейса встретятся ещё элементы с таким классом, но исключать этого не стоит, поэтому лучше чуть уточнить селектор:

Выделить код

Код:

#tabbrowser-tabs [class^="scrollbutton-"][disabled] {
    display: none !important; }

В предоставленном выше коде я также сделал объединение двух селекторов в один.

26-12-2011 16:02:16

vitalii201 пишет:

Как переместить иконку от InfoRSS влево от статусбара?

можно попробовать так:

Выделить код

Код:

имя_селектора {
    -moz-box-ordinal-group: 0 !important; }

iDev.Pi
в смысле так:

Выделить код

Код:

#inforss.toolbar.spring {
    -moz-box-ordinal-group: 0 !important; }

? не получается.

есть ещё такое явление http://img141.imageshack.us/img141/4899/image013vu.jpg при появлении стрелок прокрутки табов и если есть "закреплённые вкладки", без "стрелок" всё нормально, на одном уровне. . можно от этого как-нибудь избавиться?

iDev.Pi пишет:

можно попробовать так:

Выделить код

Код:

имя_селектора {
    -moz-box-ordinal-group: 0 !important; }

https://developer.mozilla.org/en/CSS/-m … inal-group

Values
Values must be integers greater than zero. The default value for this property is 1.

хочу заменить шапку на сайте, делаю всё как в уроке, только шапка там имеет только атрибут src вроде как. я попробовал сделать так:

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("forum.mozilla-russia.org") {
[src="http://91.68.209.8/bmi/forum.mozilla-russia.org/style/img/Mercury/pun_Mercury_forum_logo.png"] {
    visibility: collapse; }
[src="http://91.68.209.8/bmi/forum.mozilla-russia.org/style/img/Mercury/pun_Mercury_forum_logo.png"]:before {
    content: url(http://mozcom-cdn.mozilla.net/img/covehead/template/title.png) "<< откуда это взялось? >>" url(http://mozcom-cdn.mozilla.net/img/covehead/template/title.png);
    visibility: visible;
    text-decoration: blink; } }

сама картинка исчезла, а вот остальное не появилось. возвращаю обратно - всё нормально. что я делаю не так?

vitalii201 пишет:

в смысле так: .... ?

возможно ты выбрал не верный селектор. В статье "Уроки стилеписания на CSS" описаны инструменты и процесс получения данных об элементе.

hydrolizer пишет:

https://developer.mozilla.org/en/CSS/-m … inal-group

    Values
    Values must be integers greater than zero. The default value for this property is 1.

В статье ошибка.
Рабочий пример:

Выделить код

Код:

#addon-bar > toolbarbutton:last-child {
    -moz-box-ordinal-group: 0 !important; }

этот стиль передвинет последний toolbarbutton объект на аддон-баре в начало.

26-12-2011 21:44:03

Drake пишет:

сама картинка исчезла, а вот остальное не появилось. возвращаю обратно - всё нормально. что я делаю не так?

Вот этот кусок

Drake пишет:

Выделить код

Код:

@-moz-document domain("forum.mozilla-russia.org") {

указывает на то, что стиль применяется к forum.mozilla-russia.org, т.е. к этому форуму. Где здесь в заголовке хоть что-то подпадающее под селектор

Выделить код

Код:

[src="http://91.68.209.8/bmi/forum.mozilla-russia.org/style/img/Mercury/pun_Mercury_forum_logo.png"]

? Тут нет такого.

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);
[src="http://91.68.209.8/bmi/forum.mozilla-russia.org/style/img/Mercury/pun_Mercury_forum_logo.png"] {
    visibility: collapse; }
[src="http://91.68.209.8/bmi/forum.mozilla-russia.org/style/img/Mercury/pun_Mercury_forum_logo.png"]:before {
    content: url(http://mozcom-cdn.mozilla.net/img/covehead/template/title.png) "<< откуда это взялось? >>" url(http://mozcom-cdn.mozilla.net/img/covehead/template/title.png);
    visibility: visible;
    text-decoration: blink; }

убрал указатель на домен, ничего не изменилось, по-прежнему пусто

Drake
ссылку на сайт - в студию.

опять http://forums.corsairs-harbour.ru/
к слову, здесь тоже пусто

Drake
и где там хоть 1 элемент подпадающий под селектор

Выделить код

Код:

[src="http://91.68.209.8/bmi/forum.mozilla-russia.org/style/img/Mercury/pun_Mercury_forum_logo.png"]

?

iDev.Pi пишет:

выбрал не верный селектор. В статье "Уроки стилеписания на CSS" описаны инструменты

вроде правильно. DOMi :

скрытый текст
http://img851.imageshack.us/img851/3017/image015qn.jpg

как бы так:
скрытый текст
http://img689.imageshack.us/img689/9255/image016po.jpg

сделать? понятно что это больше к настройкам  infoRSS относится, но там нет управления этим элементом (я не нашёл?).

– "закреплённые вкладки" на один уровень никак не вернуть?

ну так там другой код,

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);
[src="http://91.68.211.10/bmi/forums.corsairs-harbour.ru/images/corsairs/misc/logo.jpg"] {
    visibility: collapse; }
[src="http://91.68.209.10/bmi/forums.corsairs-harbour.ru/images/corsairs/misc/logo.jpg"]:before {
    content: url(http://i28.fastpic.ru/big/2011/1226/9c/e852ee3f0e89ef7b1a0b7ba64c5e8e9c.jpg);
    visibility: visible; } }

vitalii201 пишет:

вроде правильно. DOMi :

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

vitalii201 пишет:

в смысле так:

Выделить код

Код:

#inforss.toolbar.spring {
    -moz-box-ordinal-group: 0 !important; }

? не получается.

и прям эффекта никакого?
а если так:

Выделить код

Код:

spring { -moz-box-ordinal-group: 1 !important; }
#addon-bar > *:not(spring) { -moz-box-ordinal-group: 2 !important; }

vitalii201 пишет:

как бы так: http://img689.imageshack.us/img689/9255/image016po.jpg сделать?

ну я просто ленив, а ты вот просто можешь каждому элементу назначить -moz-box-ordinal-group от 1 до n. Те, что имеют меньший номер - будут идти перед остальными.

vitalii201 пишет:

есть ещё такое явление http://img141.imageshack.us/img141/4899/image013vu.jpg при появлении стрелок прокрутки табов и если есть "закреплённые вкладки", без "стрелок" всё нормально, на одном уровне. . можно от этого как-нибудь избавиться?

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

27-12-2011 00:43:44

Drake пишет:

ну так там другой код,

там надо немного иначе делать, но лень объяснять почему.

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("corsairs-harbour.ru") {
HTML > BODY > TABLE > tbody {
    display: none }
HTML > BODY > TABLE:before {
    content: url(http://i28.fastpic.ru/big/2011/1226/9c/e852ee3f0e89ef7b1a0b7ba64c5e8e9c.jpg) } }

iDev.Pi пишет:

и прям эффекта никакого?
а если так:

так есть эффект. :D спасибо!
upd: после перезапуска всё опять так же перестраивается. назначу "-moz-box-ordinal-group".

iDev.Pi пишет:

либо стиль какой-нибудь кривой

стиль этот
что в поиске на USO(или где) правильно забить, что бы таббар располагался между AppButton  и кнопками управления окном [firefox]. (желательно что бы кроме этого никаких других серьёзных изменений).

vitalii201
tabs in titlebar
http://userstyles.org/styles/40162/firefox-4-menu-button-with-icon-tabs-in-titlebar.

iDev.Pi пишет:

tabs in titlebar

видел, спасибо. та же история. ладно, не так уж часто у меня "закреплённые вкладки" возникают. :)

vitalii201 пишет:

видел, спасибо. та же история. ладно, не так уж часто у меня "закреплённые вкладки" возникают.

у тебя конфликт где-то ещё. Я попробовал тот стиль - у меня такого глюка как у тебя - нет: апптабы нормально отображаются.

iDev.Pi пишет:

В статье ошибка.

Напишите об этом администрации MDN, или внесите правку сами [с соответствующим пояснением].

iDev.Pi пишет:

впервые вижу элемент с айди из слов разделённых точками

Вроде как, браузеру все равно, «правильный» id или не очень (это же лишние проверки), а так строка и строка.

Выделить код

Код:

#inforss\.toolbar\.spring { ... }

Хотя любители находятся, пример:
chrome://global/content/tabprompts.css

Выделить код

Код:

.info\.title {
  margin-bottom: 1em !important;
  font-weight: bold;
}

так

Выделить код

Код:

#inforss\.toolbar\.spring {
-moz-box-ordinal-group: 0 !important; }

, да, перемещается этот тулбар, но к самому левому краю панели инструментов, естественно (0), а хотелось бы привязать к левому краю status-bar. http://img847.imageshack.us/img847/6008/image017n.jpg.

vitalii201

Выделить код

Код:

#addon-bar>* {
    -moz-box-ordinal-group: 0 !important;}
#inforss\.toolbar\.spring {
    -moz-box-ordinal-group: 1 !important; }
#addon-bar>#status-bar {
    -moz-box-ordinal-group: 2 !important; }

?

iDev.Pi
в общем место себе этот элемент находит по только авторам известному принципу ) скрыл я пустое место от невидимого тулбара )

Выделить код

Код:

#inforss\.toolbar\.spring{
 display: none !important; }

да и хватит с него

Привет всем!!!
У меня два вопроса.
1. В закладках не могу найти как изменить стиль вот этого элемента:

http://surfquest.narod.ru/fonnn.png

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

2.Все тултипы изменил а тултипы стандартных кнопок или кнопок Custom Buttons не могу изменить.Не могу найти их в дом-дереве.Какой селектор отвечает за них?

http://surfquest.narod.ru/quest_tooltip.gif

questman пишет:

2.Все тултипы изменил а тултипы стандартных кнопок или кнопок Custom Buttons не могу изменить.Не могу найти их в дом-дереве.Какой селектор отвечает за них?

tooltip

questman пишет:

1. В закладках не могу найти как изменить стиль вот этого элемента:

#bookmarks-view-children

mserv пишет:

questman пишет:

2.Все тултипы изменил а тултипы стандартных кнопок или кнопок Custom Buttons не могу изменить.Не могу найти их в дом-дереве.Какой селектор отвечает за них?

tooltip

questman пишет:

1. В закладках не могу найти как изменить стиль вот этого элемента:

#bookmarks-view-children

К сожалению это не верно.

Цвет строк в дереве надо менять по аналогии с
chrome://global/skin/tree.css

Выделить код

Код:

treechildren::-moz-tree-row(selected) {
  background-color: -moz-cellhighlight;
}

treechildren::-moz-tree-row(selected, focus) {
  background-color: Highlight;
}

Например, так:

Выделить код

Код:

#bookmarks-view-children::-moz-tree-row(selected) {
    background-color: silver;
}
#bookmarks-view-children::-moz-tree-row(selected, focus) {
    background-color: gray;
}

28-12-2011 15:28:50

questman пишет:

тултипы стандартных кнопок или кнопок Custom Buttons

Выделить код

Код:

tooltip[default="true"][label="Обновить текущую страницу"] {
    -moz-appearance: none !important;
    background: silver !important;
    color: black !important;
}

Или без [label=" ... "], но тогда для всех сразу.
И работать будет только через Stylish.

questman пишет:

К сожалению это не верно.

Что неверно?

Помогите, кто-нибудь всё-таки с каунтерами разобраться:
здесь стиль который добавляет счётчики активных и неактивных дополнений в АОМ.
Я хотел было добавить ещё счётчик общего кол-ва имеющихся дополнений, но у меня не получилось: он обнуляет другие каунтеры, либо сам показывает 0.

Приветствую!

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

Итак, я использую FF9 на Win7 и хочу при помощи userChrome.css
скрыть и сделать неактивными кнопки управления окнов в верхнем
правом углу (свернуть, развернуть, закрыть)

Прикрепляю картинку для наглядности:
http://s018.radikal.ru/i518/1201/99/b857e6560ea8.jpg

Раньше в FF4 работал код, скрывавший кнопки управления, но если
нажать в их области, то они работали. Ну да ладно, худо-бедно, но
жить можно было. В FF9 и этот код перестал работать. В общем,
прошу помочь :)

kamagi

Выделить код

Код:

#titlebar-buttonbox-container {display: none;}

mserv

Не работает. Проверил, убрав все другие скрипты - все равно.

kamagi
У меня работает, уже и не помню, начиная с какой версии.  А ты куда его вставляешь?

25-01-2012 23:55:30
kamagi
Панель  меню надо скрыть

mserv

Вставляю в userChrome.css, лежаший в папке профиля. Т.е. другие скрипты работают, а этот вот нет.
Панель меня скрыта, как и вообще все другие панели - я для экономии вертикального пространства
в панель яндекс бара все запихнул. Попробывал повключать панели - проклятые кнопки лезут и никуда
не хотят деваться.
Пробовал запостить в userContent.css - ничего. Выглядить мой userChrome.css примерно так:

Выделить код

Код:

/* set default namespace to XUL */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
#titlebar-buttonbox-container {display: none;}

kamagi
Я пользуюсь Stylish.  Надеюсь после редактирования userChrome.css [firefox] перезагружал?

26-01-2012 00:17:09
kamagi
Попробуй так

Выделить код

Код:

#titlebar-max,#titlebar-min,#titlebar-close{display: none;}

mserv

Увы, тоже не работает. Лису перегружал :)
Поставил Stylish, попробовал в нем оба кода - по нулям.

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

Выделить код

Код:

#window-controls {
   display: none !important; }

iDev.Pi пишет:

эти кнопки - часть системной функции, так что просто так их скрыть - не получится.

Когда панель меню скрыта, то кнопки уже не являются системными. ИМХО. У меня же они скрываются.

26-01-2012 01:35:54
kamagi
Может тема влияет или Яндекс бар? Попробуй отключить.

Выделить код

Код:

#window-controls {
   display: none !important; }

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

kamagi
Попробуй на новом профиле, поставь только Stylish

Вопрос решился неожиданным образом!
Я снял галку "вкладки сверху" и кнопочки исчезли, хотя продолжают работать -
если нажать в том месте, где была кнопка "закрыть", то программа закроется :)
Ну и в таком виде это уже хлеб.
Единственное что, между вкладками и панелью закладок, где у меня все,
образовался неприятный проемчик. Как бы от него избавиться?

http://s011.radikal.ru/i315/1201/d5/a55c613bc346.jpg

а как изменить фон на форуме, например на этом http://forums.ibresource.ru/, вместо белого сделать серый, погуглил по написанию стилей, на русском ничего толкового не нашел, а с буржуйскими засада

MclMF1 пишет:

а как изменить фон на форуме, например на этом http://forums.ibresource.ru/, вместо белого сделать серый, погуглил по написанию стилей, на русском ничего толкового не нашел, а с буржуйскими засада

Global gray sadness - Themes and Skins for Browser - userstyles.org

mserv пишет:

Global gray sadness - Themes and Skins for Browser - userstyles.org

он все в серый красит, не только фон :(

MclMF1
Color That Site!
там же ссылка на видеоинструкцию

MclMF1 пишет:

он все в серый красит, не только фон :(

Ну так поищите там, что вас устроит, или этот доработайте под себя.

на всех адресах кроме about:addons иконка стайлиша светлая, даже если стили включены. кто-то знает как поправить?

z_mashine
значок стайлиша зависит от атрибута styles-applied, он цветной, если его значение содержит "site". На страницах сайтов, под которые у тебя написаны стили (не глобальные, а работающие только на указанных в стиле сайтах) - у тебя будет цветная кнопка. Раз она у тебя цветная на about:addons, то ты используешь стиль специально для about:addons.

Недавно вырвал из одно из стилей интересный кусок. Суть в минимизации места под кнопки с дропмейкерами (обычно они широкие и только место отъедают). После применения этого кода, кнопки становятся обычной ширины, но при этом делятся на две части, при чем бОльшая часть отдается под дропмейкер, ведь на него надо чаще нажимать, при наведении мыши части кнопки подсвечиваются, весь функционал кнопки сохраняется. Вообщем объяснить трудно, это надо видеть :) (я делал для вертикального тулбара себе)

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#sessionmanager-toolbar, #sessionmanager-undo, 
#vertical-toolbar toolbarbutton,
#bookmarks-menu-button 
   { width: 24px !important; }/*btn wid*/

#sessionmanager-toolbar:not(:hover), #sessionmanager-undo:not(:hover)
   { opacity:.95!important;}

#custombuttons-button9> dropmarker>image, #custombuttons-button11> dropmarker>image, 
#vertical-toolbar toolbarbutton>dropmarker>image,
#bookmarks-menu-button>dropmarker>image,
#sessionmanager-toolbar> dropmarker>image, #sessionmanager-undo> dropmarker>image
   { display:none;}

#vertical-toolbar toolbarbutton >toolbarbutton>image,
#bookmarks-menu-button >toolbarbutton>image,
#sessionmanager-toolbar >toolbarbutton>image, #sessionmanager-undo >toolbarbutton>image
   { /*width: 16px !important;*/
     margin-right: -15px !important;
     margin-left: -1px !important; }

#sessionmanager-toolbar >dropmarker, #sessionmanager-undo >dropmarker,
#bookmarks-menu-button-dropmarker,
#vertical-toolbar .toolbarbutton-menubutton-dropmarker
   { width: 18px !important; }
   

Просили скриншот, вот и он:
http://s2.ipicture.ru/uploads/20120209/2Y4w4NsT.png

Nero Wolfe
Скриншот, пожалуйста.

Nero Wolfe
и что требуется от нас?

z_mashine
мне кажется, он просто поделился интересным стилем. Просто человек не знает, что для этого есть специальный раздел.

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

именно так, потом уже обнаружил что есть раздел для стилей :)

Подскажите, пожалуйста, как для [userChrome.css] сделать, чтобы Панель меню была вместо иконки лисички в Заголовке окна? Ну или текстовое содержимое Заголовка окна шло бы, насколько влезет, справа от пунктов Панели меню.

Александр Колесников
Подробней, пожалуйста. Вы хотите заголовок окна и рыжую кнопку меню одновременно?

Александр Колесников
никак. В лисе есть 2 режима: с chrome заголовком и без. В случае если chrome заголовка окна нет, то нет и текстового заголовка вкладки.
Переключаться между двумя режимам можно включив или выключив панель меню (если её выключить, появляется App Button).

Стилем можно только либо добавить App Button для состояния, когда панель меню не скрыта (будет виден и chrome заголовок окна, содержащий текстовый заголовок вкладки, а под ним App Button и/или Панель меню), либо добавить Панель меню для состояния, когда эта панель скрыта (в таком случае нет chrome заголовка окна, а есть только App Button и/или Панель меню.

Однако, можно добиться желаемого, если воспользоваться парой расширений:
1. зайти сюда и установить (даже рестарт браузера для этого не нужен) jetpack #56.
2. установить Custom Buttons.
3. установить кнопку от Infocatcher, которая превращается в текст заголовка вкладки, если эту кнопку поместить куда-то на панель.

ссылка для установки кнопки

Выделить код

Код:

custombutton://%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0D%0A%3Ccustombutton%20xmlns%3Acb%3D%22http%3A//xsms.nm.ru/custombuttons/%22%3E%0A%20%20%3Cname%3Etitle_bar%3C/name%3E%0A%20%20%3Cimage%3E%3C%21%5BCDATA%5Bcustombuttons-stdicon-1%5D%5D%3E%3C/image%3E%0A%20%20%3Cmode%3E0%3C/mode%3E%0A%20%20%3Cinitcode%3E/*%20Titlebar%20*/%0Athis.__defineSetter__%28%22title%22%2C%20function%28val%29%20%7B%0A%20%20%20%20if%28val%20%3D%3D%20this.__savedTitle%29%0A%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20this.__savedTitle%20%3D%20val%3B%0A%20%20%20%20this.setAttribute%28%22label%22%2C%20val%29%3B%0A%20%20%20%20this.tooltipText%20%3D%20val%3B%0A%7D%29%3B%0A%0Avar%20titleUpdater%20%3D%20%7B%0A%20%20%20%20button%3A%20this%2C%0A%20%20%20%20handleEvent%3A%20function%28e%29%20%7B%0A%20%20%20%20%20%20%20%20if%28e.attrName%20%21%3D%20%22title%22%20%7C%7C%20e.originalTarget%20%21%3D%20document.documentElement%29%0A%20%20%20%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%20%20this.button.title%20%3D%20e.newValue%3B%0A%20%20%20%20%20%20%20%20//setTimeout%28function%28%29%20%7B%20throw%20new%20Error%28%22%26gt%3B%26gt%3B%20%22%20+%20e.newValue%29%3B%20%7D%2C%200%29%3B%0A%20%20%20%20%7D%0A%7D%3B%0Adocument.documentElement.addEventListener%28%22DOMAttrModified%22%2C%20titleUpdater%2C%20true%29%3B%0Athis.__savedTitle%20%3D%20this.title%20%3D%20document.title%3B%0A%0A%0Avar%20sId%20%3D%20%22__customButtonsStyle__%22%20+%20this.id%3B%20//%20Unique%20style%20%22id%22%0Avar%20cssStr%20%3D%20%26lt%3B%26gt%3B%26lt%3B%21%5BCDATA%5B%0A%20%20%20%20%25button%25%20%7B%0A%20%20%20%20%20%20%20%20color%3A%20windowText%20%21important%3B%0A%20%20%20%20%20%20%20%20text-shadow%3A%20window%202px%20-2px%204px%2C%20window%20-2px%202px%204px%2C%20window%20-2px%20-4px%204px%2C%20window%202px%204px%204px%20%21important%3B%0A%20%20%20%20%20%20%20%20background%3A%20transparent%20%21important%3B%0A%20%20%20%20%20%20%20%20-moz-box-align%3A%20start%20%21important%3B%0A%20%20%20%20%20%20%20%20-moz-box-shadow%3A%20none%20%21important%3B%0A%20%20%20%20%20%20%20%20-moz-appearance%3A%20none%20%21important%3B%0A%20%20%20%20%20%20%20%20border%3A%20none%20%21important%3B%0A%20%20%20%20%20%20%20%20width%3A%20auto%20%21important%3B%0A%20%20%20%20%20%20%20%20max-width%3A%20800px%20%21important%3B%0A%20%20%20%20%20%20%20%20min-width%3A%201px%20%21important%3B%0A%20%20%20%20%20%20%20%20/*%20width%3A%20350px%20%21important%3B%20*/%0A%20%20%20%20%7D%0A%20%20%20%20%25button%25%20%26gt%3B%20image%20%7B%0A%20%20%20%20%20%20%20%20display%3A%20none%20%21important%3B%0A%20%20%20%20%7D%0A%20%20%20%20%25button%25%20%26gt%3B%20label%20%7B%0A%20%20%20%20%20%20%20%20display%3A%20-moz-box%20%21important%3B%0A%20%20%20%20%7D%0A%20%20%20%20%5D%5D%26gt%3B%26lt%3B/%26gt%3B.toString%28%29%0A%20%20%20%20.replace%28/%25button%25/g%2C%20%22%23%22%20+%20this.id%29%3B%0A%0Afunction%20sheet%28cssStr%2C%20removeFlag%29%20%7B%0A%20%20%20%20var%20cc%20%3D%20Components.classes%3B%0A%20%20%20%20var%20sss%20%3D%20cc%5B%22@mozilla.org/content/style-sheet-service%3B1%22%5D%0A%20%20%20%20%20%20%20%20.getService%28Components.interfaces.nsIStyleSheetService%29%3B%0A%20%20%20%20var%20ios%20%3D%20cc%5B%22@mozilla.org/network/io-service%3B1%22%5D%0A%20%20%20%20%20%20%20%20.getService%28Components.interfaces.nsIIOService%29%3B%0A%20%20%20%20var%20data%20%3D%20%22data%3Atext/css%2C%22%20+%20encodeURIComponent%28cssStr%29%3B%0A%20%20%20%20var%20uri%20%3D%20ios.newURI%28data%2C%20null%2C%20null%29%3B%0A%20%20%20%20if%28sss.sheetRegistered%28uri%2C%20sss.USER_SHEET%29%29%0A%20%20%20%20%20%20%20%20sss.unregisterSheet%28uri%2C%20sss.USER_SHEET%29%3B%0A%20%20%20%20if%28removeFlag%29%0A%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20sss.loadAndRegisterSheet%28uri%2C%20sss.USER_SHEET%29%3B%0A%20%20%20%20window%5BsId%5D%20%3D%20cssStr%3B%0A%7D%0Aif%28%21%28sId%20in%20window%29%29%0A%20%20%20%20sheet%28cssStr%29%3B%0Aelse%20if%28window%5BsId%5D%20%21%3D%20cssStr%29%20%7B%0A%20%20%20%20sheet%28window%5BsId%5D%2C%20true%29%3B%0A%20%20%20%20sheet%28cssStr%29%3B%0A%7D%0Aif%28%21this.hasOwnProperty%28%22__draggable__%22%29%29%20%7B%0A%09Components.utils.import%28%22resource%3A//gre/modules/WindowDraggingUtils.jsm%22%29%3B%0A%09new%20WindowDraggingElement%28this%2C%20top%29%3B%0A%09this.__draggable__%20%3D%20true%3B%0A%7D%3C/initcode%3E%0A%20%20%3Ccode%3E%3C%21%5BCDATA%5B/*CODE*/%5D%5D%3E%3C/code%3E%0A%20%20%3Caccelkey%3E%3C%21%5BCDATA%5B%5D%5D%3E%3C/accelkey%3E%0A%20%20%3Chelp%3E%3C%21%5BCDATA%5B%5D%5D%3E%3C/help%3E%0A%20%20%3Cattributes/%3E%0A%3C/custombutton%3E

Внутри кнопки можно отрегулировать максимальную ширину "max-width: ..." с 800 пикселей до нужного тебе размера.


4. Установить отсюда стиль #20. В него, по желанию, можно внести изменения, чтобы при выключенной панели меню показывалась бы панель меню без App Button.
5. Разместить custom buttons кнопку 'titlebar' справа от меню на панели меню.
6. Отключить панель меню.

14-02-2012 15:46:28
В принципе, показ заголовка просматриваемой страницы не так уж и нужен сейчас (а если нужен, то можно навести курсор на таб и дождаться всплывающей подсказки), так что проще вместо пунктов 2,3 и 5 - просто напихать всякого на панель справа от меню. Я туда панель закладок поместил и сэкономил себе место, отключив отображение панели закладок.

Александр Колесников пишет:

чтобы Панель меню была вместо

можно поставить этот стиль
Firefox - Menu Icons - Themes and Skins for Browser - userstyles.org
и переносить панель меню куда захочется

14-02-2012 15:55:55
или это дополнение(?)
UI Fixer :: Add-ons for Firefox

что-то я уже не помню из-за чего у меня панель меню переносится

LongLogin пишет:

можно поставить этот стиль
Firefox - Menu Icons - Themes and Skins for Browser - userstyles.org
и переносить панель меню куда захочется

Интересно, как стиль, добавляющий иконки в контекстное меню помогает вам переносить панели?:)

mserv пишет:

LongLogin пишет: можно поставить этот стиль Firefox - Menu Icons - Themes and Skins for Browser - userstyles.org и переносить панель меню куда захочется

Интересно, как стиль, добавляющий иконки в контекстное меню помогает вам переносить панели?

в том то дело, магия какая-то

LongLogin пишет:

в том то дело, магия какая-то

Да ладно, я этим стилем давно пользуюсь, ничего он никуда не двигает. Это у вас видать какое-то расширение так делает.:)

Я смотрел - это UI Fixer :: Add-ons for Firefox может сделать панель меню передвигаемой

iDev.Pi пишет:

во дела, оказывается в [nightly] уже и без этого дополнения можно кнопки на панель меню добавлять :|

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

Александр Колесников
как оказалось, это в [firefox] уже очень давно, у меня наверно почему-то не работало раньше.

привет всем, юзаю Fast Dial, помогите сделать в FD прозрачный фон, в пустой вкладке прозрачность есть, но вот в FD так и не получается сделать прозрачным, только или белый фон или самому ставить фоновую заставку ставить :(
облазил весь userstyles.org так и не нашел нужного стиля под Fast Dial

new tab
http://img827.imageshack.us/img827/4131/newtab.jpg

ps: использую Firefox - AeroGlass стиль

maniac
Такого сделать не получится, по-крайней мере пока, потому что если сделать, то диалы тоже будут прозрачными. На пустой вкладке ничего нет, поэтому к ней это применимо, но на странице FD ничего видно не будет.

Kamui пишет:

то диалы тоже будут прозрачными.

в CSS можно составлять селекторы таким образом, чтобы при это задавались и исключения.

Пользуюсь Google Reader. Если править стиль (скрывать, переносить) поле поиска Google, то автоматически она изменяется  и в Google search. Хотя и ставлю  url-prefix(http://www.google.ru/reader/view/), но это не помогает. Как можно сделать, чтобы Google search не за затрагивать.

iDev.Pi пишет:

в CSS можно составлять селекторы таким образом, чтобы при это задавались и исключения.

Помнится в теме про desktop пробовали сделать это, но получилось только сделать через opacity:0 всего содержимого, то есть прозрачной становится вся страница и через нее видно "стекло", можно ли сделать прозрачной всю страницу и непрозрачными какие-то дочерние элементы?

Выделить код

Код:

#id1:not(#id2){
opacity:0.2;
}

?

Kamui
нет, нельзя. надо не через опасити, а через background-color: transparent

Вот такой код позволяет сделать прозрачной страницу Desktop'а, по аналогии для FD, просто нужно заменить адрес и обязательно нужен Stylish:

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#main-window[stylish-url="chrome://desktop/content/desktop.html"] #content browser
    {opacity: .5 !important;}

#content, #appcontent
    {background: none !important;}

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

нет, нельзя. надо не через опасити, а через background-color: transparent

С этим не получится, фон становится просто белым, как я понимаю просто фон страницы становится прозрачным, а фон всего браузера не меняется, поэтому ничего не становится "стеклянным".

Kamui
думаю и в content файле будет работать.

Kamui
извини, не смогу: я не пользуюсь дополнениями-диалами.

iDev.Pi пишет:

извини, не смогу: я не пользуюсь дополнениями-диалами.

Да ладно, не так уж это необходимо:) просто много в последнее время желающих получить прозрачность такую.

Stylish Sync

Use the Mozilla Sync engine for synchronizing Stylish user styles between computers and browsers.

Используйте Mozilla Sync  для синхронизации  пользовательских стилей между компьютерами и браузерами.

This extension is still under development! So, before installing, please back up your stylish.sqlite-file that can be found in your profile folder!

Это расширение находится в стадии разработки! Перед установкой, пожалуйста создайте резервную копию stylish.sqlite-файла, который можно найти в папке профиля!

По моему в теме был автор стиля Google Reader IMHO, у меня после обновления вылезла какая то странная полоса горизонтальной прокрутки :( Можно ее как то убрать?

Как можно ли в Gmail в самом верхнем меню (чёрная полоса) пункты "Карты", "YouTube" и "Новости" заменить на Переводчик, Blogger и Reader из пункта Ещё? Или хотя бы просто переместить туда Reader ...
http://images.devs-on.net/Thumb/7A0XJg0he4tHvUby-.png

Александр Колесников
Скорее можно, если там не намудрили со скриптом.

Александр Колесников
по такой аналогии расставьте их вверху:
@-moz-document domain("mail.google.com") {
#gb_8 {
    position: absolute !important;
    top: 0 !important;
    left: 400px !important; }
}
а ненужные - скройте через {display:none}

Mr.Rik
Sorry, я хотел спросить, как именно это сделать :blush:
iDev.Pi
Спасибо, буду пытаться что-то родить... хотя это будет очень непросто. Но с Вашими "уроками" может, что-то и получится...

Александр Колесников
Для главной страницы не подходит. Для страницы с результатами поисков:

@-moz-document domain(google.com){
    #gb_32{
        position:relative !important;
        top:-119px !important;
        left:50px !important;
        display:inline !important;
        visibility: visible !important;
        color:grey !important;
        border: 1px solid white !important;
        padding:1px 7px !important;
    }
    #gb_51{
        position:relative !important;
        top:-38px !important;
        left:115px !important;
        display:inline !important;
        visibility: visible !important;
        color:grey !important;
        border: 1px solid white !important;
        padding:1px 7px !important;
    }
    #gb_30{
        position:relative !important;
        top:-92px !important;
        left:215px !important;
        display:inline !important;
        visibility: visible !important;
        color:grey !important;
        border: 1px solid white !important;
        padding:1px 7px !important;
    }
}

Если они поменяют менюшку стиль перестанет подходить.

08-03-2012 17:20:10
Только я пользуюсь вот этой страницей поиска https://encrypted.google.com

Mr.Rik
Спасибо большое! Рабочее решение! В случае чего, я теперь и сам смогу поправить!

P.S. А можно как-то по-быстрому взять css с этой странички http://www.google.md/ (случайно нашёл) ?
http://images.devs-on.net/Image/NyEX5GISIQHMjVkG-.png

Александр Колесников
Для чего взять?

Ну с вашим стилем у меня вот что получилось:
http://images.devs-on.net/Image/UACj11ENzpHjdj7B-.png

Я думал, что если взять стили google.md, то и на mail.google.com меню-бар можно сделать, как на google.md
http://images.devs-on.net/Image/NyEX5GISIQHMjVkG-.png

но, посмотрел HTML-код, и, как мне кажется, он достаточно сильно разнится: на google.md нет выпадающего списка "Ещё", а есть ссылка "Ещё". Короче, это слишком тяжело для моих мозгов агронома.

Посмотрев стили, изменил Ваш вот так:

скрытый текст
@-moz-document domain(mail.google.com){
    #gb_32{
        position:relative !important;
        top:-116px !important;
        left:50px !important;
        display:inline !important;
        visibility: visible !important;
        color:rgb(187, 187, 187) !important;
        border: 1px solid transparent !important;
        padding:1px 7px !important;
    }
    #gb_51{
        position:relative !important;
        top:-35px !important;
        left:115px !important;
        display:inline !important;
        visibility: visible !important;
        color:rgb(187, 187, 187) !important;
        border: 1px solid transparent !important;
        padding:1px 7px !important;
    }
    #gb_30{
        position:relative !important;
        top:-89px !important;
        left:215px !important;
        display:inline !important;
        visibility: visible !important;
        color:rgb(187, 187, 187) !important;
        border: 1px solid transparent !important;
        padding:1px 7px !important;
    }
}

http://images.devs-on.net/Image/P7kkvzunAg9bHq3a-.png
а при наведении мыши имеем вот такие цвета:
http://images.devs-on.net/Image/0IOnVNLvXcXGARhX-09032012095919p.png
но это не критично, когда-нибудь это я и сам смогу доделать.

Mr.Rik, а можно пункты "Картинки", "Новости" и "Документы" переместить в выпадающий список "Ещё" на освободившиеся места?
http://images.devs-on.net/Image/hSGZkQqnbN8A9Y5U-09032012101243p.png

Александр Колесников
На google.md можно сделать только скриптом.

Пункты на пустые места переместить, наверное, нельзя. Можно, наверное, сделать по другому, создать из этих пунктов еще одну выпадающею менюшку. Только не стоит того по моему.

Mr.Rik
Я имел в виду на mail.google.com как на google.md

Ну а если

Mr.Rik пишет:

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

, то так тому и быть. Спасибо!

У меня на google.md 4 ссылки: поиск, поиск картинок, группы и почта. Больше ничего там нет.

Mr.Rik пишет:

У меня на google.md 4 ссылки: поиск, поиск картинок, группы и почта. Больше ничего там нет.

Я пробовал заходить на google.md через hidemyass.com - тоже 9 вкладок.

В общем есть скрипт, при наведении на миниатюру появляется оригинальное изображение, как сделать анимацию появления/исчезания превьюшки? С css-transition не смог разобраться, прошу совета.

Kamui
глянь стиль №19 и сделай по аналогии.

iDev.Pi
Так наверно не получится у превьюшки родительский элемент body и не получится присвоить свойство по родительскому элементу, будь то hover или focus.

Kamui
из твоих слов понятно ничего, помимо селектора дочернего элемента есть и селектор потомка.

iDev.Pi
В общем этот элемент является дочерним элементу Body, появляется он при наведении на миниатюру, но с этой миниатюрой никак не связан. В общем код примерно такой:
сначала присваиваю opacity: 0

Выделить код

Код:

#mpiv-preview
{opacity: 0 !important;

Потом делаю код с opacity:1

Выделить код

Код:

#mpiv-preview
{opacity: 1 !important;
 -moz-transition: opacity 1s !important;}

И вот нужно какое-то условие чтобы второй код срабатывал, по родительскому элементу не получится, а по потомку это как?

Kamui
значит надо запустить доминспектор и посмотреть что в ДОМ-дереве изменяется, к чему можно было бы привязаться.
Обычно там назначается какой-нибудь [hidden="true"] для состояния, когда миниатюра не показывается.

Kamui пишет:

И вот нужно какое-то условие чтобы второй код срабатывал, по родительскому элементу не получится, а по потомку это как?

по нижней ссылке в моей подписи ищи по "селектор потомка".

iDev.Pi пишет:

значит надо запустить доминспектор и посмотреть что в ДОМ-дереве изменяется, к чему можно было бы привязаться.
Обычно там назначается какой-нибудь [hidden="true"] для состояния, когда миниатюра не показывается.

В том то и дело что элемент не имеет ничего такого, когда превью отображается, элемент создается, когда не отображается, элемент удаляется:/

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

iDev.Pi пишет:

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

Тоже об этом подумал, но в js не силен, пока отписал автору, посмотрю что ответит.

Подскажите пожалуйста код, для скрытия значка и надписи новая вкладка в пустой вкладке.

kupidonchik

Выделить код

Код:

tab[label="Новая вкладка"] .tab-content {
    display: none !important; }

vitalii201
namespace поддерживает регулярные выражения, можешь попросить кого-нибудь понимающего в regexp-ах составить тебе выражение.

vitalii201
Давай попробую составить тебе регулярное выражение, как раз учусь это делать:) напиши адрес и что должно захватываться.

Kamui
изв. – не успел удалить свой вопрос. просто один стиль для картинок мешал только на gmail и была необходимость, что-бы там он не включался. решил по другому. я не знал что с excluded pages для стилей всё так не просто. попытался сам что-то сочинить – ошибки, да и по др. сделал.

http://fastpic.ru/view/35/2012/0412/7fee67a1d37dff3c063c692244d27a5d.jpg.html
Каким стилем можно панели дополнений и закладок сделать цвета панели заголовка?

В новых версиях stylish сделали подсветку синтаксиса и теперь не получается изменить стиль окна редактирования, как можно вернуть эту возможность? или как отключить подсветку синтаксиса?

pshenk
Отключить подсветку синтаксиса extensions.stylish.editor;1
и выложите свой стиль окна редактирования если можно.

Можно ли в включить стиль из другого файла? Например, у меня есть стиль для google reader'a, он очень большой, сохраняю стиль например в GoogleReader.css, потом хочу включить этот стиль в userContent.css, можно ли сделать подобное, что-то вроде include?

2k1dmg
Спасибо, работает. В идеале конечно нужно и то и другое, ну хоть что-то. А стиль у меня обычный, ничего серьезного, просто нативный шрифт и размер поменял.

Kamui
Ну так сразу и пропиши весь стиль для гугл-ридера в userContent.css с указанием урл, в чем проблема?

Kamui
https://developer.mozilla.org/en/CSS/@import
в userContent.css @import 'GoogleReader.css';

pshenk пишет:

Ну так сразу и пропиши весь стиль для гугл-ридера в userContent.css с указанием урл, в чем проблема?

Он слишком большой, буду теряться потом в сборище всех стилей которые там есть :)

2k1dmg пишет:

https://developer.mozilla.org/en/CSS/@import
в userContent.css @import 'GoogleReader.css';

Спасибо, псмотрю сейчас. Видел же в каком-то стиле что делается это :)

Kamui
Вопрос 6, пункт 5: @-правила.

iDev.Pi пишет:

KamuiВопрос 6, пункт 5: @-правила.

Перед тем как задать вопрос, быстренько пробежался по статье, не заметил видимо:(

Начало обсуждения проблемы - здесь. Суть проблемы: в firefox 13 при установленных темах авторства Steva (это достаточно популярные темы - FT DeepDark, FT SleekDark, и.т.д.) не отображается код при установленном в настройках orion editor (extensions.stylish.editor=0). Разбирательство ничего не дало - я установил тему в полностью распакованном виде, и последовательно заменил в ней все css-файлы на аналогичные из дефолтной темы, однако код по-прежнему не отображается. Можно, конечно, дождаться, когда автор выпустит версию с исправлением этого бага, но в моем случае есть нюанс: у меня установлена весьма старая версия одной из его тем (FT SilverGlow), в теме есть уже достаточно большое количество собственных правок, плюс я не хочу ставить последние версии, т.к. они мне не нравятся с визуальной точки зрения. Хотелось бы просто внести в тему очередную правку, чтобы код в окне редактора отображался нормально при включенном orion editor. Вопрос в том, что нужно поправить?
P.S. Про неподдерживаемые с 13-й версии -moz-border-radius* и -moz-box-shadow знаю. Причина точно не в них.

hydrolizer пишет:

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

Мне кажется, что это свидетельствует о том, что эта проблема вызвана не стилями и стилями её не решить.

hydrolizer
Не отображается – это текста нет вообще, или там цвет шрифта совпадает с цветом фона, например?
А так похоже на какой-нибудь потерянный/перезаписанный -moz-binding.

Infocatcher пишет:

Не отображается – это текста нет вообще

Да, вообще нет текста. Впечатление, что полностью скрыт div, содержащий html с кодом.
Я тоже в итоге подумал на потерянный биндинг. Биндинг в редакторе вроде как один:

Выделить код

Код:

sourceeditor {
  -moz-binding: url('chrome://diavolo/content/sourceeditor.xml#sourceeditor');
}

(chrome://stylish/skin/editor.css), и с чего бы ему потеряться - непонятно, т.к. в теме он нигде не упоминается.

Разобрался. В теме просто не было css для оформления orion. Вопрос решился добавлением в тему файлов из папки chrome://browser/skin/devtools/ дефолтной темы.

hydrolizer
Судя по всему, Steva не будет вносить изменения в свои старые темы, т.к. в самой свежей - 8 Ultimo 1.4.1 - всё работает, а в старых по прежнему нет.

zAleks пишет:

т.к. в самой свежей - 8 Ultimo 1.4.1 - всё работает, а в старых по прежнему нет.

Да, я в курсе - собственно, пофайловым анализом того, что есть в ultimo, и нет в FT SilverGlow, я и решил проблему.
Что же до вашей темы - зарегистрируйтесь на AMO, и напишите в комментариях к теме про этот баг. Сам он вряд ли заметит эту ошибку, и исправит - помнится, одна ошибка, связанная с тем, что он просто забыл закрыть набор правил фигурной скобкой, и видимая невооруженным глазом в окне downloads, тянулась с 4 до 9-й версии firefox.

hydrolizer пишет:

Сам он вряд ли заметит эту ошибку, и исправит

Как ни странно - заметил. Причём довольно оперативно, т.к. в комментах именно к этой теме ничего не было. Было что-то к теме FT DeepDark, а к этой нет... Короче, вот здесь новая версия темы. Stylish работает корректно, и даже URL-бар приобрёл прежние очертания:

http://storage7.static.itmages.ru/i/12/0430/h_1335773871_1316624_8b897a8f0a.jpeg

как уменьшить растояние от панель меню до вкладки??

hydrolizer
:offtopic:

скрытый текст
Вашу любимую тему ― FT SilverGlow ― Steva так же пофиксил, и версия 2.6 работает как надо. Кстати, мне она тоже приглянулась..) К тому же, при её использовании, в тему установка серого цвета в качестве фонового (как наиболее предпочтительного и мягкого для глаз) при открытии изображений. :)

А еще такой вопрос нагрянул: можно цвет крестика закрытия вкладки менять?

k1net1k пишет:

можно цвет крестика закрытия вкладки менять?

Можно:

Выделить код

Код:

.tab-close-button {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAA .... CYII=") !important;
}

Внутри list-style-image: url(" ") - data URI вашего рисунка с кнопками закрытия, или ссылка на него (учтите, что этот рисунок - image strip с тремя изображениями кнопок внутри: впросто крестик, крестик под мышью, нажимаемый крестик).

Что-то я не понял, какие рисунки? Если мне просто цвет нужен

k1net1k
у него цвет задаётся не стилем, а картинкой: сам крестик - это такая картинка.
Хочешь крестик другого цвета - нарисуй и поставь другую картинку.

k1net1k  , У меня  такой стиль установлен :angel:  >

Tab: Close Button - Mac OS X Panther Style

а вот есть синенькие >

Tab: Close Button - Mac OS X Panther Style (Aqua)

Спасибо :)

Подскажите стиль для добавления в поле ввода кнопки очистки на панели поиска по странице . Нашел старый стиль, но он у меня на FF12 не работает.
Из него мне нужен только кусок для панели поиска (та которая вызывается по Ctrl+F).
Подсобите!

Inko7
Принципиально именно стилем или custom buttons кнопка устроит?

init
Кнопка устроит. Только у меня ей не получалось поместить иконку кнопочки очистки прямо в поле ввода текста.

Inko7 пишет:

initКнопка устроит. Только у меня ей не получалось поместить иконку кнопочки очистки прямо в поле ввода текста.

Сделал, пробуйте: https://forum.mozilla-russia.org/viewtopic.php?id=55020

Valrav
да.

Подскажите стиль для википедии. Нужно, чтобы текст был на всю ширину экрана (1366), а разные элементы управления были вверху или внизу страницы. Сейчас использую ModernWiki http://userstyles.org/styles/13893/modernwiki , не устраивает тем, что если страница переведена на множество языков, то список языков не умещается в экран. Мне вообще надо три языка - украинский, русский и английский.

Guerin
это не подойдёт Greasemonkey + Wiki-Minimal ?

LongLogin
то что нужно, спасибо

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

Пробовал сделать

Выделить код

Код:

#selector:after {content: "_____" !important;}

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

Kamui пишет:

можно как-то его переместить?

position: relative
top: ##px

iDev.Pi пишет:

position: relative
top: ##px

В общем с псевдоэлементом некрасиво получается :( буду встроенные разделители двигать.

Кто-нибудь может объяснить насчет https://developer.mozilla.org/en/CSS/-moz-binding, почитал эту статью, там написано что можно приязать какое-нибудь событие к dom-элементу, то есть можно #selector:hover {-moz-binding: url("script");} и скрипт будет выполняться при наведении на #selector?

Kamui
Нет.
По ссылке написано совсем про другое. Во-первых:
-moz-binding


  • Applies to: all elements (not generated content or pseudo-elements)

так что ни о каких :hover здесь речи идти не может.
Во-вторых там же:

Values
<uri>
    The URI for the XBL binding (including the fragment identifier).

т.е. в url - не URI какого-нибудь скрипта, а URI xbl-связки, которая намного больше, чем скрипт. Эту xbl-связку в каких-то случаях можно переопределять, в каких-то - нет. Сама по себе xbl-связка представляет из себя смесь XUL-разметки и скриптов, и используется для создания виджетов - элементов UI, собранных из уже существующих элементов XUL.
В общем, то, чего вам хочется - не получится.

hydrolizer
Понятно. Просто нашел стиль Firefox - Menu Icons, там присутствует такой код в начале и подобные во всем стиле:

Выделить код

Код:

menuitem[label]:not(.searchbar-engine-menuitem), .splitmenu-menuitem
{-moz-binding:url("chrome://global/content/bindings/menu.xml#menuitem-iconic-noaccel")!important}

Стало интересно что код делает?

Kamui
Он применяет xbl-связку menuitem-iconic-noaccel, определенную в ресурсе chrome://global/content/bindings/menu.xml: 1) к menuitem, у которого есть атрибут label, и класс которого не является классом searchbar-engine-menuitem; 2) к элементам с классом .splitmenu-menuitem.
Делается это, насколько я понял, исключительно для того, чтобы элементы меню не отображали сочетания горячих клавиш (если они есть), и отображали иконки. Это такой своеобразный трюк - через CSS нельзя назначить или переназначить класс элемента (а класс сам по себе может быть совокупностью правил). Но в Firefox можно переназначить связку, что иногда эквивалентно.

hydrolizer
Теперь понял для чего это сделано, попробовал без xbl-связки применить к элементу контекстного меню {list-style-image: url();} ничего не получилось :) и еще в этом стиле используются в основном встроенные ресурсы, ссылка на которые выглядит chrome://... я так понимаю адрес повторяет структуру папок в файле omni.ja, а как можно указать такой путь для ресурсов из какого-нибудь расширения?

Привет всем :)
Подскажите, как нибудь настраивается вид нового менеджера загрузок, которые появился в 14 бете? Уж слишком там все массивное :) можно как то покомпактнее его сделать?

Мое почтение всем друзья! Нужна ваша помощь ибо сам не силен. До обновления FF 11 на 14, пользовался отличным стилем Super! Fast Dial  http://userstyles.org/styles/60296/super-fast-dial
Но на 14 версии стиль перестал работать. Скругления и выделение пузырем пропали. Помогите исправить, жалко очень, красивый стиль был.
И есть просьба к вам. Ранее также использовал но расширение Hide Caption Titlebar Plus, убиравшеей по максимуму заголовок FF https://addons.mozilla.org/ru/firefox/addon/hide-caption-titlebar-plus-sma/,что значительно расширяло окно браузера. Но на 14 версии расширение перестало корректно работать. Может кто подскажет стиль или напишет, аналогично расширению.

убирает заголовок окна (шапку) с кнопками: свернуть, развернуть, закрыть, становясь похожим на браузер Chrome.

В консоли ошибок же должно что-то соответствующее писать.
Скорее всего, достаточно удалить все префиксы «-moz-» в коде.

Infocatcher да я же не разбираюсь во всем этом, а консоль у меня вообще не пашет почему то.
Изменил так

Выделить код

Код:

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

@-moz-document url-prefix("chrome://fastdial/content/fastdial.html")

{

.thumbnail {
border-radius:  19px  !important;
box-shadow:
    0 0px 2px rgba(255, 255, 255, 0.4) inset,
    0 4px 6px rgba(255, 255, 255, 0.4) inset,
    0 11px 0 -2px rgba(255, 255, 255, 0.2) inset,
    0 13px 8px rgba(80, 80, 80, 0.3) inset,
    19px 19px 19px rgba(0, 0, 0, 0.3) !important;  }

}

При этом почему то покраснели эти строчки
border-radius
box-shadow Но зато работает. Спасибо!
А по второму моему вопросу ничем не поможете?

vv07 пишет:

почему то покраснели эти строчки

Так это к редактору. Я так понимаю, красным подсвечиваются свойства, которые редактор считает существующими.

vv07 пишет:

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

Я этим расширением не пользуюсь. Поставил – как-то работает. Так что не понятно, что именно не так.

Infocatcher На  11 лисе заголовк скрывался а на 14 не скрывается больше. Вот в этом и проблема. До собственно через стиль лучше было бы намного.
Помог бы кто нибуть главное, я сам то не волоку в этом.

Если я правильно понял, то:
Tabs in Titlebar in restored window
Firefox 4 Normal Window Tabs In Titlebar
Firefox 4 Titlebar Tabs
Tabs in titlebar experiment - старый совсем, 2010 год.

Kamui
Речь идет об этом участке браузера http://i42.fastpic.ru/big/2012/0718/1c/4dd2d62229ded50afba839171cfc9e1c.png
К сожалению ни один из приведенных вами стилей, не скрывает заголовок браузера.

vv07
Так у вас вкладки снизу, а я то подумал что надо убрать заголовок у неразвернутого окна :)

vv07
Пока что , хоть там и половина настроек не работает , вам может помочь https://addons.mozilla.org/ru/firefox/addon/hide-caption-titlebar-plus-sma/
http://s017.radikal.ru/i419/1207/67/be9a3e55d8d2t.jpg
К сожалению , перевести на русский никто его не желает , в настройках ничего не трогал , т.е. по умолчанию ....

Vladik
Спасибо большое, но вы невнимательны, пост 948:)

vv07
виноват, читал только эту страницу ветки.... ))))



Тогда надо более основательно переустановить браузер .. в 12 или 13 версии у меня тоже был косяк при обновлении ,
тогда два или три расширения заглючили ...
сейчас у меня чистая винда (переустановливал) и расширение прекрасно работает (пусть без всех настроек, но главное - СКРЫВАЕТ)
http://s018.radikal.ru/i526/1207/5b/50a5faede9e5t.jpg

Тема перенесена из форума «Обсуждение расширений» в форум «CSS-стили».

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

Black_Monk пишет:

Подскажите вот в таком вопросе. Имеются четыре стиля, могу ли я объединить их в один, как-бы персонально мой?Достаточно ли будет просто перенести, например, в первый из них все текстовые блоки из остальных трёх с последующим их отключением? Или всё как-то сложнее чем я думаю

Можно.

Black_Monk
Сложнее.
У стилей должны быть одинаковые @namespace. Если нет – нужна доработка.
Все @namespace должны быть в начале.

И будет немного быстрее, если объединить. Пример:

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xul") {
    label { color: black !important; }
}
@-moz-document url("chrome://browser/content/browser.xul") {
    description { color: black !important; }
}

=>

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xul") {
    label { color: black !important; }
    description { color: black !important; }
}

=>

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xul") {
    label, description { color: black !important; }
}

Infocatcher, хм, у меня в двух стилях @namespace одинаковы, в третьем он другой, а в четвёртом его вообще нет. :/ Значит, по-идее, объединить можно только два?

Объединить-то можно, но придется доработать.

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
label { color: black !important; }

+

Выделить код

Код:

@namespace url("http://www.w3.org/1999/xhtml");
input { color: black !important; }

=

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");
label { color: black !important; }
html|input { color: black !important; }

Infocatcher, спасибо, за разъяснения, я тут подумал, пусть уж всё по-прежнему у меня остаётся. Просто неохота возиться... :cool:

Подскажите, пожалуйста, как можно поменять местами иконки дополнений в статус-баре [firefox]. На данный момент порядок такой.
http://s019.radikal.ru/i628/1209/c8/e39cdd37569ft.jpg
Первым идет NoSquint, за ним FlashResizer, потом часы FlipClock и последним StatusbarEx.
Хочу, чтобы StatusbarEx шел первым, за ним FlashResizer, NoSquint и уже потом часы.

hvost Organize Status Bar, если на АМО не дадут установить, то http://rghost.ru/40536064 я в нём только версию до 24 изменил(надо было 124 )).

vitalii201
пробую идти по ссылке - сервер не найден (( а так про Organize Status Bar в курсе, но установить не дает, говорит, не для 15ой версии.

hvost пишет:

пробую идти по ссылке - сервер не найден

и когда постил и сейчас проверил - всё нормально. тут уж я не знаю в чём проблема. заодно и себе на портабельный [firefox] 16 из файла установил. попробуйте с народа скачать. кстати, с госта 1 раз уже скачано...

offtop. okkamas_knife,
я знал про эти "Загрузки"? да и с названием файла правила там не для этого форума(ну не для того файла точно)... а вобще-то, это моя "доброта душевная", за выходные усвоенная, к загрузке ещё и на второй хост сподвигла. надо было просто
http://imageshack.us/a/img59/3848/fpim.jpg

vitalii201
спасибо большое! хз, что там с гостом, с народа все скачалось, установилось, работает.

на всякий случай добавила в Загрузки, может, кому пригодиться. надеюсь, никто не против ;) http://forum.mozilla-russia.org/uploaded/%7B35106bca-6c78-48c7-ac28-56df30b51d2c%7D.xpi

okkamas_knife пишет:

а какая разница какое имя?

из уважения к автору названия файла. уж не знаю кто его так назвал y5 (который ...user/123/) или сгенерировано на самом АМО ...
- зато оказалось, что версия 0.6.5 это эксклюзив. ни на АМО, не на сайте автора её уже просто не достать )

Подскажите стиль для стилиша, который позволяет отключить картинки, но не меняет размер шрифта, не меняет масштабирование страницы, не меняет размера поля под картинкой, не меняет цвет фона и т.п.

Пользуюсь стилем "clean without images- looks like a text browser", но получается не совсем то, что я хочу (меняется масштабирование, информация на странице выглядит не так, как без этого стиля, пропадают цвета).

http://i049.radikal.ru/1209/a0/b9b8d4219495t.jpg
http://s017.radikal.ru/i413/1209/8e/9895cad9b43dt.jpg

В примере видно, что информация, отображается на странице с включённым стилем уже и без фоновых цветов.

Kamoins
Но зачем, зачем...

Выделить код

Код:

@namespace url("http://www.w3.org/1999/xhtml");
@-moz-document url-prefix("http:"), url-prefix("https:") {
    img {
        visibility: hidden !important;
    }
    body > img:first-child:last-child {
        visibility: visible !important;
    }
    * {
        background-image: none !important;
        border-image: none !important;
    }
}

Спасибо большое. Это то, что нужно. Теперь вопрос -- как можно включить/выключить определённый стиль хот-кеем?

Kamoins пишет:

как можно включить/выключить определённый стиль хот-кеем?

Можно сделать Custom Buttons кнопку, там можно задать хоткей.
Код:

Выделить код

Код:

var cssURI = makeURI("data:text/css," + encodeURIComponent(this.Help));
var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"]
    .getService(Components.interfaces.nsIStyleSheetService);
var load = this.checked = !sss.sheetRegistered(cssURI, sss.USER_SHEET);
if(load)
    sss.loadAndRegisterSheet(cssURI, sss.USER_SHEET);
else
    sss.unregisterSheet(cssURI, sss.USER_SHEET);

Стиль при этом надо поместить в раздел «справка».
Как-то так:

Выделить код

Код:

custombutton://%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0D%0A%3Ccustombutton%20xmlns%3Acb%3D%22http%3A//xsms.nm.ru/custombuttons/%22%3E%0A%20%20%3Cname%3EDisable%20Images%3C/name%3E%0A%20%20%3Cimage%3E%3C%21%5BCDATA%5Bcustombuttons-stdicon-1%5D%5D%3E%3C/image%3E%0A%20%20%3Cmode%3E0%3C/mode%3E%0A%20%20%3Cinitcode%3E%3C%21%5BCDATA%5B/*Initialization%20Code*/%5D%5D%3E%3C/initcode%3E%0A%20%20%3Ccode%3E%3C%21%5BCDATA%5Bvar%20cssURI%20%3D%20makeURI%28%22data%3Atext/css%2C%22%20+%20encodeURIComponent%28this.Help%29%29%3B%0Avar%20sss%20%3D%20Components.classes%5B%22@mozilla.org/content/style-sheet-service%3B1%22%5D%0A%09.getService%28Components.interfaces.nsIStyleSheetService%29%3B%0Avar%20load%20%3D%20this.checked%20%3D%20%21sss.sheetRegistered%28cssURI%2C%20sss.USER_SHEET%29%3B%0Aif%28load%29%0A%09sss.loadAndRegisterSheet%28cssURI%2C%20sss.USER_SHEET%29%3B%0Aelse%0A%09sss.unregisterSheet%28cssURI%2C%20sss.USER_SHEET%29%3B%5D%5D%3E%3C/code%3E%0A%20%20%3Caccelkey%3E%3C%21%5BCDATA%5B%5D%5D%3E%3C/accelkey%3E%0A%20%20%3Chelp%3E%3C%21%5BCDATA%5B@namespace%20url%28%22http%3A//www.w3.org/1999/xhtml%22%29%3B%0A@-moz-document%20url-prefix%28%22http%3A%22%29%2C%20url-prefix%28%22https%3A%22%29%20%7B%0A%20%20%20%20img%20%7B%0A%20%20%20%20%20%20%20%20visibility%3A%20hidden%20%21important%3B%0A%20%20%20%20%7D%0A%20%20%20%20body%20%3E%20img%3Afirst-child%3Alast-child%20%7B%0A%20%20%20%20%20%20%20%20visibility%3A%20visible%20%21important%3B%0A%20%20%20%20%7D%0A%20%20%20%20*%20%7B%0A%20%20%20%20%20%20%20%20background-image%3A%20none%20%21important%3B%0A%20%20%20%20%20%20%20%20border-image%3A%20none%20%21important%3B%0A%20%20%20%20%7D%0A%7D%5D%5D%3E%3C/help%3E%0A%20%20%3Cattributes/%3E%0A%3C/custombutton%3E

Infocatcher
а можно , чтобы эта кнопка "помнила" свое состояние после перезапуска [firefox] т е была она "вкл." или "выкл." ?

lokiju
Можно.
Код:

Выделить код

Код:

this.toggleStyle();

Инициализация:

Выделить код

Код:

this.toggleStyle = function(enable) {
    var cssURI = makeURI("data:text/css," + encodeURIComponent(this.Help));
    var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"]
        .getService(Components.interfaces.nsIStyleSheetService);
    this.toggleStyle = function(enable) {
        if(enable == undefined)
            enable = !this.checked;
        this.checked = enable;
        document.persist(this.id, "checked");
        var has = sss.sheetRegistered(cssURI, sss.USER_SHEET);
        if(enable && !has)
            sss.loadAndRegisterSheet(cssURI, sss.USER_SHEET);
        else if(!enable && has)
            sss.unregisterSheet(cssURI, sss.USER_SHEET);
    };
    this.toggleStyle(enable);
};
if(this.checked)
    this.toggleStyle(true);

А во вкладке «справка» по-прежнему стиль.

Здравствуйте. Я делаю стиль для одного сайта, и столкнулся с тем, что не получается через Stylish изменять стили элементов SVG (например, rect или text), хотя если прописать их просто в теге <style> то всё работает. Есть способ решить эту проблему?

Привет, помогите плиз.
Хочу сделать форум http://ru.forum.tankionline.com фиксированной ширины и по центру. Но центрирование ни в каком виде не работает. Только фиксированная ширина :(

Последний использованный способ:

Выделить код

Код:

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

@-moz-document domain("ru.forum.tankionline.com") {

body {
        margin: 0 auto;
        width: 1300px;  
     }

}

Раньше работало, пока не перешли они на другой движок.

GlumShadow
всё дело в том, что они в свои стили добавили margin для body и теперь правило в твоём стиле попросту не срабатывает.
Просто повысь правилу "значимость", заменив для margin ; на !important;.

iDev.Pi пишет:

GlumShadow
всё дело в том, что они в свои стили добавили margin для body и теперь правило в твоём стиле попросту не срабатывает.
Просто повысь правилу "значимость", заменив для margin ; на !important;.

Огромное спасибо. Всё заработало :)

в этом сообщении есть картинка, которой уже нет на сервере
вот такой стиль

скрытый текст
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http), url-prefix(https) {
img {
-moz-force-broken-image-icon:1 !important;
}
}

помогал обрамлять "потерянные картинки", но сейчас он не работает (или просто я не вижу его работы), как быть ?

Kiril__777
У меня вот так:

Выделить код

Код:

@namespace url("http://www.w3.org/1999/xhtml");
/* http://userstyles.org/styles/17978 */
/* Show image placeholders */
@-moz-document url-prefix("http:"), url-prefix("https:"), url-prefix("file:"), url-prefix("data:") {
    img:-moz-broken:not([alt]){
        -moz-force-broken-image-icon: 1;
        width: 24px;
        height: 24px;
    }
    img:-moz-broken[alt]:hover {
        outline: 1px solid currentColor;
        outline-offset: -1px;
    }
}

В данном случае останется виден альтернативный текст.

Infocatcher
спасибо работает, оказалось расширение "Make Link" блокирует этот стиль, странно, заменять его на "Colt" не хотелось бы.



есть варианты обхода конфликта?

Как сделать что бы полоса прокрутки (скролбар) всегда был одного цвета с фоном страницы.

Выделить код

Код:

scrollbar{
-moz-appearance: none!important;
background: ????? !important;
}

bunda1
????? = transparent

iDev.Pi пишет:

bunda1
????? = transparent

А вот и нет, background:transparent !important; я уже пробовал и вот что получается:

скрытый текст
http://img502.imageshack.us/img502/47/thumbmu.jpg

bunda1
transparent работает для скроллбаров для элементов на странице, но не для скроллбара самой страницы. Фон этого скроллбар - нельзя сделать прозрачным.

iDev.Pi
Странно, Custom Buttons кнопкой можно а Stylish нет:

Выделить код

Код:

// Mинимальный стиль для полосы прокрутки (скролбара) ...............................
var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"]
                    .getService(Components.interfaces.nsIStyleSheetService);
var uri = makeURI('data:text/css,'+ encodeURIComponent('\n\
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);\n\
scrollbar thumb { -moz-appearance: none !important; background-color: green ! important; }\n\
scrollbar:not(:hover) thumb { opacity: .5 !important; }\n\
scrollbar[orient="vertical"], scrollbar[orient="horizontal"] { min-width: 8px !important; }\n\
scrollbar scrollbarbutton { visibility: collapse !important; }\n\
scrollbar { -moz-appearance: none!important; background: transparent !important; }\n\
scrollbar scrollcorner, scrollcorner { background:transparent !important; }\n\
'));
sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

Раз вы заговорили о скроллингах на странице :) Может подскажите как на этой странице

Войдите или зарегистрируйтесь, чтобы увидеть скрытый текст.

(и подобных) в самой левой колонке сделать стандартные скроллинги, чтоб при выключеном цвете страниц (в настройках есть птичка) они были видны?

Как сделать чтоб бы этот стиль неработал если есть закрепление [pinned="true"] вкладки:

Выделить код

Код:

/* Скрываем неактивные стрелки при большом количестве табов*/
.scrollbutton-up[disabled="true"], .scrollbutton-down[disabled="true"] {
display: none !important;
} 

bunda1

Выделить код

Код:

#tabbrowser-tabs:not([haspinned="true"]) .scrollbutton-up[disabled="true"],
#tabbrowser-tabs:not([haspinned="true"]) .scrollbutton-down[disabled="true"]
{
display: none !important;
}

Т.е. если нет закрепленных, то стрелочки скрываются, а если есть закрепленные вкладки, то стиль не работает и стрелки не стираются.

Kamui
Не работает :( :
http://img197.imageshack.us/img197/759/thumblfdh.jpg

bunda1

Выделить код

Код:

#tabbrowser-tabs[haspinned="true"] .scrollbutton-up,
#tabbrowser-tabs[haspinned="true"] .scrollbutton-down
{
display: -moz-box!important;
visibility: visible !important;
}
#tabbrowser-tabs:not([haspinned="true"]) .scrollbutton-up,
#tabbrowser-tabs:not([haspinned="true"]) .scrollbutton-down
{
display: none !important;
}

Так должно работать, мне кажется[disabled="true"] необязательно указывать, все равно условие отображения есть ли закрепленные вкладки.

Kamui пишет:

Так должно работать, мне кажется[disabled="true"] необязательно указывать, все равно условие отображения есть ли закрепленные вкладки.

Нет, все равно не работает.
Я сам решил эту проблему при помощи Custom Buttons кода:

Выделить код

Код:

/* Скрываем неактивные стрелки  прокрутки вкладок при большом количестве табов если вкладки не закреплены */
(function () {
     var cssURI = makeURI("data:text/css," + encodeURIComponent('.scrollbutton-up[disabled="true"], .scrollbutton-down[disabled="true"] { display: none !important; }'));
     var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);
     if ( !gBrowser.mTabContainer.childNodes[0].hasAttribute("pinned") ) sss.loadAndRegisterSheet(cssURI, sss.USER_SHEET);

     // отслеживать команды связные с закреплением вкладки и переклучаем стиль для стрелки прокрутки вкладок ....
     document.getElementById("tabContextMenu").addEventListener("command", function(e) { 
          if ( (e.target.getAttribute("oncommand").toString()).indexOf("pinTab") !== -1 ) {
               setTimeout(function() {
                    if ( gBrowser.mTabContainer.childNodes[0].hasAttribute("pinned") && sss.sheetRegistered(cssURI, sss.USER_SHEET)) {
                         sss.unregisterSheet(cssURI, sss.USER_SHEET);
                         }
                    else  sss.loadAndRegisterSheet(cssURI, sss.USER_SHEET);
               }, 0)
               }              
     }, true); 
})();

Добрый день!
Такая проблема - перестал работать stylish. Ubuntu 12.04, Fx17.0.
Переименовал ~/.mozilla в ~/.mozilla.bak и запустил с чистым профилем - работает. Переименовываю обратно - не работает.
Отклбчал все дополнения, кроме самого Stylish - не работает.
Как не работает - то есть вообще. Не реагирует ни на какой код, значек стайлиша в "панели инструментов" всегда серый (а должен быть цветным, когда он активен).

Как попробовать лечить?

Спасибо.

наверняка дело в каких-то записях в prefs.js

Про stylish там всего две записи:

Выделить код

Код:

user_pref("extensions.stylish.firstRun", 3);
user_pref("extensions.stylish.styleRegistrationEnabled", false);

AlexCones пишет:

user_pref("extensions.stylish.styleRegistrationEnabled", false);

Отключен же, не?

Yay! Помогло, спасибо. Интересно, только, как она могла сама в false перейти, ибо я там ничего не менял через about:config.

Как через Stylish поменять местами панель навигации и панель закладок? Помогите, пожалуйста, очень нужно.

nikitoz13066
Вот так:

Выделить код

Код:

#PersonalToolbar
{-moz-box-ordinal-group: 10 !important;
}
#nav-bar
{-moz-box-ordinal-group: 11 !important;
}

Но это будет некрасиво, проще не менять панели местами а поменять местами элементы на этих панелях.

Ребята, может кто объяснить, зашел сюда - http://userstyles.org/styles/browse/all/download%20statusbar хотел установить download statusbar, штук 10 перепробовал и ни один не работает, даже под чистым профилем [firefox] 18, ну не может такого быть, может что не так у меня, может у кого рабочий есть, или знает где еще посмотреть, поделитесь.

villa7
Эм, там вообще-то стили для Download Statusbar, само расширение здесь.

Kamui
И точно, во валенок, это же стили, спасибо.

Уважаемые, а можно ли как-то без  Stylish и других дополнений изменить полосу прокрутки?

tom911
Темой.

tom911 пишет:

Уважаемые, а можно ли как-то без  Stylish и других дополнений изменить полосу прокрутки?

Невозможно.

tom911 пишет:

без Stylish

bunda1 пишет:

Невозможно

А код из Stylish перенести в userChrome.css?

littleleshy пишет:

А код из Stylish перенести в userChrome.css?

Код для скроллбаров, который работает в Stylish'е, не работает в userChrome.css, ограничение там есть какое-то.

понятно, всем спасибо!

У меня, наверно самый простой вопрос. Всегда ли стили, созданные для  userContent.css ,или userChrome.css можно ставить в Stylish и наоборот, если нет, то как это можно понять. И где посмотреть готовые стили с описанием.

nbuh
Из userContent и userChrome в Stylish — да, а вот в обратную сторону какие-то вещи нельзя (какие конкретно — не знаю).
Лично я сначала всё тестировал в Stylish, а потом переносил в файлы, чтобы отключить расширение. Всё прошло гладко.

Значит, можно сказать, что userContent.css ,или userChrome.css , теперь не нужны и достаточно установить Stylish ? И всё, что ранее было для них, реализовывать через него?!

Не знаю, можно ли в этой теме спрашивать, если , что направьте в другую.
Нужен стиль, который будет убирать,часть страницы, когда используем для перевода Google transllate.
http://s020.radikal.ru/i711/1302/53/14a43182b2e4.jpg

nbuh
Google Translator without upper bar for Greasemonkey

Pony_Smile_Pack, отлично! спасибо!

nbuh
А так стилем - №6576

nbuh пишет:

userContent.css и userChrome.css теперь не нужны и достаточно установить Stylish?

Достаточно, но Stylis создаёт бóльшую нагрузку (как-никак, целое расширение).

Kamui,
попробовал, для интереса стилем. Чего то не то! Может кто проверит?
http://s019.radikal.ru/i626/1302/4c/2f58aba903c4.jpg
littleleshy,
нагрузка, в Stylis , зависит, от количества, установленных в нём стилей, если, да, то не стоит вообще отказываться от userContent.css и userChrome.css ?

nbuh
Вы точно весь стиль скопировали, потому что похоже нет строки:

Выделить код

Код:

@-moz-document domain('translate.google.com') {

Kamui, переделывал 2 раза. Нажимаю "выделить код" , потом "ПКМ"  и "копировать"...Далее "правка", убрал всё, что там было и "вставить". Вроде здесь трудно ошибиться..., но и сегодня попробовал - тоже самое получается.

nbuh
Странно все это :(

Kamui,Сейчас попробовал удалить строку @-moz-document domain('translate.google.com') {
Ничего не изменилось. Такое ощущение, что эта строка не работает. Хоть её удаляю, хоть опять, на место ставлю- результат не меняется.

okkamas_knife, сейчас попробовал на чистом профиле. Расширение установлено у меня  Wiktionary and Google Translate 6.0 . Получается так:
http://s017.radikal.ru/i437/1302/28/0a1e1ae4015a.jpg
Те получается не так уж плохо, но стиль не дорабатывает.
А вот если поставить Google Translator for Firefox version 2.1.0.3, тогда всё нормально получается.

Всё проверил на чистом профиле ещё раз, всё нормально работает. И Stylish, и Greasemonkey. Здесь же отключение всех стилей ничего не дало, даже и в Greasemonkey появился такой же косяк...Нового ничего не ставил. Будем разбираться. Всем спасибо!

Помогите, пожалуйста! Как заблокировать span-элемент с атрибутом class=pbBlF2mF, если все символы (кроме первых двух) в названии класса меняются случайным образом после каждого обновления страницы (был class=pbBlF2mF, стал class=pbu2rQ7y, потом class=pbXyH3MP и т.д).

[class^="pb"]

Kamui, спасибо!

а какой стиль сделает это название страницы жирным белым цветом ?

http://f1.s.qip.ru/lRCWJ0eH.gif

Приветствую.
Честно искал на форуме перед тем как спросить, но безрезультатно :(

Мне надо, чтобы стиль срабатывал на всех страницах, в адресе которых встречается выражение action=advanced
Трудность в том, что адрес нужной страницы может быть и таким:
www.example.com.index.php?page=2&action=advanced

и таким:
www.example.com.index.php?action=advanced&page=5

и таким:
www.example.com.index.php?artistname=&action=advanced&groupname=&

Пробовал составлять разные "regexp", но так ничего и не выходит.
Очень надеюсь на ваш совет.
Кстати, если есть подробная документация по операторам, которые можно использовать в "regexp" на русском/английском, ткните носом плиз.

Thanks in advance!

*action=advanced*?

okkamas_knife
Спасибо за оперативный ответ.
К сожалению, pdf (http://vingrad.ru/download/perl/regexp2-ref.pdf) отсутствует: ошибка 404.
regexp(".+action=advanced.+") делал не совсем то, что надо. Но эксперименты в этом направлении вывели меня на рабочий вариант:
regexp('.+action=advanced.*')
Большое спасибо!

iDev.Pi
*action=advanced* не работает.  Точнее работает, но не только там, где нужно, а везде =)

ЗЫ
pdf скачал здесь: http://perldoc.narod.ru/regexp2-ref.pdf

Tubalcain
https://www.google.ru/search?q=regexp2-ref.pdfhttp://perldoc.narod.ru/regexp2-ref.pdf
Оно?

littleleshy
Да, оно. Не догадался сразу погуглить :rolleyes:
Спасибо.

Посватайте хороший стиль для сайта который бы не утомлял глаза. Другими словами стиль для чтения.

okkamas_knife
Мысли конечно разумные но нужно слишком много работы :(

bunda1
на этом форуме в настройках можно переключать темы оформлений. Мне вот Radium нравится:

скрытый текст
http://storage5.static.itmages.ru/i/13/0321/h_1363816697_8868050_e9f8eaae56.png

okkamas_knife
скриншот менюшки можно?

okkamas_knife пишет:

там еще один белый квадрат вылез

это border

Напишите стиль для сайта, а то как-то скучно выглядит

сайт
Войдите или зарегистрируйтесь, чтобы увидеть скрытый текст.

vsadnik2013
подожди час

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

iDev.Pi пишет:

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

Я хочу удалить кнопки прокрутки стилем, пробовал по разному, например так:

Выделить код

Код:

scrollbarbutton[sbattr="scrollbar-up-top"],
scrollbarbutton[sbattr="scrollbar-down-bottom"] {
display: none !important;
}

Но по любому ломается изменения размера поля ввода на страницах.

bunda1

Выделить код

Код:

html > scrollbar scrollbarbutton {
  visibility: collapse !important;
}

http://userstyles.org/styles/76999/glow-scrollbar

2k1dmg
:)
Теперь изменения размера поля ввода на станицах работает но как удалить кнопки прокрутки в других местах, например в окошке редактирования стиля Stylish или закладках в боковой панели.

bunda1
добавить через запятую окно стайлиша как селектор (я бы подсказал, но не пользуюсь Stylish)

Спасибо всем, я уже решил проблему:

Выделить код

Код:

scrollbar scrollbarbutton {
visibility: collapse !important;
}
textarea scrollbar scrollbarbutton {
visibility: visible !important;
}

Есть расширение с допустим таким стилем:

Выделить код

Код:

    .sidebar-box[renderabove] .omnisidebar_resize_box {
        box-shadow: 1px 0px 2px rgba(0,0,0,.4) !important;
        border: 1px solid rgba(0,0,0,.9) !important;
    }

Я меняю на такой:

Выделить код

Код:

    .sidebar-box[renderabove] .omnisidebar_resize_box {
        box-shadow: none !important;
        border: none !important;
    }

Изменения применяются. Но после перезагрузки браузера, уже нет. Если отключить и включить стиль, то опять работает.
Я что-то не правильно делаю, или стиль расширения при старте браузера перекрывает мой?

pohunohi
Если стили подключаются одним и тем же способом, по сработает последний подключенный. Надо уточнить селектор, чтобы увеличить его приоритет.

Есть какие-нибудь стили для Яндекс-подписок? Пробую перебраться на них с гугл-ридера.

Есть какой-нибудь способ переносить стили на другой профиль? Попробовал [CB] Экспорт стилей Stylish, но потом руками переносить обратно долго. Пользуюсь Stylish Sync, но последние время Sync работает с проблемами и за два дня удалось синхронизировать только историю и закладки.

Есть какой-нибудь способ переносить стили на другой профиль?

Mishania,Файлик stylish.sqlite копировать из папки одного профиля в папку профиля другого :angel: ... или тоже долго? :sick:

Крошка Ру, да уж, простых путей я явно не ищу! Так привык к Stylish Sync, что о stylish.sqlite даже не подумал! :lol:
Спасибо, выручили!

Kamoins пишет:

Есть какие-нибудь стили для Яндекс-подписок? Пробую перебраться на них с гугл-ридера.

Там в настройках своих стилей полно, попробуй их сначала.

Подскажите стиль или скрипт, чтобы растянуть результаты поиска в Google на всю страницу, или сделать их в две колонки. А то сейчас колонка занимает всего четвёртую часть страницы.

Подскажите стиль или скрипт, чтобы растянуть результаты поиска в Google на всю страницу, или сделать их в две колонки. А то сейчас колонка занимает всего четвёртую часть страницы.

voqabuhe, Скрипт GoogleMonkeyR :)

Крошка Ру пишет:

Скрипт GoogleMonkeyR :)

Спасибо. Это то, что я и хотел получить. Просто великолепно.:beer:

01-06-2013 01:22:51
А для Яндекса у тебя такого случайно нет на примете?:D

voqabuhe, Yandex-two-columns :angel:

Крошка Ру пишет:

Yandex-two-columns :angel:

Ну просто огромное спасибо.http://www.kolobok.us/smiles/standart/thank_you2.gif Всё просто замечательноhttp://www.kolobok.us/smiles/standart/good2.gif

Посоветуйте тёмный стиль для [firefox].

voqabuhe, Посоветовать не могу, но  вот есть такой стиль >Firefox: Choose Your Color - можно выбрать цвет перед установкой :)

И ещё - не стили а темы оформления >

FT DeepDark

LavaFox V2-Green

LavaFox V2-Blue

LavaFox V2

LavaFox V2-Purple

BlackFox V2

BlackFox V2-Blue

Крошка Ру

Крошка Ру пишет:

но  вот есть такой стиль >Firefox: Choose Your Color - можно выбрать цвет перед установкой :)

Эту я знаю, но она только вкладки и панели меняет, а хотелось  чтобы всё изменяла (менюшки, настройки, закладки, about:***, и.тд)

И ещё - не стили а темы оформления >

Нет темы не хочу, мне стили больше нравятся.

а хотелось  чтобы всё изменяла (менюшки, настройки, закладки, about:***, и.тд)

voqabuhe, Это надо по частям искать :sick:

Вот например работающий в [nightly] 24.0 тёмный стиль для контекстного меню > Transparent menus - Black Mica Fx4*,  а этот уже не действует > Custom Menus Background Image (WOW) - Dark / Black :whistle:

Как сделать, что бы Black Download Manager распространялся только на about:downloads и chrome://mozapps/content/downloads/downloads.xul. А то в существующем виде он безобразно окрашивает все возможные окна.:dumb:

voqabuhe
Через Stylish делал, вроде ничего боле не затрагивает.

скрытый текст
@-moz-document url("chrome://mozapps/content/downloads/downloads.xul") {

#downloadManager, richlistbox, richlistitem
{ -moz-appearance: -moz-win-glass !important;
background: #000!important; }

description, #downloadManager label
{ color: #3399ff !important;
text-shadow: 4px 4px 5px #000, 1px 1px 2px #000!important; }

.progress-bar
{ -moz-appearance: none !important;
background: -moz-linear-gradient(#3333ff,#3399ff, #3333ff) !important; }

progressmeter
{ -moz-appearance: none !important;
border: 1px solid black !important;
background: transparent !important; }

richlistitem[type="download"], richlistitem
{ border-bottom: 1px solid black !important; }

button, #clearListButton
{ -moz-appearance: none !important;
color: #000 !important;
text-shadow: 1px 1px 2px #222, 1px 1px 2px #999 !important;
opacity: .8 !important; }

button:hover
{ -moz-appearance: none !important;
opacity: 1 !important; }

.sorter:hover, .sorter[checkState="1"]:hover
{ background: none !important; }

.resume.mini-button
{ -moz-image-region: auto !important;
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEOUlEQVR42m1VWUskVxQu258QkpegPumDb/qiQtzXBxlpl3HUcd93cUdx33BDVFwQVNQHwRUFY1QQFREVSRhHFIka27QJDAmuqHRR9+Q7RXdPO7Hg45576txT535nKam2tlZi1NTUWAEayAxL+U0Y31uZZD5v8mVyKNXX10tNTU1Sc3PzK7DOUm/af6vj8+xHdcpCXV2dVFRU9F1SUtJPiYmJYQkJCdr4+Ph3kEOSk5NVsMyAjQn8Xsv2gCfOf89+2J9UXV1t1djYKKWkpHh4eXnN+vn5nQYEBJz4+/t/8vX1PWJA/gzdEWBaWfcJtsds7+Hh8TM+4s9+qqqqrNizhjcZGRmRWq32D3yVUlNTKS0tTUGEFBsbS3FxccR6S+AmCq9sg3P/pqenJ7IfBGmtJqihoUHKy8vTZmZmnkCm0tJSqqyslHt7e6m/v59wLVFYWEglJSUCesIZQkQyVsH2OKfPz8+PYV7hVMPEWvEGh4Jh8OvMzIyMF7Knp+dzUFCQ3NbWJi8sLBhWVlbkqakpAz4id3V1yT09Pc/Dw8OG8fFxdv47AokwcqrhJGl4U15eHjI4OHh0cHBAY2NjBN5kW1tbAndUUVEhJicnaX19Xezs7NDm5iYtLS3Jq6urguW+vj4dIo8ylpS16pQ34CMEkRxdXl7S+fk57e/vy3z1wMBAsrGxEW5ubtTe3i6Oj4/p/v6eLi4u5JOTE6HT6Whubk6HsooylpTqlAtdam1tfbe2tvb56elJPD4+ioeHB8PNzY04PDwUiFwBPSIiIkKJjo4WuL7Y3d013N7eKi8vLwI3uARNH0AbO9Vw0Wp4A2XI1tbWEeGBId3d3cn09WHnFB4eLiRJInt7exoZGZHxCH65vb2t6+joiAIFHOT/I31+fjZHCoizszOxsbGhDA0NCZSP4u7uzqtYXFxUI2V7jhTUfI3UktPp6WmVU/BFp6en8vLyMqF+ydHRUTg4OHDpqImBM9Lr9TJsxNXVFc3Pz+vQrq84VbOPDKvZR4IIZUWRkZGynZ0dOTk5EbpFDAwMEMpK7O3tEfgkZF7GzQQoI7x7nX3LOkW0v83OzsrQyS4uLs/Ozs4yelqemJhQ65SvjNqUu7u7GeY6hf0Z6vS9uU5NHZWbm6vNyck5bmlpUQoKCkR2drYByROjo6Ois7NTKSsrE8XFxQo6SsCJwDkDnCgoJSUrK+tPdFS0uaNMvQ++3oeFhV1wLzOP+IACHWFiqWA9ho4ZoEThFTOCQkND/0HvJ5h7nz3zBoe8MW1+8fb2/oLJ8zc66tLHx+cak+saOj3L0Osxta5ZxqoD/gK+uLq67mHoBPNcBbca8zwFpz8gIj9Mn3hMpo94PmCNwSSKgT4a6hjAtLIuCutHtodtMCj70TSoX01+0yQHr2Z8+yd4C2zHeTFPfot/lEoFVmsjLOW3YH5vPGf29R+luI599IkeZwAAAABJRU5ErkJggg==) !important; }

.pause.mini-button
{ -moz-image-region: auto !important;
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAC4jAAAuIwF4pT92AAAEd0lEQVR42pVVx05sRxDtBxosxILvMAYJGIb0GMIAIokghBBJ5JxEzjnuyWILAgQirtiSEeEDvEBkWPjZcy0LAXO7b/tUE957kjdeFN1U160+fepUDevt7WVkXV1drLm52dTa2upC1tjY6FJfX+/S0NDwk5H/R2tqaiK/qbOz80tfX5/Kpf4MDg6ytrY2Vl5ezqqrq1lNTQ3Ly8tjmZmZLDs7W1lWVhbLyclh+fn5P1lBQYHyAxAbGhp6SwqEX1paWlhHR4cJSX+tqqryr6ysNGO1YPUrKyuzwE97tdL/5KdzmB9AkP83fO9CeVRSwDcVFRWxiooKTx8fn98jIyO10NDQb2FhYVp4eLg9NjZWi4uL0yIiIrSPvc1msyOG4v5E/F9eXl7XJSUlZuRi3d3dToz4w82strY2MC0t7R/czIuLi3VcInJzcwU+Ekgi8EQRExMjcJEALYLOAYbjO0dqaqoE2vDR0VHW09PjTElNCGAoirm0tPQP8OsAv6/ghyNYd3V15SEhIRxIeHR0NHdzc+NIrI+MjHB86xgeHn7F2Qvq8JVqg+c7EcEuRDigWwBdm5ubExMTE3xhYUGiWIaHh4dcXFyUk5OTcmVlRQYHB8v4+HiDfIgT8/PzOtCJuro6KyVVSEkSVFnc6ocP7bu7u3xzc1M/PDw0IBXh6+trwGdsbGwYR0dHRlRUlIF4Qefw8b29PcfMzIwAuJD+/n5C6qyQkiRQPcvq6qp2eXkpTk5O+O3trcTNRlBQkLy4uJDwyfv7e5mYmCihAIP28ImrqysdIDgos1JSaNWZQQYupEPAtuzs7GgvLy/i5uaGOxwOOTY2ZkAF8unpSdIlnHOZnp4uIXpD13V5fX0tEE+vEpCm9V38b0np+XBYjo+PNSml0DSNY5Wzs7MGKk9bCZ9aAUC2t7cbtLfb7QKLfn5+LlAPK2lUIaXnE1I4P5EClUI6Pj6ukD4/P38izcjIUEhpjxcppAcHBwJPDxkYGPiOlFqSOF1bW9PoSWdnZ/zu7k5CVopT8Czhk4+PjzIpKUlx+vDwIE9PTwXO9O3tbQFFWFFYhsRvSal/qfpTU1P2/f39z+oD0Wf14TNAjwGtGniZoP3W1hZHvAM0cWjdirp8rz4lRQILnBr0KZCckw6hX8PT01MuLy/L6elpub6+Lq1Wq0xISDCWlpZIu0qn6CSBlg0lpKBB6dRESSFeM9rzG56sQx4OdIxITk6mDhJIotoSHSbc3d0FeOaUCK/TIbtXtLYDTRECYJTUSYm/sLCQej8Avf83Vmq7V0wgHT2um81m3WKxqD341b29vXXE6XQOEA4kfIHOOWgK++SUBiwGBwP5XphS9yBcoms4BonEAJFAqwwTSq0pKSlqjxhJg4aowEXP8AW/D3wnRhObRhbE+wu6xdfPzy8qMDAwHM+xkWGvDCjVCtQ2xNj8/f1tAQEB4UBowzj8inq4vUuKkViJB/bhoEELrtQvwX8Znf1oNPEpB31P1ac9+/iN+oBO1fs/RhySjN67SeX5F2UWaheyjTYZAAAAAElFTkSuQmCC) !important; }

.cancel.mini-button
{ -moz-image-region: auto !important;
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAC4jAAAuIwF4pT92AAAEMklEQVR42q1UyS91WRB/Tb6k/w+izTzvmdqH14iFWIiVmOc55nked2JKRGzYmSJELEwhSIjYSO8IgojPe2k6xnuud86hf3W77/vofOlVLypV9546Vb9Tv6oytLe3Gzo6OgxtbW2Gpqamn0iam5tJO5GGOP1AHOf6HT0OaYP+8X+IHkszSJDNOT09/ZesrCxzTk6OMTMz0wTblJ2d/Un/yzZCAnHPo6qq6ose3BE9IyPDw93d/ffg4OC7oKCga6PRaDWZTLbAwEArxPZBrGaz2UbnsL+Fhob+4eLicpSammp0IG1sbNTqkZeXFxQXF3ePzAIoOb4lHGVycrLEtwQaicTaN0TgNfSfQ9tjY2M57kUSL1pN8WyNpKKiIn84XeGnvby8/B7COjs71bq6OlZZWamCFLW6uppB1K6uLobnKmVlZQ/wf0Wyh/z8/FAHUp25kpISExytU1NTore3l+GJPDc3V8zOzvLR0VHR09MjhoeH+dzcnIAf9/f3tyORMjMzw2tqapTi4uIwAkdioLYgo6KiwtTX12fb2NgQa2tran19vfD09JRAKw4ODuTi4qLc398XIyMj0tvbW6A8Ynl5mW1tbYn+/n6G+2Gtra2GlpaWv4PSB7KbJycnrcfHxxSEXV1dcSATfn5+HMnE+/u7wDkHQQIX+cXFBT88PFSOjo44XkNl+UpxNKRwcKLotbW1JiC0Mcbk6empend3JzjncmhoSKCFJEogCwsLBUol7+/vxePjozg7O2MvLy9ic3NTxf1wikPldCBtaGgI2N7etr29vYnn52f15uZGPD09SUI4ODgonZ2dJcgjxNJut4vr62s6Z+S/u7vLgFBDinifka6urtpUVRWXl5fMarVyKaVYWVnh6AythgUFBXx6elogKL+9vRXn5+d4GOOoK3XD96AfamrCBSueToRoSJeWlmRAQIBAQolkEogFSJLj4+MC5xy1V05OTsT8/DxLTEwMo/akeI6gxP7AwIDG/vr6OqP2AUmEkO/s7AiURuzt7XGUSXh5eXH0I4efApR2+CpJSUlhhFIjigpLBvUpGKQ+lWCboQ95fHy8AHo+MTEhEESMjY3xhYUFgeniHh4eFFhB33K0n2KxWL7qg+SYKDBrhPMV+tKOBI+wFTBNk6TgFQzjTL2oAClNmoKxVDBFD93d3SpG9QHof4XPD2f/T2g7WkgtLS3l0BzzT3NNtrYTUlJSBMaSEtPcq/B/TUhIeEWtIwkgEn5ffWlpad5ubm6n4eHhr9g8L9hAKraVCpvkFdtLDQkJoTOVbIwx6ZeIiAjm6up6Gx0dHUzcfFp9QPwlJibGiNGMQj0jMDkWrD4L2LfAjiQNiaT/Pj4+Fl9fX5II+P8WFRUVjPn/WQf4afNTbYlB6tv/Et2HtM74x+3vCKZn0W291XCZtEP++dbOP/rrQvH+AsPYaXgJSn94AAAAAElFTkSuQmCC) !important; }

.retry.mini-button
{ -moz-image-region: auto !important;
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC7UlEQVR42q2UOUhjURSG31iINpaZRcSEYJA0U+hzYhKwSFTEuCEKCaK4ICaiFhEV9wS0TUglWNmIhStooSBJIJ0oFqKgYiVauzEyCP/cc5h34fkshuCDP3nvLt85955FGR8fVz5b/DM2NqZMTEwoc3NzWYv2E0dCaWB0dFRpa2v72traaslC38PhMHMklCwJ4DebzfZbVVWUlZVJVVRUwOVysSorK/F+nr5LSkr+NDQ02IgjobOzs4qwZq2rq0NHRwf8fj+6u7sxMDDA7/X19aitrUVzczN6e3vR39+PQCDAc7Se9gk5iCOhMzMz5Kmlp6cH4hvRaBTDw8MoLS1FTk4OFEWRys/PR2NjI6+JRCKYmppiQz6fTyWOhE5PTzNUDGJ9fR3ifnSg3NxcmM1mFBUVybGamhr09fUhFothYWEB4vgfQ9fW1rC8vKwDhkIh7O7uIplMsnZ2dvhqtPlEIoGtrS3yXiWOhIojMDSTyWBvbw+FhYW8YWlpCU9PT7i+vsbFxQXr/v4ex8fHyMvL4zV09LOzMzQ1NanEkdDJyUmGnp6egp6Xlxek02m8vb3h8fERDw8P8v/5+Rl3d3egteT50dERGyUocXSetre3W25ubpDNc3t7S5mhh2qeXl1dsQd0t6lUij14fX3lKyBPNdGzv78PzYnz8/OPPdWOH4/HZRAoAAQhY5eXlwwhAxsbG3INRf/k5MR4p1r0V1dXOdLaBrfbjZWVFRwcHODw8JAjPzIyosuOxcVFbG9vG6OvQSmZKaUo8amatI0FBQUwmUyGQhgcHMTm5iYXgSFPtYqi9KAKmZ+fZw8IXFxcbCgEu92OoaEhTnpxj1wEhorSap9qvKuri+uaREaCwSC/iztDS0sL1zqNUUnTeGdnJwFJv3S1/69L/RBdytCFysvL4XA44HQ6uUtR13rfxaxWK6qrq3+KExr7qahnu8fjcQs5/1der9dVVVWlCu+/6KKvdX6ylI1EoDgtdZ3/s/UXeK00DrZm0xkAAAAASUVORK5CYII=) !important; }

.downloadTypeIcon
{ display: none !important; } }

villa7 пишет:

Через Stylish делал, вроде ничего боле не затрагивает.

Спасибо. Но так не работает в about:downloads, я уже вот так сделал

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

Выделить код

Код:

@-moz-document url("chrome://mozapps/content/downloads/downloads.xul" ),
                               url-prefix("about:downloads" )
                               
{

#downloadManager, richlistbox, richlistitem, #contentAreaDownloadsView, #downloadsListBox
{ -moz-appearance: -moz-win-glass !important; 
background: #000!important; }

description, #downloadManager label
{ color: #3399ff !important;
text-shadow: 4px 4px 5px #000, 1px 1px 2px #000!important; }

.progress-bar
{ -moz-appearance: none !important; 
background: -moz-linear-gradient(#3333ff,#3399ff, #3333ff) !important; }

progressmeter
{ -moz-appearance: none !important; 
/*border: 1px solid #6633FF !important;*/
border : 4px solid #000000 !important;
background: transparent !important; }

/*Фон под прогрессбаром*/
.progress-remainder{ -moz-appearance: none !important; 
background: #333399!important; }

richlistitem[type="download"], richlistitem 
{ border-bottom: 1px solid black !important; }

button, #clearListButton
{ -moz-appearance: none !important; 
color: #000 !important;
text-shadow: 1px 1px 2px #222, 1px 1px 2px #999 !important;
opacity: .8 !important; }

button:hover
{ -moz-appearance: none !important; 
opacity: 1 !important; }

.sorter:hover, .sorter[checkState="1"]:hover
{ background: none !important; }

.resume.mini-button
{ -moz-image-region: auto !important;
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEOUlEQVR42m1VWUskVxQu258QkpegPumDb/qiQtzXBxlpl3HUcd93cUdx33BDVFwQVNQHwRUFY1QQFREVSRhHFIka27QJDAmuqHRR9+Q7RXdPO7Hg45576txT535nKam2tlZi1NTUWAEayAxL+U0Y31uZZD5v8mVyKNXX10tNTU1Sc3PzK7DOUm/af6vj8+xHdcpCXV2dVFRU9F1SUtJPiYmJYQkJCdr4+Ph3kEOSk5NVsMyAjQn8Xsv2gCfOf89+2J9UXV1t1djYKKWkpHh4eXnN+vn5nQYEBJz4+/t/8vX1PWJA/gzdEWBaWfcJtsds7+Hh8TM+4s9+qqqqrNizhjcZGRmRWq32D3yVUlNTKS0tTUGEFBsbS3FxccR6S+AmCq9sg3P/pqenJ7IfBGmtJqihoUHKy8vTZmZmnkCm0tJSqqyslHt7e6m/v59wLVFYWEglJSUCesIZQkQyVsH2OKfPz8+PYV7hVMPEWvEGh4Jh8OvMzIyMF7Knp+dzUFCQ3NbWJi8sLBhWVlbkqakpAz4id3V1yT09Pc/Dw8OG8fFxdv47AokwcqrhJGl4U15eHjI4OHh0cHBAY2NjBN5kW1tbAndUUVEhJicnaX19Xezs7NDm5iYtLS3Jq6urguW+vj4dIo8ylpS16pQ34CMEkRxdXl7S+fk57e/vy3z1wMBAsrGxEW5ubtTe3i6Oj4/p/v6eLi4u5JOTE6HT6Whubk6HsooylpTqlAtdam1tfbe2tvb56elJPD4+ioeHB8PNzY04PDwUiFwBPSIiIkKJjo4WuL7Y3d013N7eKi8vLwI3uARNH0AbO9Vw0Wp4A2XI1tbWEeGBId3d3cn09WHnFB4eLiRJInt7exoZGZHxCH65vb2t6+joiAIFHOT/I31+fjZHCoizszOxsbGhDA0NCZSP4u7uzqtYXFxUI2V7jhTUfI3UktPp6WmVU/BFp6en8vLyMqF+ydHRUTg4OHDpqImBM9Lr9TJsxNXVFc3Pz+vQrq84VbOPDKvZR4IIZUWRkZGynZ0dOTk5EbpFDAwMEMpK7O3tEfgkZF7GzQQoI7x7nX3LOkW0v83OzsrQyS4uLs/Ozs4yelqemJhQ65SvjNqUu7u7GeY6hf0Z6vS9uU5NHZWbm6vNyck5bmlpUQoKCkR2drYByROjo6Ois7NTKSsrE8XFxQo6SsCJwDkDnCgoJSUrK+tPdFS0uaNMvQ++3oeFhV1wLzOP+IACHWFiqWA9ho4ZoEThFTOCQkND/0HvJ5h7nz3zBoe8MW1+8fb2/oLJ8zc66tLHx+cak+saOj3L0Osxta5ZxqoD/gK+uLq67mHoBPNcBbca8zwFpz8gIj9Mn3hMpo94PmCNwSSKgT4a6hjAtLIuCutHtodtMCj70TSoX01+0yQHr2Z8+yd4C2zHeTFPfot/lEoFVmsjLOW3YH5vPGf29R+luI599IkeZwAAAABJRU5ErkJggg==) !important; }

.pause.mini-button
{ -moz-image-region: auto !important;
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAC4jAAAuIwF4pT92AAAEd0lEQVR42pVVx05sRxDtBxosxILvMAYJGIb0GMIAIokghBBJ5JxEzjnuyWILAgQirtiSEeEDvEBkWPjZcy0LAXO7b/tUE957kjdeFN1U160+fepUDevt7WVkXV1drLm52dTa2upC1tjY6FJfX+/S0NDwk5H/R2tqaiK/qbOz80tfX5/Kpf4MDg6ytrY2Vl5ezqqrq1lNTQ3Ly8tjmZmZLDs7W1lWVhbLyclh+fn5P1lBQYHyAxAbGhp6SwqEX1paWlhHR4cJSX+tqqryr6ysNGO1YPUrKyuzwE97tdL/5KdzmB9AkP83fO9CeVRSwDcVFRWxiooKTx8fn98jIyO10NDQb2FhYVp4eLg9NjZWi4uL0yIiIrSPvc1msyOG4v5E/F9eXl7XJSUlZuRi3d3dToz4w82strY2MC0t7R/czIuLi3VcInJzcwU+Ekgi8EQRExMjcJEALYLOAYbjO0dqaqoE2vDR0VHW09PjTElNCGAoirm0tPQP8OsAv6/ghyNYd3V15SEhIRxIeHR0NHdzc+NIrI+MjHB86xgeHn7F2Qvq8JVqg+c7EcEuRDigWwBdm5ubExMTE3xhYUGiWIaHh4dcXFyUk5OTcmVlRQYHB8v4+HiDfIgT8/PzOtCJuro6KyVVSEkSVFnc6ocP7bu7u3xzc1M/PDw0IBXh6+trwGdsbGwYR0dHRlRUlIF4Qefw8b29PcfMzIwAuJD+/n5C6qyQkiRQPcvq6qp2eXkpTk5O+O3trcTNRlBQkLy4uJDwyfv7e5mYmCihAIP28ImrqysdIDgos1JSaNWZQQYupEPAtuzs7GgvLy/i5uaGOxwOOTY2ZkAF8unpSdIlnHOZnp4uIXpD13V5fX0tEE+vEpCm9V38b0np+XBYjo+PNSml0DSNY5Wzs7MGKk9bCZ9aAUC2t7cbtLfb7QKLfn5+LlAPK2lUIaXnE1I4P5EClUI6Pj6ukD4/P38izcjIUEhpjxcppAcHBwJPDxkYGPiOlFqSOF1bW9PoSWdnZ/zu7k5CVopT8Czhk4+PjzIpKUlx+vDwIE9PTwXO9O3tbQFFWFFYhsRvSal/qfpTU1P2/f39z+oD0Wf14TNAjwGtGniZoP3W1hZHvAM0cWjdirp8rz4lRQILnBr0KZCckw6hX8PT01MuLy/L6elpub6+Lq1Wq0xISDCWlpZIu0qn6CSBlg0lpKBB6dRESSFeM9rzG56sQx4OdIxITk6mDhJIotoSHSbc3d0FeOaUCK/TIbtXtLYDTRECYJTUSYm/sLCQej8Avf83Vmq7V0wgHT2um81m3WKxqD341b29vXXE6XQOEA4kfIHOOWgK++SUBiwGBwP5XphS9yBcoms4BonEAJFAqwwTSq0pKSlqjxhJg4aowEXP8AW/D3wnRhObRhbE+wu6xdfPzy8qMDAwHM+xkWGvDCjVCtQ2xNj8/f1tAQEB4UBowzj8inq4vUuKkViJB/bhoEELrtQvwX8Znf1oNPEpB31P1ac9+/iN+oBO1fs/RhySjN67SeX5F2UWaheyjTYZAAAAAElFTkSuQmCC) !important; }

.cancel.mini-button
{ -moz-image-region: auto !important;
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAC4jAAAuIwF4pT92AAAEMklEQVR42q1UyS91WRB/Tb6k/w+izTzvmdqH14iFWIiVmOc55nked2JKRGzYmSJELEwhSIjYSO8IgojPe2k6xnuud86hf3W77/vofOlVLypV9546Vb9Tv6oytLe3Gzo6OgxtbW2Gpqamn0iam5tJO5GGOP1AHOf6HT0OaYP+8X+IHkszSJDNOT09/ZesrCxzTk6OMTMz0wTblJ2d/Un/yzZCAnHPo6qq6ose3BE9IyPDw93d/ffg4OC7oKCga6PRaDWZTLbAwEArxPZBrGaz2UbnsL+Fhob+4eLicpSammp0IG1sbNTqkZeXFxQXF3ePzAIoOb4lHGVycrLEtwQaicTaN0TgNfSfQ9tjY2M57kUSL1pN8WyNpKKiIn84XeGnvby8/B7COjs71bq6OlZZWamCFLW6uppB1K6uLobnKmVlZQ/wf0Wyh/z8/FAHUp25kpISExytU1NTore3l+GJPDc3V8zOzvLR0VHR09MjhoeH+dzcnIAf9/f3tyORMjMzw2tqapTi4uIwAkdioLYgo6KiwtTX12fb2NgQa2tran19vfD09JRAKw4ODuTi4qLc398XIyMj0tvbW6A8Ynl5mW1tbYn+/n6G+2Gtra2GlpaWv4PSB7KbJycnrcfHxxSEXV1dcSATfn5+HMnE+/u7wDkHQQIX+cXFBT88PFSOjo44XkNl+UpxNKRwcKLotbW1JiC0Mcbk6empend3JzjncmhoSKCFJEogCwsLBUol7+/vxePjozg7O2MvLy9ic3NTxf1wikPldCBtaGgI2N7etr29vYnn52f15uZGPD09SUI4ODgonZ2dJcgjxNJut4vr62s6Z+S/u7vLgFBDinifka6urtpUVRWXl5fMarVyKaVYWVnh6AythgUFBXx6elogKL+9vRXn5+d4GOOoK3XD96AfamrCBSueToRoSJeWlmRAQIBAQolkEogFSJLj4+MC5xy1V05OTsT8/DxLTEwMo/akeI6gxP7AwIDG/vr6OqP2AUmEkO/s7AiURuzt7XGUSXh5eXH0I4efApR2+CpJSUlhhFIjigpLBvUpGKQ+lWCboQ95fHy8AHo+MTEhEESMjY3xhYUFgeniHh4eFFhB33K0n2KxWL7qg+SYKDBrhPMV+tKOBI+wFTBNk6TgFQzjTL2oAClNmoKxVDBFD93d3SpG9QHof4XPD2f/T2g7WkgtLS3l0BzzT3NNtrYTUlJSBMaSEtPcq/B/TUhIeEWtIwkgEn5ffWlpad5ubm6n4eHhr9g8L9hAKraVCpvkFdtLDQkJoTOVbIwx6ZeIiAjm6up6Gx0dHUzcfFp9QPwlJibGiNGMQj0jMDkWrD4L2LfAjiQNiaT/Pj4+Fl9fX5II+P8WFRUVjPn/WQf4afNTbYlB6tv/Et2HtM74x+3vCKZn0W291XCZtEP++dbOP/rrQvH+AsPYaXgJSn94AAAAAElFTkSuQmCC) !important; }

.retry.mini-button
{ -moz-image-region: auto !important;
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC7UlEQVR42q2UOUhjURSG31iINpaZRcSEYJA0U+hzYhKwSFTEuCEKCaK4ICaiFhEV9wS0TUglWNmIhStooSBJIJ0oFqKgYiVauzEyCP/cc5h34fkshuCDP3nvLt85955FGR8fVz5b/DM2NqZMTEwoc3NzWYv2E0dCaWB0dFRpa2v72traaslC38PhMHMklCwJ4DebzfZbVVWUlZVJVVRUwOVysSorK/F+nr5LSkr+NDQ02IgjobOzs4qwZq2rq0NHRwf8fj+6u7sxMDDA7/X19aitrUVzczN6e3vR39+PQCDAc7Se9gk5iCOhMzMz5Kmlp6cH4hvRaBTDw8MoLS1FTk4OFEWRys/PR2NjI6+JRCKYmppiQz6fTyWOhE5PTzNUDGJ9fR3ifnSg3NxcmM1mFBUVybGamhr09fUhFothYWEB4vgfQ9fW1rC8vKwDhkIh7O7uIplMsnZ2dvhqtPlEIoGtrS3yXiWOhIojMDSTyWBvbw+FhYW8YWlpCU9PT7i+vsbFxQXr/v4ex8fHyMvL4zV09LOzMzQ1NanEkdDJyUmGnp6egp6Xlxek02m8vb3h8fERDw8P8v/5+Rl3d3egteT50dERGyUocXSetre3W25ubpDNc3t7S5mhh2qeXl1dsQd0t6lUij14fX3lKyBPNdGzv78PzYnz8/OPPdWOH4/HZRAoAAQhY5eXlwwhAxsbG3INRf/k5MR4p1r0V1dXOdLaBrfbjZWVFRwcHODw8JAjPzIyosuOxcVFbG9vG6OvQSmZKaUo8amatI0FBQUwmUyGQhgcHMTm5iYXgSFPtYqi9KAKmZ+fZw8IXFxcbCgEu92OoaEhTnpxj1wEhorSap9qvKuri+uaREaCwSC/iztDS0sL1zqNUUnTeGdnJwFJv3S1/69L/RBdytCFysvL4XA44HQ6uUtR13rfxaxWK6qrq3+KExr7qahnu8fjcQs5/1der9dVVVWlCu+/6KKvdX6ylI1EoDgtdZ3/s/UXeK00DrZm0xkAAAAASUVORK5CYII=) !important; }

.downloadTypeIcon
{ display: none !important; } }

На панели вкладок есть кнопка "открыть новую вкладку",можно сделать стиль для неё,чтобы
при нажатии ЛКМ открывалась пустая вкладка,СКМ-последняя закрытая,ПКМ-список последних закрытых вкладок?

Maxut
нет. Стили не могут менять функционал, только визуальное представление

Как сделать, чтобы при редактирование закладок окно дерева папок закладок было всегда развёрнуто?
http://pix.am/RUBk.jpg

voqabuhe

Как сделать, чтобы при редактирование закладок окно дерева папок закладок было всегда развёрнуто?

Отвечает Nestea_Zen:

paste this into the userChrome.css
#editBookmarkPanel #editBMPanel_rows > row[collapsed="true"] { visibility: visible !important; }

MySh
Спасибо, прикольно.  Правда теперь само окно развёрнуто всегда, а  дерево в нём как-то через раз получается развёрнутым. Вот бы ещё его заставить раскрываться всегда. Но зато в самом окне появилась строка с адресом.

.tabbrowser-tab
{margin-top: -5px !important;}

Это поднимает верхнюю часть вкладок .

А как более подробно настраивать :
расположение по высоте такста во вкладке ,
расположение нижней и верхней граници вкладки по высоте независимо друг от друга .
или просто
как регулировать толщину и высоту расположения панели вкладок(не закладок!) .
+цвет (необязательно)
сейчас я на версии лиса 3.6


----------------------------------------------------------------------
И вот ещё по поводу тёмного стиля для лиса ,
мне уже долгое время приходилось пользоваться настройкой винды 7(ломаная персонализация) ,
Конкретно изменённой темой винды высокий контраст #№2 (тёмная тема) .
Но это немного неудобно хотя винда на ней явно быстрее ,
например темы лиса запустить можно только на классической теме винды или на аэро ,
потом переключаю винду на высокий контраст #№2 и всё становится тёмным .Тема на лисе не слетает !! до выключения компа :(

Достаёт то что у некоторых тем при открытии новой вкладки бьёт белый фом во весь экран (про это тоже отдельно хочется знать как в тёмный фон сделать).
У темы лиса NASA например тёмный фон при открытии новой вкладки https://addons.mozilla.org/ru/firefox/a … b-dl-users

+ косяк при включенной темой виндывысокий контраст #№2
не отображаются на страницах гугла значки безопасности расширений WOT и АВАСТа , но значки Нортона отображаются о_О

alexalex22 пишет:

.tabbrowser-tab
{margin-top: -5px !important;}

Это поднимает верхнюю часть вкладок .

А как более подробно настраивать

Я так настраивал

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

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#navigator-toolbox[tabsontop="true"]{
margin-top: -2px !important;
margin-left: -2px !important;
margin-right: -9px !important;
}

#TabsToolbar{
min-height:24px !important;
margin-top:-6px !important;
margin-bottom: -3px !important;
margin-left: -3px !important;
margin-right: -2px !important;}

.tabbrowser-tab{
min-height:22px !important;
margin-top:-2px !important;
max-height:22px !important; 
}

/*Текст по высоте*/
.tab-label {margin-bottom: 17px !important;}


14-06-2013 12:43:01

alexalex22 пишет:

+цвет (необязательно)

Цвета можешь взять из любого стиля, их много и подстроить под себя. Вот например из

Выделить код

Код:

.tabbrowser-tab:not([selected="true"]):-moz-lwtheme,
.tabs-newtab-button:-moz-lwtheme {
    background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4) 1px, rgba(0, 0, 0, .05) 1px, transparent 1px),
                      -moz-linear-gradient(rgba(255, 255, 255, .4), rgba(255, 255, 255, 0) 50%),
                      -moz-linear-gradient(RGBa(0, 0, 0, .5), RGBa(0, 0, 0, .5)) !important;
}

.tabbrowser-tab:not([selected="true"]):-moz-lwtheme:hover,
.tabs-newtab-button:-moz-lwtheme:hover {
    background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4) 1px, rgba(0, 0, 0, .05) 1px, transparent 1px),
                      -moz-linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .1) 50%),
                      -moz-linear-gradient(RGBa(0, 0, 0, .5), RGBa(0, 0, 0, .5)) !important;
}

.tabbrowser-tab[pinned][titlechanged]:-moz-lwtheme {
    background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4) 1px, rgba(0, 0, 0, .05) 1px, transparent 1px),
                      -moz-radial-gradient(50% 3px, circle cover, white 2%, rgba(255, 255, 255, 0) 50%),
                      -moz-linear-gradient(rgba(255, 255, 255, .4), rgba(255, 255, 255, 0) 50%),
                      -moz-linear-gradient(RGBa(0, 0, 0, .5), RGBa(0, 0, 0, .5)) !important;
}

.tabbrowser-tab[pinned][titlechanged]:-moz-lwtheme:hover {
    background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4) 1px, rgba(0, 0, 0, .05) 1px, transparent 1px),
                      -moz-radial-gradient(50% 3px, circle cover, white 2%, rgba(255, 255, 255, 0) 50%),
                      -moz-linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .1) 50%),
                      -moz-linear-gradient(RGBa(0, 0, 0, .5), RGBa(0, 0, 0, .5)) !important;
}

}

Огромное Спасибо
, работает :)

-------------------------------------------------------
возможно ли удалить кнопку(список всех вкладок) ну или ЕЁ сильно уменьшить,
лиса 3.6 ,
Через //ВИД//панель инструментов//настройки не получается :(
http://s020.radikal.ru/i701/1306/12/3eddd507c017.jpg
-------------------------------------------------------------------
И ещё .
Чуть выше рекомендовали скрипт(прозрачность разных меню) Transparent menus - Black Mica Fx4*
http://forum.mozilla-russia.org/viewtop … 34#p614834
отличная штуковина , но у меня наблюдается странный косяк с контекстным меню
т.е. оно единственное не обладает прозрачностью и отличается шрифтом .
Может в скрипте чего напутано . Как исправить ?

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

На скине для наглядности включил обычную тему винды аэро и поместил контекстное-меню и меню-инструменты .

скрытый текст
http://s018.radikal.ru/i507/1306/42/375885a1d72at.jpg

Эх если'б возможно'было и на винде7 прозрачными менюшки сделать .

alexalex22 пишет:

возможно ли удалить кнопку(список всех вкладок)

у меня [firefox] не 3.6, но попробуй

Выделить код

Код:

#alltabs-button { display: none !important; }

alexalex22
Не знаю как на [firefox] 3.6 и на 7-ке, на ХР [firefox] 23 работает.

скрытый текст
/*Прозрачность и цвет меню, 0-прозрачно, 1-непрозрачно*/
menupopup
{-moz-appearance: none !important;
background: rgba(165,177,186, .3) !important;
}

Цвет и прозрачность регулируются.

iDev.Pi пишет:

у меня [firefox] не 3.6, но попробуй

не помогло .
----------------------------------------------------------------------------------


villa7 пишет:

Не знаю как на [firefox] 3.6 и на 7-ке, на ХР [firefox] 23 работает.
скрытый текст
/*Прозрачность и цвет меню, 0-прозрачно, 1-непрозрачно*/
menupopup
{-moz-appearance: none !important;
background: rgba(165,177,186, .3) !important;
}

Цвет и прозрачность регулируются.

Это  не сработало ,
пробовал отключил все стили кроме этого и тоже нет прозрачности на контекстном меню .
---------------------------------------------------------------------------

16-06-2013 04:38:19
есть ещё идеи ?
http://s020.radikal.ru/i701/1306/12/3eddd507c017.jpg
например как эту конкретную кнопку не убрать , а сильно уменьшить .
Ведь на все сразу кнопки ( и на эту тоже )
легко работает такой скрипт -

скрытый текст
.toolbarbutton-icon{-moz-appearance: none !important;margin: 0 !important;padding: 1px !important;width: 60px !important;
height: 60px !important;
}

alexalex22
Ох, пришлось [firefox] 3.6 ставить.

скрытый текст
/*Спрятать*/
.tabs-alltabs-button, .tabs-alltabs-box-animate
{display:none !important;}

/*Прозрачность*/
menupopup, #contentAreaContextMenu
{-moz-appearance: none !important;
background: rgba(165,177,186, .3) !important;}

/*Уменьшить */
.tabs-alltabs-button{ max-width: 7px !important;
min-width: 7px !important;}

Не забывайте после изменений браузер перезагрузить.
http://s019.radikal.ru/i634/1306/eb/6757ec1524ddt.jpg

villa7 пишет:

Ох, пришлось [firefox] 3.6 ставить.

Не забывайте после изменений браузер перезагрузить.

Спасибо огромное сработало .

Подскажите, как изменить цвет шрифта выделенного пункта в боковой панели закладок?

voqabuhe
>цвет шрифта выделенного пункта в боковой панели закладок?
#BMB_bookmarksPopup > menuitem:hover, menu:hover{color: green !important}
Кажись так.

negodnik пишет:

#BMB_bookmarksPopup > menuitem:hover, menu:hover{color: green !important}
Кажись так.

Не то, в закладках ничего не изменяет.

voqabuhe пишет:

как изменить цвет шрифта выделенного пункта в боковой панели закладок?

Выделить код

Код:

#bookmarks-view-children::-moz-tree-cell-text(selected) {
    color: green !important;
}

https://developer.mozilla.org/en-US/doc … ing_a_Tree

Infocatcher
Во, это то, что нужно. Спасибо.

Подскажите, как изменить размер и цвет шрифта в окне редактора стилей Stylish

voqabuhe
http://userstyles.org/styles/58692/orio … i-inspired

2k1dmg пишет:

http://userstyles.org/styles/58692/orio … i-inspired

А зачем мне Orion? :)Но за идею спасибо, нашёл на userstyles.org, то что мне было надо, что-то тормознул сразу там посмотреть. :dumb:

Пытаюсь перемеcтить дополнения в Sidebar, возник вопрос. Как «Подробнее»  жёстко привязать к кнопке «Удалить»? А то она у меня на разных строчках скачет по всей панели. 
http://iceimg.com/i/61/cc/7ece26c6af.jpg

Можно'ли в Seamonkey выключить строку состояния что в низу , или лучше сильно уменьшить .
Изза того что скриптом

скрытый текст
.toolbarbutton-icon{-moz-appearance: none !important;margin: 0 !important;padding: 1px !important;width: 40px !important;
height: 40px !important;
}

кнопки увеличил , строка состояния стала гиганская , что не есть гуд .

alexalex22

#status-bar {
/*Скрыть*/
/*di