Как стать автором
Обновить

Комментарии 72

Расширение действительно приятное.
Оно ещё всё это сохраняет! Чудесно! Чудесно!)
Сейчас попробовал таким способом избавить хабр от рекламы ;) В целом расширение работоспособно ;)
И перестало отображаться видео в посте )
body > object
Спасибо, я в курсе, у себя сразу object вернул как было )
НЛО прилетело и опубликовало эту надпись здесь
Stylish
стайлиш не позволяет изменять стили страницы, он лишь позволяет накатить новый поверх, а это не одно и то же и не всегда накатыванием поверх можно добиться желаемого результата.
Вот интересно: чем это таким магическим с точки зрения браузера отличаются стили страницы и стили применённые поверх стилей страницы. Особенно в разрчезе того, что CSS потому и назван Cascade style sheet, что это наложение одних стилей на другие каскадно по-порядку либо по приоритету селекторов.

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

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

body { background-color: red !important; } /*Было в оригинальном css*/
body { background-color: green !important; } /*Установлено через stylish*/
это примитивный пример, я говорил про более сложные, где требуется перемещать элементы и менять их свойства относящиеся к их физическому позиционированию, а не просто перемена цвета фона у элементов.

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

Передо мной просто иногда стояли более сложные задачи, вроде реорганизации дерева элементов (переместить дочерний элемент на уровень выше, к его родителю, например), но css этим не занимается и приходилось имитировать эту реорганизацию.
CSS не должно заниматься реогранизацией элементов в дереве. Для этого JS есть.
оказалось, что имитировать реорганизацию элементов — во многих случаях можно и средствами CSS, но вообще — да, согласен.
С безумными затратами времени. Это разве того стоит?
Эти затраты (в совокупности с затратами на изучение азов CSS) — ничто, по сравнению с затратами на изучение JS, и потом, когда уже изучил как работают все хаки CSS — временные затраты стремительно падают.
даже скажу иначе: css настолько прост в освоении, что даже такому далёкому от программирования человеку, как мне — он оказался легко подвластным, а вот JS — быстро не изучишь, и для его изучения желательно знать азы программирования.
Не перебиваются (наверное) разве-что инлайн-стили с импортантом, как наиболее приоритетные
Эти стили можно через Greasemonkey переопределить :)
кстати, если вы используете 4.0 ветку, то у гризманки появилась замена — scriptish — форк гризманки, в котором удалена совместимость со старыми версиями + работает с новым АОМ.
Спасибо за наводку, установлю сразу же после перехода на четверку.
Автору, для начала, стоит изучить специфичность.
описался, имелось в виду не приоритетные селекторы, а приоритетные правила для селекторов, это опечатка.
Садитесь, двойка по CSS.
НЛО прилетело и опубликовало эту надпись здесь
Честно говоря, применения кроме сокрытия рекламы не вижу.
Можно черный квадрат сделать _)
Попробуйте посмотреть еще раз, может, разглядите. На видео показано применение для правки верстки под себя «на лету». С учетом возможности сохранения — несомненная польза.
Хотя да. Неправ. Верстальщикам может пригодиться.
Ну я пока справлялся и стандартными средствами хрома для верстки. Тоже на лету. Тут другое — можно сохранять.
Вернулся к своему же комментарию) Поставил себе, например, чтоб новые непрочитанные сообщения выделялись более ярким цветом, а то монитор у меня не очень, а зрение тоже. Сохранил и все. Радость.
О, масса. Например, есть категория форумных персонажей, выделяющая весь текст каждого своего поста ПрИкОлЬнЫм цветом, шрифтом и размером; есть сайты, не оптимизированные под определённые сочетания размера браузера и экранного разрешения, и так далее.
Оффтоп
Ребят, понравилась музыка

Откуда взято, может знаете?
Ганс Циммер

Ну как же, я должен был почувствовать…
Я влюблен в него после Гладиатора
Сильный композитор
Не уверен, но кажется из фильма «Начало» и взято
Ещё один оффтоп. Существует плагин, который менял бы вид вкладок со столь ненавистных трапецевидных на прямоугольные? Или как это вообще возможно провернуть?
НЛО прилетело и опубликовало эту надпись здесь
Хотелось бы такое и для FireFox.
Приятная утилитка не только в работе, но и в серфинге.
Stylish. Даааавно уже есть. И давно уже пользуюсь. Шикарна.
Это не одно и то же.
Да ну, в чем отличие? В рюшечках? Так мне они нафиг не нужны, у меня руки из плечей растут а не из места крепления ног
Будем надеятся, что появится и для лисички.
а чего надеяться? надо пробовать! Для лисы же есть дополнение, которое позволяет ставить гуглохромные дополнения в лису.
У лисы давно уже есть нативные плагины. Ссылки чуть ниже.
ну я не пробовал сабжевое дополнение, а по видео не совсем понятно — оперирует ли оно только с CSS или и может, например, менять структуру элементов. Если первое — то да, Stylish изобрели уже давным давно (а возможность писать стили в userContent.css — вовсе подавно), ежели второе — то можно воспользоваться хромовским дополнением, если оно заработает.
Для гиков Stylish, для любителей рюшечек Styles Tuner
Любопытно
Но у меня после установки плагина поехал дизайн сайта
В общем-то он у меня и так с ошибками был — я его допиливал напильником
Но мне показалось странным, что установка плагина отразилась на ОБРАБОТКЕ сайта тогда, когда я его об этом не попросил
Покамест отключил. Но штука хорошая!
Куда сохраняются настройки?
Можно ли заюзать бубунтовское облако(я имею ввиду Ubuntu One)?
Все настройки хранятся в localStorage, которое хранится в каталоге профиля хрома/хромиума.
Интересно, насколько увеличатся тормоза при паре тысяч оттюненых сайтах в этой папке?
Тормоза в папке? Нет, хром хранит localStorage для отдельных плагинов в sqlite. В папке тормозов не будет, а вот в хроме…
Хабр преобразовался :) Спрятал рекламу и сайдбар, основной блок растянул на 100% :)
НЛО прилетело и опубликовало эту надпись здесь
Код css в студию! :)
А видео в этом окне у Вас не пропало при этом?
О_о пропало, даже не заметил :)
На автомате спрятал рекламу на самом pastie =)
Что-то Директ с хабра не хочет уходить с помощью этой штуки
В Edit CSS скопируйте:

.yandex-direct {
display: none;
}
А што, я.директ избавился от !important в своих css?
Директ? О_о Странно, но у меня его и так не было :) Возможно AdBlock блочит…
действительно полезное расширение, спасибо ;)
Чего-то иконки на хабре пропали…
Аватарки, в смысле.
Решено, был взволнован и, вместо блока с рекламой сверху, убрал все картинки с ссылками. Сейчас вернул. Редактор css помог.
Поставил — понравилось. Еще бы подсвечивал блоки, которые идентичны выделяемому. А то один выделишь, схайдишь — полстраницы пропало :)
Задизайнил себе башорг :)
что-то оно не дружит с гмейлом ( может ему ифреймы не нравятся.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации