StyleBot

[Ray]

Расширение действительно приятное.

[GlebLozhkovoy]

Оно ещё всё это сохраняет! Чудесно! Чудесно!)

[eli314]

Сейчас попробовал таким способом избавить хабр от рекламы ;) В целом расширение работоспособно ;)

[girichev]

И перестало отображаться видео в посте )

[Melnaron]

body > object

[girichev]

Спасибо, я в курсе, у себя сразу object вернул как было )

[NARKOZ]

Stylish

[q0p]

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

[smartov]

Вот интересно: чем это таким магическим с точки зрения браузера отличаются стили страницы и стили применённые поверх стилей страницы. Особенно в разрчезе того, что CSS потому и назван Cascade style sheet, что это наложение одних стилей на другие каскадно по-порядку либо по приоритету селекторов.

Ответ: ничем. Этот аддон работает точно по тому же принципу, что и stylish. Просто сделан удобнее для конечного пользователя.

[q0p]

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

[smartov]

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

[q0p]

там возникают проблемы, если например есть #a и у него дети .a .b и .c располагаются так, что .a находится над .b и .c а надо переменить их порядок или позиции, и там борьба идёт со всякими float-ами в сочетании с width:auto и width:100%, которые уже забиты и изменение их значений на дефолтные для этих селекторов — проблему не решает.
В общем, переделывая сайт секты вкантакти я научился разным хакам и приёмчикам, пытаясь сделать сайт по всей ширине.
1ый раз, когда я всё это делал — я только изучал css и многое не получалось, потом, спустя какое-то время, я переписал стиль, реализовав практически всё, что я хотел и максимально правильными (на мой взгляд) способами. И теперь он даже поддерживает отдельно скиннинг.
В общем, для подтверждения моих слов на примерах — потребуется много времени на описание условий. В общем — попробуйте, сами поймёте, что есть моменты, про которые я писал. Просто про них очень долго и не интересно рассказывать, извините.

[s0rr0w]

Если изучить матчасть, то не нужно будет изобретать гипервелосипеды.

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

body { background-color: red !important; } /*Было в оригинальном css*/
body { background-color: green !important; } /*Установлено через stylish*/


[q0p]

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

Ответ: зелёный, т.к. если и в коде страницы у правила стоит !important, и в стиле юзера стоит !important, то главней будет пользовательский стиль. Это основы основ, я не идиот и я знаю о чём я говорю, просто для того, чтобы всё это объяснить, да ещё и с примером — ради 1 мелкой ошибочки, требующей хака — потребуется страница текста.

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

[s0rr0w]

CSS не должно заниматься реогранизацией элементов в дереве. Для этого JS есть.

[q0p]

оказалось, что имитировать реорганизацию элементов — во многих случаях можно и средствами CSS, но вообще — да, согласен.

[s0rr0w]

С безумными затратами времени. Это разве того стоит?

[q0p]

Эти затраты (в совокупности с затратами на изучение азов CSS) — ничто, по сравнению с затратами на изучение JS, и потом, когда уже изучил как работают все хаки CSS — временные затраты стремительно падают.

[q0p]

даже скажу иначе: css настолько прост в освоении, что даже такому далёкому от программирования человеку, как мне — он оказался легко подвластным, а вот JS — быстро не изучишь, и для его изучения желательно знать азы программирования.

[s0rr0w]

Не перебиваются (наверное) разве-что инлайн-стили с импортантом, как наиболее приоритетные

Эти стили можно через Greasemonkey переопределить :)

[q0p]

кстати, если вы используете 4.0 ветку, то у гризманки появилась замена — scriptish — форк гризманки, в котором удалена совместимость со старыми версиями + работает с новым АОМ.

[s0rr0w]

Спасибо за наводку, установлю сразу же после перехода на четверку.

[s0rr0w]

Автору, для начала, стоит изучить специфичность.

[q0p]

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

[s0rr0w]

Садитесь, двойка по CSS.

[antonie]

Честно говоря, применения кроме сокрытия рекламы не вижу.

[PDEMON]

Можно черный квадрат сделать _)

[Nikolaich]

Попробуйте посмотреть еще раз, может, разглядите. На видео показано применение для правки верстки под себя «на лету». С учетом возможности сохранения — несомненная польза.

[antonie]

Хотя да. Неправ. Верстальщикам может пригодиться.

[Demir0]

Ну я пока справлялся и стандартными средствами хрома для верстки. Тоже на лету. Тут другое — можно сохранять.

[Demir0]

Вернулся к своему же комментарию) Поставил себе, например, чтоб новые непрочитанные сообщения выделялись более ярким цветом, а то монитор у меня не очень, а зрение тоже. Сохранил и все. Радость.

[brammator]

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

[gionet]

Оффтоп
Ребят, понравилась музыка

Откуда взято, может знаете?

[mikai]

Hans Zimmer — Time (Inception soundtrack)

[gionet]

Ганс Циммер

Ну как же, я должен был почувствовать…
Я влюблен в него после Гладиатора
Сильный композитор

[AmirL]

Не уверен, но кажется из фильма «Начало» и взято

[artifex]

Ещё один оффтоп. Существует плагин, который менял бы вид вкладок со столь ненавистных трапецевидных на прямоугольные? Или как это вообще возможно провернуть?

[Brun]

Хотелось бы такое и для FireFox.
Приятная утилитка не только в работе, но и в серфинге.

[s0rr0w]

Stylish. Даааавно уже есть. И давно уже пользуюсь. Шикарна.

[q0p]

Это не одно и то же.

[s0rr0w]

Да ну, в чем отличие? В рюшечках? Так мне они нафиг не нужны, у меня руки из плечей растут а не из места крепления ног

[Brun]

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

[q0p]

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

[s0rr0w]

У лисы давно уже есть нативные плагины. Ссылки чуть ниже.

[q0p]

ну я не пробовал сабжевое дополнение, а по видео не совсем понятно — оперирует ли оно только с CSS или и может, например, менять структуру элементов. Если первое — то да, Stylish изобрели уже давным давно (а возможность писать стили в userContent.css — вовсе подавно), ежели второе — то можно воспользоваться хромовским дополнением, если оно заработает.

[s0rr0w]

Для гиков Stylish, для любителей рюшечек Styles Tuner

[gionet]

Любопытно
Но у меня после установки плагина поехал дизайн сайта
В общем-то он у меня и так с ошибками был — я его допиливал напильником
Но мне показалось странным, что установка плагина отразилась на ОБРАБОТКЕ сайта тогда, когда я его об этом не попросил
Покамест отключил. Но штука хорошая!

[Levsha100]

Куда сохраняются настройки?
Можно ли заюзать бубунтовское облако(я имею ввиду Ubuntu One)?

[m1el]

Все настройки хранятся в localStorage, которое хранится в каталоге профиля хрома/хромиума.

[pvasili]

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

[m1el]

Тормоза в папке? Нет, хром хранит localStorage для отдельных плагинов в sqlite. В папке тормозов не будет, а вот в хроме…

[RiderSx]

Хабр преобразовался :) Спрятал рекламу и сайдбар, основной блок растянул на 100% :)

[Dimchansky]

Код css в студию! :)

[RiderSx]

pastie.org/1177342

[Dimchansky]

А видео в этом окне у Вас не пропало при этом?

[RiderSx]

О_о пропало, даже не заметил :)

[huze]

На автомате спрятал рекламу на самом pastie =)

[medin]

Что-то Директ с хабра не хочет уходить с помощью этой штуки

[Demir0]

В Edit CSS скопируйте:

.yandex-direct {
display: none;
}

[brammator]

А што, я.директ избавился от !important в своих css?

[RiderSx]

Директ? О_о Странно, но у меня его и так не было :) Возможно AdBlock блочит…

[kolesnevg]

действительно полезное расширение, спасибо ;)

[Demir0]

Чего-то иконки на хабре пропали…

[Demir0]

Аватарки, в смысле.

[Demir0]

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

[dmbreaker]

Поставил — понравилось. Еще бы подсвечивал блоки, которые идентичны выделяемому. А то один выделишь, схайдишь — полстраницы пропало :)

[Demir0]

Задизайнил себе башорг :)

[max_rip]

что-то оно не дружит с гмейлом ( может ему ифреймы не нравятся.