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.

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

А как стили создавать где можно найти 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 тоже можно:

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

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

Добавлено Sat Apr 19 21:27:50 2008 :
Точно нужно и Adblock Plus и Stylish первый предотвратит загрузку так как 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

Если требуется просто перевести синтаксис 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 (что из этого поддерживается, можно узнать здесь)

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

Если честно - я там мало что понял. Вернее я понял что это умное описание всех селекторов, но разбираться во всём этом в таком виде, как описано там - очень тяжело.
А тест показал, что мой 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)
Результат меня не впечатлил.

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

amzoom

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

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

У меня нет широкоформата, чтоб проверить ну вообще попробовал что то сделать. На 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;}
}

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

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

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

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

Например, так «сделаны» 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

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

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

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

Кстати, можно задействовать 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);

Это скорее 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); }

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

Это я про 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

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

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

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;
Насколько я знаю, числа должны быть разными.

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

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

как то так

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

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

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

div[id="page"]

и

#page

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

Вроде как да.

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

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

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

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

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

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

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

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

amzoom

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

javascript: alert(document.cookie);

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

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

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

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

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

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

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

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

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

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

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

amzoom

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

это оно?

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

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, но рисковать неохота

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

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

<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, а напишите, пожалуйста, стиль для Руборда - задолбала тамошняя реклама

Проще (и полезнее) поставить Adblock Plus:

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

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

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

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

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

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

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

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

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

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

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 :

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

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

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

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

Добавлено 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, спасибище огромадное

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

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

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

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

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

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

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

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

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

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

Виста тут не при чем.Нужно выбирать стили.Не все и не на всех версия 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 :

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

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

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

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

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

Пофиксено, стиль обновлен на 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, что-то ничего не обновилось... Сорри, вот теперь всё отлично, спасибо!

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

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

Добавлено 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 ,на тот,который нужен вам.

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

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

в смысле они применяются сразу на все страницы чтоль?
ну первой строкой в стиле обычно идёт определение пространства применения (@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;}

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

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

Не использую

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

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

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

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

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

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

vv07

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

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

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

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

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

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

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

vv07

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

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

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

MySh

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

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

Фома HTML Colors

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

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

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

Мне чёрный понравился больше. Из-за своей жёсткости прям. Такого инета - нет ни у кого
ну а чтобы просто сменить черный на серый фон в матрикс...
ну я думаю не сложно догадаться, что нужно сменить в коде только цвет для 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;}

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

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

По кнопочкам сразу поясняю.Это делал я сам Тут треба самому или готовые настройки использовать,но сразу оговорюсь,свои давать не буду.
Для того,что получить эффект прозрачности,используйте этот стиль
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;
}

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

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

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

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

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

@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 планету земля в браузере установил - спасибо .

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

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

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

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

@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

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

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

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

Фома
ну вот впихнул сколько кнопочек было в Toolbare



надо просто установить All-in-One Sidebar, настроить его в расширенном режиме а затем создать новую панель инструментов через правый клик мышки по панели >Настроить

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

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

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

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

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

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

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

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

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

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

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

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

Мда уж.Весьма неприятная ситуация.Стилишь создает проблемы с установкой тем,для лисы в 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/ и мне нужно сделать так, чтобы прокручивалась лишь вредняя часть сайта, а верхняя полоска, левая и правая стояла на месте, ну а так же поинтересоваться - возможно ли вообще полностью менять сайт "под себя" ? фоны, цвета, кнопки выносить куда удобно и прочее?
даже не просто верхняя полоска а больше немного, просто на главной странице удобно чтобы вся средняя часть сайта крутилась вниз, а на странице профайла удобно что бы крутилась тоже средняя часть сайта, но не сверху а от фотки скажем. Просто мне как модератору сайта желательно чтобы всё под рукой было (:

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

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

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

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

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

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

Всем привет   вопросик такой - можно ли написать стиль чтобы бегунок прокрутки на страницах соответствовал общему стили странички. Чтоб было понятней выложу скрины Оперы и FF.

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

@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 Молодца, твой стиль работает   А то что FF не отрисовывает стили полос прокрутки я знаю, поэтому и спрашивал о возможности самому это реализовать.

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

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

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

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

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

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

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

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

Romanych

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

Drug0y

А смысл? На 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;}
}

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

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

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

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

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

Опять же в формате для 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; }
}

спасибо

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

Хм... Задам вопрос собссно по Stylish, а не по написанию стилей для него. Есть ли вариант настроить сортировку стилей в этом меню по алфавиту, а не по времени написания/добавления? Сортировка в окне 'Manage Styles' на меню никак не сказывается
       

сайт 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

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

P.S. Лечится

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

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

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

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

Замечание п. 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. Совершенно невменяемое поведение.
Единственная полезная фишка — значок в панели состояния становится цветным, когда есть активные стили для текущего сайта.

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

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

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

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

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

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

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

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

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

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

Infocatcher

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Style-Thing

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

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

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

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

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

UdGin
Hide Chrome

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

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

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

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

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.
Как у верхней панели Tab Sidebar'a поменять цвет на свой, или как-то придумать, чтобы фон был у нее?
2. Тот же рисунок, вопрос: как убрать серый цвет у панели URL bar вверху (ну чтобы она была такой же черной как поисковая панель)? Подозреваю, что нужно подкрутить в Stylish скрипт Transparent Firefox http://userstyles.org/styles/3874, только я хз как его там крутить

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

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

Lain_13

И ещё этого

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

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

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

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

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).

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

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

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

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

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

Lain_13

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

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

Tab Overflow Scrollbar

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

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

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

Крошка Ру

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

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

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

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

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

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

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

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

Отлично

Поставил расширение 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;
}

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

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

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

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

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

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

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

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

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

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

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

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

Никто не подскажет, как убрать белое оттенение снизу на кнопках "вперёд"-"назад" здесь:

пробовал

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

не помогает

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

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

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

profanatic
luitzen
Вы не поняли, все стандартные кнопки на панели навигации — это куски одной большой картинки.

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

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

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

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

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

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

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

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

свойство

[stylish-hour="22"]

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

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

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

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

Данный стиль делает адресную строку, прозрачной, и изменяет форму на квадратную,
Как иправить код: чтобы не трогал форму, а придавал только прозрачность?   
@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;

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

-moz-appearance: none !important;

и

background: transparent !important;

УРАААААААААААА!!! Infocatcher чпасибо за науку. Все получилось!

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

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

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

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

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

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

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

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

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

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

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

Подскажите, как можно увличить border главного окна firefox через styllish?
иди через другое дополнение?
разумеется, я могу поставить border для всех окон в винде, либо написать на winapi ловушку для
но хотелось бы проще
возможно создать какие-то невидимые панели по бокам и снизу..
**

вот так хотл, но это метод для всей винды

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

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

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

#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
Каким кодом можно приделать "анимацию" к этой кнопке. Т.е. чтобы при наведении и нажатии на нее была какая то реакция

Или убрать

/* Для 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.

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

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

оно убирает тайтлбар окна фф и помещает на меню-панель титульник страницы и кнопки минимайза-максимайза-закрытия (стилизованные под вин 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; } */

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

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

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

14-05-2010 18:03:30

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

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

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

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

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

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

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

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

ЗЫ: этот стиль очень красиво смотрится на семёрке вместе с Glasser и HideMenuBar
ЗЫЫ: если желаете помочь и не поняли о чём я - могу предоставить скриншоты

постил бы уж сразу.

iDev.Pi, пожалуйста:

скриншоты

кто-нибудь, дайте id элемента - разделитель в #browser-bottombox между файндбаром и статусбаром. Или скажите как заставить ДОМи показать файндбар.
п.с.: для последней найтли 4.0

Inspect Context или Inspector Widget?

Al_H
спасибо, но не помогло. Оказалось, что в доми нельзя жать кнопку inspect если хочется проинспектировать сёрчбар: нажатие на эту кнопку скрывает сёрчбар и инспектирование дерева уже идёт без сёрчбара. В принципе, теперь я это знаю и всё что мне было надо - сделал (писал стиль для аддон-бара).

Inspect Context должен был точно сработать.

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

Можешь также заменить иконку папки как у меня

bunda1
да, теперь отодвигается все нормально.
Просто это немного не то, что хотелось. Сейчас сдвижка в сторону идет от последней закладки (папки), а так как их кол-во периодически меняется, то и положение этой папки тоже изменится - когда не доходит до края, а когда совсем уходит за край...
Т.е. другими средствами, кроме как сдвижкой, нельзя прижать папку к самому краю?

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

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

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-тег? ^)

На Stylish такого не вытянуть?

Ξ SoaT Ξ
нет. CSS этого не позволяет. А вот юзерскриптом - можно.

iDev.Pi, тоесть это мне придётся JS учить? эх

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

для фороникса
кому надо/хочет дополните...
на юзерстайлс акк нет.

PS. мне не стыдно

okkamas_knife
я думаю, он имел в виду заменить загрузку флеш плеера для видео таким образом, чтобы видео игралось через встроенный в лису хтмл5 плеер.
FoxReplace такого не позволяет, но есть гризманки скрипты для этого, но их тяжело заставить работать (я нашёл только 1 который удалось заставить работать, но он требует установки СССР кодек пака).
Ξ SoaT Ξ
FlashVideoReplacer - только что нашёл это дополнение на АМО, сам ещё его не попробовал. По идее оно должно уметь и h264 видео показывать, т.к. видео оно отображает через плагины и если в плагин может подцепить этот кодек (если он установлен в системе), то всё ок. Но это конечно не замена на HTML5, но всё же видео плагины потребляют меньше ресурсов чем флеш для видео.

Интересное решение. Попользую это пока-что. Но искать буду дальше)

Подскажите кто понимает,сделать элементарный стиль только чтобы поменять фон страницы,просто чтобы белый поменять на бледно-желтый(например #FFFFF0),не трогая ни ссылки,ни заголовки.

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

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

вряд ли. Только посмотри обилие дополнений типа "download vie from youtube" - их миллионы.

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

кажется это обычный глюк флеша, т.к. бывает смотришь видео, нажал паузу, перемотал куда-то, снова перемотал - и видео уже не показывается. Ф5 иногда не помогает, надо именно ctrl+f5. У меня такое иногда бывает. С древних времён и сейчас даже на 3.6.

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

okkamas_knife

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

Привет!
Кто может подсказать?
на Firefox 4.0b7 не работают стили связаные с текстом
Например это очень надо:

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
Код надо вставлять не «затем», а между фигурных скобок.

Тьфу блин! Вот нуб.

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

P.S. Все дела на FF 3.6.13

ответили на ру-боарде:

Добавил в конце стиля данную строку - теперь все ок!!!

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.

2.

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

Nick Stern
попробуй toolbar>*:hover{background-color:transparent!important}

Не совсем то, изменяется цвет фона панели при наведении, а надо цвет фона кнопки. Попробовал с toolbarbutton-icon, не катит. Буду копать дальше.

а

toolbarbutton:hover{background-color:transparent!important}

?

25-01-2011 13:13:48

их все можно менять.
Достаточно знать CSS (сайт временно не работает, а так он очень полезный).
И знать названия элементов и их текущие параметры - для этого нужен DOMi. Запустил ДОМи - File - Inspect Chrome Document - 1 (основное окно). Inspect - чтобы снизу появилось его отображение. Дальше жмёшь "Find a node to inspect by clicking it" и кликаешь по интересующему тебя элементу - слева вверху в ДОМ-дереве сразу же раскроется и подсветится нужный элемент. В правом-верхнем окне кликаешь кнопку и выбираешь из списка "CSS rules" чтобы посмотреть какие правила применяются конкретно к данному элементу, либо "Computed Style" чтобы посмотреть сразу все параметры элемента. И тогда ты уже знаешь, какое свойство для какого элемента можно менять.

Огромное спасибо! Это как раз то, что нужно
/ушёл пилять свою собственную тему/

С моим вопросиком не поможете? Чуть выше.
И можно ли таким макаром выдрать стилишы из аддона, например из Personal Tab. А именно, как он перемещает строку адреса в строку меню, которую затем можно задвинуть в строку заголовка.

RusDS
для того чтобы убрать сокрытие аддон-бара надо для #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)

Спасибо. Понял. Так и сделал. Выходит ошибка. Удалил

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
если вам просто убрать автоскрытие надо, то:

#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 и
iDev.Pi

если сместить именно начало текста, тогда попробуйте
#urlbar .urlbar-input-box {
   padding-left: 30px !important;
}

Ок! Великолепно! и масштабирование не плывет.
В оригинале все смещено в край без параметров, видимо через 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, даже этим "извращением" не выходит, пробовал и так...
А как сделать это скриптами? Я просто с ними мало знаком

Спасибо!

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

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

Нашел ранее, но выпало из головы, как задавал сдвиг. Обновил отредактированный скрипт, и все пропало шеф.

Здравствуйте, есть вопрос по 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)
отображается он у Меня так, 
а хотелось бы так 

Помогите кто чем может!

Цвет случайно получился чёрный,там главное убрать лишнее место с лева чтоб видео и комментарии полностью в перешли в левую сторону.
и по больше места осталось для превьюшек,и ещё бы для них отдельный скролл.чтоб прокручивались превьюшки ,а видео оставалось на месте.
Нашла стиль почти то, но не совсем называется( 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 делал таким образом а сейчас не помогает 

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

Кто-нибудь сталкивался с полоской под активной вкладкой, и знает, как её фиксить?

Nero Wolfe

чуть уменьшилась по вертикали но не так как раньше было ..... если сейчас вертикаль 2см то с твоим стилем где то 1.6 см а у меня было 1 см !!!

По-русски "узкие по вертикали" - значит низкие.
tab { height: 15px !important; }

28-03-2011 22:25:58
Tiger.711
Сталкивался. Никак.

kwinto
вот тут можно менять высоту

.tabbrowser-tab, .tabs-newtab-button {
  height: 24px !important;
}

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

В 4.0 убирается. В 4.2 что-то изменили в отображении интерфейса настолько кардинально?

Давненько я просил стиль для того, чтобы закладки на панели закладок после последнего разделителя отгонялись вправо.
luitzen и Infocatcher придумали вот такое:

Теперь же, перейдя на FF4 этот метод перестал работать
Помогите! Что можно сделать в данном случае?

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

У меня тоже. Точнее - полупрозрачным (-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; }

посмотри на низ активного таба

На первом скрине (http://imagepost.ru/images/817/29gV8lD.png) табы именно сверху. Если они не вверху то границы между низом таба и навбаром и быть не может - табы ниже.
У меня тоже не темный вариант, полоски нет:

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

shumomer
нет, позицию табов, по определённым причинам, люди могут менять стилем, а настройку "tabs-on-top" выключать по тем же причинам.
Вот я например так делаю:

Эээ... А можно узнать причины такого странного поведения - отключить стандартное свойство а потом стилями приводить к тому-же виду?

ЗЫ Ща опробую как с вашими стилями себя поведет.

31-03-2011 01:34:27
Хм.. У меня этот стиль вклдки на верх не перекидывает.

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

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

Другой вопрос: как можно в окне панорамы перетащить кнопки в строку заголовка, и можно ли туда добавить ещё пару кнопок? В частности, интересует "вкладки с других компьютеров"

Infocatcher
спасибо, отлично работает!

Я тут немножко статью написал. Скажите кто-нибудь - полезна ли?

Ну разумеется полезна.
Хотя тут нужно мнение чайника.

По содержанию: кнопка Attributes Inspector не особенно нужна — такая кнопка есть в самом DOM Inspector.

Sid
Вот мнение чайника я и ждал.
Без Attributes Inspector-а не получится некоторые вещи удобно отследить, которые скрываются-показываются только при определённых условиях или менюшки контекстные какие-то. ДОМИ сможет только ДОМ-дерево показать, а вот нажмёшь "инспект" - и элемент исчезнет. А тут тебе наглядно да рамочкой всё показано.

iDev.Pi

В панели слева тоже можно переключаться.

http://forum.mozilla-russia.org/viewtop … 33#p461033

Если уж на то пошло, то ; перед } можно не писать.

Это от Stylish.

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

Во, спасибо. Я помнил, что у Владимира где-то более достоверную информацию видел, но не нашёл на его сайте.

можно. Только там не все пункты есть из тех, что есть в правой части.

Ок, упомянул об этом.

iDev.Pi, Sid
Отзыв от чайника:
Большое спасибо за статью! Что такое вообще CSS, зачем оно в принципе нужно и как приблизительно работает, я знал и раньше, но благодаря статье открыл для себя много нового, в частности, целую кучу полезных инструментов и метод их эффективного применения на практике.

Отзыв от суперчайника:
Статья очень нужная и полезная,правда пользы мне почти не дала,по причине невозможности освоить DOM Inspector.Не знаю уж,что там и как,но по изложенной инструкции,он работать не хочет увы.

MySh
Рад, что статья понравилась.

vv07
А чего конкретно там не работает? Attributes Inspector открывает DOMi сразу на нужном элементе. Этот элемент показан в лейвой части окна в ДОМ-дереве. А в правой части окна выбери, например, computed style и посмотри все свойства и их значения для выбранного элемента. Крутишь этот список и видишь, чего бы подкрутить под себя хотелось бы.

iDev.Pi Чудненько .... полезна несомненно

Крошка Ру

И второй вопрос: можно ли стилем задать подсветку непрочитанных вкладок?

Подскажите, как поменять цвет папок в панели закладок в FF4 ?
Спасибо.

http://forum.mozilla-russia.org/viewtopic.php?pid=484498#p484498

Chis
для примера, вот так:

существующие какртинки (в base64) запросто меняешь на свой вкус...

Inko7
Спасибо, звездочки-супер.

А это как?

http://forum.mozilla-russia.org/viewtopic.php?pid=484498#p484498

Chis
Самый простой вариант: вызываешь диалог добавления новой кнопки для Custom Buttons, через "Обзор" выбираешь свою картинку и жмешь кнопочку "Base64". Полученный код и есть то, что тебе надо.

Подскажите, как сделать линию под вкладками, которая бы окрашивалась в цвет активной вкладки, для стандартной темы FF4? (На скрине сравнение со стандартной темой FF3 + Aging Tabs) Или, как убрать тонкую линию только под активной вкладкой?

mitraleks
включить 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; }

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

Я сделал так:

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

И тем самым убрал нижнюю линию у активной вкладки

Может кто-нибудь помочь с этим стилем:

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

Чтобы он отображался так даже в не развернутом окне:

Использую для аддонбара вот такой стиль

@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 меню под оранжевой кнопкой имеет темный фон и черный шрифт (похоже на фоны из стартового меню), соответственно очень плохо все видно. Как сделать чтобы ФФ использовал для своих меню системный цвет? Скрины не выкладываю, т.к. это все дома...

В принципе тем же паддингом можно исправить смещение текста на 1 пиксель вниз, но основной баг не в этом - вот если бы у вас был Tree Style Tab с горизонтальным таббаром - вы бы заметили глюки, которые вызывал бы такой стиль.

Громоздко и нет уверенности, что цвет точно такой же, как и при 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

Установите стиль http://userstyles.org/styles/42417/ff4-tabs-in-titlebar-in-restored-window (в дополнение к вашему).
Возможно слегка высоту таббара или кнопки придётся подкрутить, чтобы подогнать.

Что-то типа такого:

.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
попробуй в Настройки -> Содержимое -> Цвета   поставить галку у "использовать системные цвета".

Спасибо за код !
Но почему-то на чистом профиле FF4 почему-то просто не появляется второй ряд табов и все вкладки фиксированной укороченной длины. Последнее, как я понимаю, в принципе нельзя исправить? Просто  какой-то другой код на FF3.5 пробовал, там тоже табы фиксированной длины становились

Юзер
Нет, заставить их иметь нефиксированную ширину нельзя, но вместо укороченной подогнать под нормальную - можно.
tab:not([pinned="true"]) { min-width: 200px !important; }
и поиграться с цифрой 200.

Подскажите как уменьшить расстояние отмеченное красным, заранее спасибо.

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

iDev.Pi
на самом деле из того что изменяет тулбар стоит только Stratiform 1.1

lolder
не могу воспроизвести такого поведения с этим адд-оном. В любом случае - стоит об этом баге писать автору этого дополнения.

Блин, что сделали со Stylish 1.1.2?
Раньше управление стилями открывалось в отдельном окне, а теперь в менеджере дополнений и если начинаешь редактировать какой нибудь стиль, ФФ становится не активным, на другие вкладки не переключится Смысл тогда в предварительном просмотре, все равно нифига не видно...

Апдейт Нашел как исправить:

Спасибо за совет, но там остается очень мало места для перетаскивания окна, я решил проблему подругому, установил Movable Firefox Button!

Подскажите, как сжать  и встроить в Панель дополнений  findbar?

Этот вопрос решил, нашёл Findbar within Addonbar (Firefox 4) . Возник другой.  При нажатие на кнопку Стилиш  появляется список установленных стилей.  Как сделать, что бы в этом списке отображались все установленные стили и в алфавитном порядке?

extensions.stylish.manageView поставить значение 1, тогда окно со стилями будет открываться отдельно, а там можно сортировать стили!

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

Ммм понятно теперь что требуется, но к сожалению я не знаю как это реализовать, возможно с помощью стиля можно сделать но я в этом не силен

Всем привет!
Установил FlashGot (приложение для скачивания мультимедиа)
После установки приложения в правом нижнем углу экрана появился страшный грязно-серый значок приложения
Скажите пожалуйста, можно ли изменить, заменить или нарисовать свой значок при помощи Stylish ?
Я установил этот Stylish, но толком не пойму как им пользоваться

leex небольшой обзор плагина Stylish для Firefox

Ой, это кошмар какой-то. я неделю разбираться с ним буду (((
А есть ли что-либо попроще?
Просто указать на значок и заменить его на свой?

leex так это то самое и есть  

вот  стиль  для замены изображения  кнопки самого Stylish
>Custom Stylish Icons - если использовать его в качестве примера для создания своего стиля .... попробовать

... или через добавление в файл userChrome.css - это практически то же самое , но со своими нюансами ... подожите - кто-нибудь подскажет.

Можно конечно попробовать открыть архиватором и поменять значок

пример

#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, я вставил ваш код в эту программу, но никаких изменений со значком не произошло
Вот посмотрите пожалуйста,  может быть я чего упустил?

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

leex
Значок должен поменяться после того как окошке Stylish нажмешь Save. Про ссылку я не понял, просто скажи какую ты иконку хочеш.

leex , там помещена не ссылка а сама картинка, перекодированная в base64

Такую картинку хотелось бы В png сохранил, чтоб фон вокруг стрелочки был прозрачным

Ааа теперь по тихоньку начинаю понимать ))

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!!
Теперь сам попробую перекодировать другие картинки как показал(а)??) Крошка Ру, и в вашем примере заменить своими

Всем Большущее спасибище

leex  только размерчик крупноват - подыщите 16х16 пикселей, например здесь >
http://findicons.com/search/download

http://www.iconsearch.ru/search/?q=download&x=6&y=4

http://www.iconfinder.com/search/?q=download

Ух ты!!
Отличный ресурс! Такое множество всего )))

leex

Он не грязно-серый.))) Это наложение голубого и розоватого в середине.

Проще всего поменять картинку на свою такого же размера и типа и имени внутри архива самого расширения.
У меня так сменены значки у 4-5-ти расширений. Проще простого. Нужно только владеть навыками работы с архиватором, а чё там владеть-то? )))
xpi - это zip со средним сжатием, а jar - это zip без сжатия.

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

Крошка Ру
Понятное дело. Делов-то - у пяти расширений.)) Это первый раз долго - когда разбираешься, а потом на автомате - чик-чирик.
Я ж и в браузер своих 11 кнопок в код всобачиваю перед установкой и др. и у некоторых расширений косметически кой-чего подправляю.

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

Кстати, очень интересно! То есть вы хотите сказать что есть возможность распаковать архив, заменить то что надо, а потом опять собрать?
Какой программой это можно сделать??

И еще, я часто пользуюсь он лайн переводчиком http://translate.google.ru/#ru|en|
Но чтоб перевести фразу, постоянно приходится искать эту ссылку в закладках
Можно ли значок этой страницы поместить в панель навигации рядом с адресной строкой, или например, засунуть его в какой-либо тулбар можно в сам ГуглТулбар??

Спасибо

leex

Архивы (xpi и jar) - это просто переименованные zip - любой архиватор для zip подойдёт. WinRAR или что угодно. Можно ассоциировать архиватор с этими типами файлов - они и открываться будут по даблклику по ним.

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

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

Спасибо за ответ, буду пробовать

Панель закладок не желательно включать. Я ее специально не использую. Все во имя экономии свободного пространства монитора
Другого способа нет?

Custom Buttons :: Дополнения Firefox
Custom Buttons | Форум Mozilla Россия
Готовые кнопки для Custom Buttons | Форум Mozilla Россия

есть: через custom buttons.
например

leex
под спойлером скриншоты > пост № 464  - где искать иконку

leex , у меня кнопка переводчика на панели инструментов > Custom Buttons+Translate page/selected with Google

.... и ещё расширение Quick Translator 

Может офтоп конечно.. Но ктонить подскажет, есть ли какие-нибудь мастхэвные стили для 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 - он правда немного неверно работает, показывает окно ошибки не посредине, а в правом верхнем углу. Было бы неплохо еслиб ктонить это исправил

P.S.
А для Гугли нашел Google Redesigned - красотища неописуемая

Raf-9600 использовал больше стилей, но на ночнушках то само расширение отвалится, то стиль какой-нибудь работать перестаёт

да,пробовал - с ним сервисы от Google  выглядят очень неплохо , но например тому же Google Reader  с его помощью не предать минималистичный вид

Raf-9600
спасибо за стиль, понравился (правда надо бы его доделать, чтобы показывал информацию о выбранном элементе, а то совсем всё резать - не правильно.

а пока - торгану тем, что у меня стоит (из чего многое писал сам):
Link style and color protection - некоторые сайты маскируют ссылки на страницах под обычный текст, т.е. иногда их не отличить от обычного текста (а в ряде случаев - это нельзя сделать, даже при наведении на них курсором). Стиль написан с использованием новейших CSS селекторов, поэтому для верной работы скрипта нужен .

Direct links indicator - его предназначение ясно из скриншота:

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

А вот мой "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; } */

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

iDev.Pi

Абсолютно согласен! Если доделаете его - маякните в этой теме

На Fx4 без проблем работает. Но то что он подчеркивает абсолютно все ссылки, немного портит дизайн.

Аще прелесть! Теперь буду красивенькие иконки для него искать %)

upd
Правда заметил неприятную особенность, добавленные иконки иногда деформируют разметку страницы, пример http://leconte.deviantart.com/gallery/#/do6ny0

найдёшь/нарисуешь все в одном стиле красивые какие-нибудь - дай знать.

вряд ли оно работает так же как на : при наведении на ссылку в 4 - она же не подчеркнётся волнистой линией как в ?

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

на досуге думаю доделать, ок - маякну.

да, от этого не убежать, ведь мы физически удлиняем ссылку на ~16 пикселей, + догоняем высоту ссылки до тех же ~16 пикселей.
Соответственно в 1-ом случае ссылка на странице может находится в табличной ячейке рассчитанной под её точную длину, а мы туда ещё 16 пикселей по горизонтали добавляем, и ссылка сдвигается вправо. Правда сама иконка тоже кликабельна, так что на функционал это не должно влиять, только на эстетику: разметка поехала и стало не так красиво.
А во 2-ом случае если ссылка была написана мелким шрифтом (меньше 16 пикселей на строку) - то она таки будет увеличена до этих 16-ти.
Если где-то этот сдвиг разметки пагубно влияет на функционал, то можно в код везде дописать :not(:hover) и тогда при наведении на такую ссылку с иконкой - иконка будет исчезать. Правда навести более чем на 1 ссылку в 1 момент времени - конечно же не получится.
А можно просто кастомизировать стиль под себя: добавлять в качестве исключений страницы/сайты, на которых ему не стоит срабатывать.

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

в стиле заменяем
#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"],

Обязательно.

Нет %)

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

Но это наверно уже фантастика %)

Это однозначно не подходит, ибо если указана прямая, не "скрытая" ссылка, то в конце и так будет видно расширение.

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

Если я правильно понял, то Вы имеете ввиду что к примеру тут https://addons.mozilla.org/ru/firefox/addon/proxilla/ и тут http://userstyles.org/styles/20586/neon-link-focus (на этих сайтах) стиль не будет подставлять свою иконку в превьюшных картинках. Если так, то это совсем не недостаток, а ИМХО огромное достоинство! Ибо в превьюшках иконки нафиг не нужны.

Единственный вариант что пришел мне в голову, это сузить текст на эти ~16 пиксилей. Можно к примеру на всех таких ссылках использовать какой-то особый симпатичный, и одновременно узкий шрифт. Но тогда если текст был очень маленького размера, то после такой "кастомизации" его вобще нельзя будет прочитать.
Вобще, в идеале, было бы классно если бы стиль был умным, и сам решал, когда нужно сузить текст (чтоб не деформировал разметку, как на deviantart), а когда сужать ничего не нужно (как на этом форуме).

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

ИМХО не совсем идеально получилось. Если у аддона длинное описание, и на него кликнуть, то появляется нижняя полоска прокрутки. По-моему, гораздо удобнее было бы еслиб Вы сделали так как в аддоне Slim Add-on Manager, т.е. чтоб описание появлялось не сбоку от названия аддона, а под ним, и не растягивало страницу.

а ведь и правда, наверное стоит так сделать.

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

ну если заморочиться - то можно расписать, под мелкие font-size применять масштабируемость картинки (уменьшать её).
надо для этого в стиль дописать что-то типа:
:-moz-any-link[fontsize="12px"]:before { width: 12px; height: 12px; }
:-moz-any-link[fontsize="11px"]:before { width: 11px; height: 11px; }
и так под разные размеры шрифта.
По идее должно помочь, но я лично против ссылок мелким шрифтом - да и не так сильно эти мелкие 16х16 пикселевые иконки портят разметку страниц. На мой взгляд и так, как есть сейчас - вполне терпимо.

Ещё есть мысль сделать "щадящий" вариант. К примеру подставлять иконку только к не "скрытым" ссылкам, а вместо "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;
}

Ну вот к примеру всели сузить текст на deviantart (Download Image), то это никак не повредит ни читаемости, на разметке.
И да, можно сделать чтоб и без того мелкий текст, не сужался, тогда случаи повреждения разметки, будет сведены к минимуму.

а, и правда
очень не хочется заморачиваться - почему там .description текст не хочет на другую строку перелезать, даже если родительскому элементу height увеличить
простенький фикс: добавьте в стиль
.description-container { max-width: 800px !important;}

27-05-2011 17:42:56

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

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

та же претензия.

А это и было в оригинальном стиле. Он кажется до сих пор на юзерстайлс.орг обитает.

27-05-2011 17:51:00
Kamui
так происходит, потому что ты хочешь, чтобы подсвечивался урл-бар, когда ты выбрал в :focus на самом деле не его, а один из его дочерних (или суб-суб-...-суб дочерних) элементов.
Если же это сияние приделать к этому дочернему элементу (textarea, куда мы текст вводим), то это будет выглядеть ужасно, т.к. это сияние будет внутри урлбара (и то, мы можем его не увидеть, из-за фиксированного позиционирования элементов внутри него).
В общем такого сделать стилем нельзя. Только скриптом.
А стилем если хочется выделить как-то выбранный textarea элемент то можно цветом выделить фон, например. Причём это можно сделать красиво, применив css-animation и сделав этот переход от одного цвета к другом - плавным.

27-05-2011 17:53:12

я вообще не вижу по той ссылке (http://leconte.deviantart.com/gallery/#/do6ny0) что ты мне дал, чтобы там где-то нарушалась разметка с моим стилем.

Благодарю.

Ну если у файла длинный адрес, и ссылка на этот файл находиться под текстом, то это единственный способ увидеть его расширение не скачивая. Хотя не спорю, часть функционала теряется. Зато разметка цела %)

27-05-2011 18:01:44

У меня древний монитор, и разрешение экрана 1024:768 - http://i22.fastpic.ru/big/2011/0527/bc/10634663b31a2a67a06db83c3cc3ffbc.jpg

в принципе, тогда стиль будет срабатывать только при наведении. Если такое условие устраивает - то тогда нет и особой разницы где будет иконка - в статусбаре или в курсоре. А если так:
Cursor Indicator

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

27-05-2011 18:05:52

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

для этого в том стиле надо заменить:
:-moz-any-link
на
a[onclick], a[text-decoration="none"], *[role="link"]

для этого в стиле нужно убрать все строки вида:
, 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 вобще ничего не изменилось.

А есть возможность добавить Яндекс.Картинки в "черный список", чтоб там стиль не работал? К слову, в этот список нужно ещё 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 но вышеупомянутых настроек всеравно нехватает %)

Так он вроде как для Оперы? В Стилиш я его засунул, но никаких кнопок, ползунков, как там рассказывают, не наблюдаю.

mserv
Про кнопки-ползунки не знаю, но гугля\хабр\опер.ру успешно преобразились %)
Вот Global Dark Style кстати, кроме самого сайта, меняет ещё и курсоры, ползунки, и т.д. Только он темнее чем Night.css.

Решил проблему совмещением 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?

потому, что, пользуясь ими, ты потом тоже заметишь, что некоторые картинки (выставленные как фон для элементов) ты не видишь с этими стилем.
я тоже начинал с глобальных стилей которые действуют на все страницы сразу - у меня там в списке моих стилей был matrix - global style - то же самое (только совсем без рюшечек).
вот зайди с таким стилем на http://dirty.ru/ и найди там птичку в левом верхнем углу.

28-05-2011 14:05:13

в смысле внутри? внутри как дочерий элемент или внутри в смысле что ссылка-картинка?
если 1-ое - то нельзя никак.
если 2-ое - :-moz-any-link:not(IMG)

28-05-2011 14:20:32

ага, посмотри как он этот форум отображает под аватаром и репутацией серый квадрат некрасивый

Замени на красивый, что тебе мешает?

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}

то удалится стрелочка из адресной строки! Ну это что бы точно везде убрать

В Autohide Dropmarkers стрелки появляются при наведение  курсора на кнопку. Ты же предлагаешь убрать совсем, что не есть хорошо.

Ну да у меня просто нет кнопок к которым нужны стрелочки эти, если надо меню то, правая кнопка

iDev.Pi

Судя по всему, первое, потому что второе не работает (вернее, работает, но для всех ссылок сразу).

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

Нет, пока такое нельзя сделать через css.
но вообще это ИМХО шаг вникуда, так этот список вручную наполнять и актуализировать - запаришься. Проще либо не пользоваться, либо терпеть мелкие (ну ведь в основном это действительно мелкие) искорёживания.

а вот это сделать можно. Заменить 1-ую строку стиля вот такой:
@-moz-document url-prefix(http://forum.), url-prefix(https://forum.), url-prefix(http://forums.), url-prefix(https://forums.), regexp(".*/forums?[./].*")
но будет работать только в 6 и старше. Для более древних лис надо в конце стереть regexp()-овую часть

iDev.Pi Все таки ты был неправ, я сделал с помощью стиля то что мне нужно было, добавив следующий код:

textbox[focused="true"], #urlbar[focused="true"] {-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,255,0.4) !important;}

При этом подсвечивается не только адресная панель, но и файндбар и другие строки ввода в интерфейсе фокса!
Так у меня выглядит адресная панель когда она в фокусе:

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

я был ленив, чтоб проверить некоторые суб-элементы 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;}

^ этот для сайтов.

Этот подсветил  все текстовые поля на сайтах, и всю морду изукрасил

mserv
по области применения (@namespace) 2-ой стиль -  он не может влиять на морду браузера.
эта область применения аналогична тому, что ты бы стиль (без указания области применения) поместил в файл userContent.css
однако и правда, почему-то такое происходит

iDev.Pi

Не всё так просто с этой областью применения…

mserv
Если добавить это, то вроде бы оно работает как надо.

iDev.Pi у меня так и сделано как ращ после того как сделал подсвечивание текстовых полей на страницах, загорелся желанием сделать и урлбар таким же и еще к 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 да не за что за основу взяты стили: 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;
}

Решил попробовать написать стиль для сайта, был выбран free-torrents, как один из отстойных по дизайну и рекламе. В общем решил убрать все и оставить только список разделов форума, ну и естественно юзер бар. После долгих переборов столкнулся с проблемами в основном касающимися названиями удаляемых из отображения объектов.
Вот например не могу удалить пустое поле между юзер баром и списком разделов.
Посоветуйте как это сделать, если кто имеет опыт в этом.

А вот что пишет Firebug при наведении на это поле:

25-06-2011 12:55:22

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