Comments 72
Расширение действительно приятное.
Оно ещё всё это сохраняет! Чудесно! Чудесно!)
Сейчас попробовал таким способом избавить хабр от рекламы ;) В целом расширение работоспособно ;)
UFO just landed and posted this here
Stylish
стайлиш не позволяет изменять стили страницы, он лишь позволяет накатить новый поверх, а это не одно и то же и не всегда накатыванием поверх можно добиться желаемого результата.
Вот интересно: чем это таким магическим с точки зрения браузера отличаются стили страницы и стили применённые поверх стилей страницы. Особенно в разрчезе того, что CSS потому и назван Cascade style sheet, что это наложение одних стилей на другие каскадно по-порядку либо по приоритету селекторов.
Ответ: ничем. Этот аддон работает точно по тому же принципу, что и stylish. Просто сделан удобнее для конечного пользователя.
Ответ: ничем. Этот аддон работает точно по тому же принципу, что и stylish. Просто сделан удобнее для конечного пользователя.
так вот: есть более приоритетные селекторы, которые не «перебьёшь» ничем, т.к. надо бы по хорошему просто стереть это правило, а такой возможности stylish не даёт:
если у элемента задано какое-то свойство, (которое, обычно, по умолчанию отсутствует для данного элемента) и нельзя это исправить просто придав другое значение, то всё, жопа.
Щас, чуть-чуть попозже может и пример приведу, вам наверно не приходилось писать стили для готовых сайтов настраивая их под себя (т.е. когда у сайтов уже есть свои стили), а мне — приходилось, и я сталкивался с некоторыми проблемами, решать которые — удавалось лишь хаками или имитацией задуманного.
если у элемента задано какое-то свойство, (которое, обычно, по умолчанию отсутствует для данного элемента) и нельзя это исправить просто придав другое значение, то всё, жопа.
Щас, чуть-чуть попозже может и пример приведу, вам наверно не приходилось писать стили для готовых сайтов настраивая их под себя (т.е. когда у сайтов уже есть свои стили), а мне — приходилось, и я сталкивался с некоторыми проблемами, решать которые — удавалось лишь хаками или имитацией задуманного.
Я конечно теоретик хакания сайтов под себя, но селекторы есть селекторы. Переопределить селектор не составляет проблемы. На крайняк есть !important. Не перебиваются (наверное) разве-что инлайн-стили с импортантом, как наиболее приоритетные, но про них речь вообще не идёт.
Поэтому с нетерпением жду примеров.
Поэтому с нетерпением жду примеров.
там возникают проблемы, если например есть #a и у него дети .a .b и .c располагаются так, что .a находится над .b и .c а надо переменить их порядок или позиции, и там борьба идёт со всякими float-ами в сочетании с width:auto и width:100%, которые уже забиты и изменение их значений на дефолтные для этих селекторов — проблему не решает.
В общем, переделывая сайт секты вкантакти я научился разным хакам и приёмчикам, пытаясь сделать сайт по всей ширине.
1ый раз, когда я всё это делал — я только изучал css и многое не получалось, потом, спустя какое-то время, я переписал стиль, реализовав практически всё, что я хотел и максимально правильными (на мой взгляд) способами. И теперь он даже поддерживает отдельно скиннинг.
В общем, для подтверждения моих слов на примерах — потребуется много времени на описание условий. В общем — попробуйте, сами поймёте, что есть моменты, про которые я писал. Просто про них очень долго и не интересно рассказывать, извините.
В общем, переделывая сайт секты вкантакти я научился разным хакам и приёмчикам, пытаясь сделать сайт по всей ширине.
1ый раз, когда я всё это делал — я только изучал css и многое не получалось, потом, спустя какое-то время, я переписал стиль, реализовав практически всё, что я хотел и максимально правильными (на мой взгляд) способами. И теперь он даже поддерживает отдельно скиннинг.
В общем, для подтверждения моих слов на примерах — потребуется много времени на описание условий. В общем — попробуйте, сами поймёте, что есть моменты, про которые я писал. Просто про них очень долго и не интересно рассказывать, извините.
Если изучить матчасть, то не нужно будет изобретать гипервелосипеды.
Простой вопрос, какого цвета будет фон страницы?
Простой вопрос, какого цвета будет фон страницы?
body { background-color: red !important; } /*Было в оригинальном css*/
body { background-color: green !important; } /*Установлено через stylish*/
это примитивный пример, я говорил про более сложные, где требуется перемещать элементы и менять их свойства относящиеся к их физическому позиционированию, а не просто перемена цвета фона у элементов.
Ответ: зелёный, т.к. если и в коде страницы у правила стоит !important, и в стиле юзера стоит !important, то главней будет пользовательский стиль. Это основы основ, я не идиот и я знаю о чём я говорю, просто для того, чтобы всё это объяснить, да ещё и с примером — ради 1 мелкой ошибочки, требующей хака — потребуется страница текста.
Передо мной просто иногда стояли более сложные задачи, вроде реорганизации дерева элементов (переместить дочерний элемент на уровень выше, к его родителю, например), но css этим не занимается и приходилось имитировать эту реорганизацию.
Ответ: зелёный, т.к. если и в коде страницы у правила стоит !important, и в стиле юзера стоит !important, то главней будет пользовательский стиль. Это основы основ, я не идиот и я знаю о чём я говорю, просто для того, чтобы всё это объяснить, да ещё и с примером — ради 1 мелкой ошибочки, требующей хака — потребуется страница текста.
Передо мной просто иногда стояли более сложные задачи, вроде реорганизации дерева элементов (переместить дочерний элемент на уровень выше, к его родителю, например), но css этим не занимается и приходилось имитировать эту реорганизацию.
CSS не должно заниматься реогранизацией элементов в дереве. Для этого JS есть.
оказалось, что имитировать реорганизацию элементов — во многих случаях можно и средствами CSS, но вообще — да, согласен.
даже скажу иначе: css настолько прост в освоении, что даже такому далёкому от программирования человеку, как мне — он оказался легко подвластным, а вот JS — быстро не изучишь, и для его изучения желательно знать азы программирования.
Не перебиваются (наверное) разве-что инлайн-стили с импортантом, как наиболее приоритетныеЭти стили можно через Greasemonkey переопределить :)
кстати, если вы используете 4.0 ветку, то у гризманки появилась замена — scriptish — форк гризманки, в котором удалена совместимость со старыми версиями + работает с новым АОМ.
Автору, для начала, стоит изучить специфичность.
Садитесь, двойка по CSS.
UFO just landed and posted this here
Честно говоря, применения кроме сокрытия рекламы не вижу.
Можно черный квадрат сделать _)
Попробуйте посмотреть еще раз, может, разглядите. На видео показано применение для правки верстки под себя «на лету». С учетом возможности сохранения — несомненная польза.
О, масса. Например, есть категория форумных персонажей, выделяющая весь текст каждого своего поста ПрИкОлЬнЫм цветом, шрифтом и размером; есть сайты, не оптимизированные под определённые сочетания размера браузера и экранного разрешения, и так далее.
Оффтоп
Ребят, понравилась музыка
Откуда взято, может знаете?
Ребят, понравилась музыка
Откуда взято, может знаете?
Hans Zimmer — Time (Inception soundtrack)
Не уверен, но кажется из фильма «Начало» и взято
Ещё один оффтоп. Существует плагин, который менял бы вид вкладок со столь ненавистных трапецевидных на прямоугольные? Или как это вообще возможно провернуть?
Хотелось бы такое и для FireFox.
Приятная утилитка не только в работе, но и в серфинге.
Приятная утилитка не только в работе, но и в серфинге.
Stylish. Даааавно уже есть. И давно уже пользуюсь. Шикарна.
Это не одно и то же.
Да ну, в чем отличие? В рюшечках? Так мне они нафиг не нужны, у меня руки из плечей растут а не из места крепления ног
Будем надеятся, что появится и для лисички.
а чего надеяться? надо пробовать! Для лисы же есть дополнение, которое позволяет ставить гуглохромные дополнения в лису.
У лисы давно уже есть нативные плагины. Ссылки чуть ниже.
ну я не пробовал сабжевое дополнение, а по видео не совсем понятно — оперирует ли оно только с CSS или и может, например, менять структуру элементов. Если первое — то да, Stylish изобрели уже давным давно (а возможность писать стили в userContent.css — вовсе подавно), ежели второе — то можно воспользоваться хромовским дополнением, если оно заработает.
Для гиков Stylish, для любителей рюшечек Styles Tuner
Любопытно
Но у меня после установки плагина поехал дизайн сайта
В общем-то он у меня и так с ошибками был — я его допиливал напильником
Но мне показалось странным, что установка плагина отразилась на ОБРАБОТКЕ сайта тогда, когда я его об этом не попросил
Покамест отключил. Но штука хорошая!
Но у меня после установки плагина поехал дизайн сайта
В общем-то он у меня и так с ошибками был — я его допиливал напильником
Но мне показалось странным, что установка плагина отразилась на ОБРАБОТКЕ сайта тогда, когда я его об этом не попросил
Покамест отключил. Но штука хорошая!
Куда сохраняются настройки?
Можно ли заюзать бубунтовское облако(я имею ввиду Ubuntu One)?
Можно ли заюзать бубунтовское облако(я имею ввиду Ubuntu One)?
Хабр преобразовался :) Спрятал рекламу и сайдбар, основной блок растянул на 100% :)
Что-то Директ с хабра не хочет уходить с помощью этой штуки
действительно полезное расширение, спасибо ;)
Чего-то иконки на хабре пропали…
Поставил — понравилось. Еще бы подсвечивал блоки, которые идентичны выделяемому. А то один выделишь, схайдишь — полстраницы пропало :)
Задизайнил себе башорг :)
что-то оно не дружит с гмейлом ( может ему ифреймы не нравятся.
Sign up to leave a comment.
StyleBot