Inversion compact skin v2

    Для тех кто в теме, кратко: после осеннего апгрейда Хабра-юзер-стиль слетел — пришлось заново переписать.

    Features

    Стиль в один клик делает Хабр более уютным и удобным:
    — компактная шапка
    — меню пользователя на правой стороне (кто ещё помнит, оно изначально было там…)
    — уменьшены размеры показателей кармы/рейтинга/индекса — ведь не они главное на Хабре
    — заменил появляющиеся точки около комментариев на отступ размером в аватарку + тоненькую линию для определения уровня вложенности
    — заменил множественные «ответить» с подчеркиванием штрихами на скромный линк, который появляется при mouse hover
    — убрал округленные уголки с аватарок
    — если срок голосования за комментарий истек, то показывается только рейтинг, без серых кнопок
    — убавил ширину правой колонки (сайдбара)

    Кто не в курсе о чем это — предыстория: 1 сезон, 2 сезон.


    Картинки

    Header

    User page

    image

    Установка
    При наличии Stylish для Firefox или Chrome, устанавливается одним кликом (точнее двумя) со страницы:
    http://userstyles.org/styles/19827/habrahabr-inversion-compact-skin
    Или на этой же странице вам предложат другие пути установки, например install as user script — так тоже работает.

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

     
    Бонусы
    Также я починил user-скрипты которыми многие пользуются:

    1) Answer to... (оригинальный пост)
    Вот картинка, но это нужно раз попробовать, чтобы понять.
    Answer to...

    2) FixedHider (пост о решаемой проблеме)
    FixedHider

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

     
    Интересный факт
    На эти стили и скрипты я потратил кучу своего времени. Но, думаю, не зря, так как более 3 тысяч установок это не мало. Но интересно то, что прошел почти месяц с момента обновления Хабра, когда стили перестали работать, и со мною связался единственный человек falone и спросил, буду ли я продолжать это дело. Вот благодаря ему я и продолжаю.

    Спасибо за внимание.
     

    Similar posts

    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 45

    • UFO just landed and posted this here
        0
        Спасибо)
        Но есть пару моментов (Opera 11.52, Windows):
        — съезжает логотип;
        — стрелки для голосования (1, 2) за карму пользователя не помещаются в отведенное им место:
        image

        При наведении на них курсора размеры меняются:
        image

        — В подписи над футером страниц поменяйте ссылку на habrahabr.ru/user/inversion :) Это более актуально)
          0
          И в хроме так.
            0
            Уже должно быть лучше
              0
              Спасибо, теперь все хорошо :)
            0
            Если ставить как css, а не как js, то проблем со стрелками нет.
              0
              >съезжает логотип

              Логотип так и должен уезжать за экран влево при разрешениях < 1300, иначе он там просто не влезет. Часть его всегда видна и этого достаточно чтобы кликнуть.

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

              Это исправил, спасибо. Можете обновить скрипт.

              >В подписи над футером страниц поменяйте ссылку на habrahabr.ru/user/inversion :) Это более актуально)

              Но мне так больше нравится. Если перестанет работать — поменяю.
                0
                > Но мне так больше нравится. Если перестанет работать — поменяю.
                Как раз на тот случай, если перестанет работать)
            +1
            Здорово! Спасибо большое за ваш труд.
              +1
              Спасибо!
              Ещё момент у меня в Опере — в профиле пользователя появляется горизонтальная прокрутка.
              Не знаю может это только у меня?
              Проблема в ширине блока .profile-header = 149%. При уменьшении этого значения прокрутка пропадает.
                0
                И в хроме тоже :)
                  0
                  Ну и зачем же там такое значение? Добавил исправление. Спасибо.
                    0
                    Я не в курсе :) Сам удивился.
                  0
                  Устанавливал по одной причине, хотел чтоб при нажатии по стрелочке окно не ехало, но к сожалению в моем firefox 7.0.1 — уехало. Второй момент, как-то не очень красиво получилось у меня, со строкой поиска в шапке — хотелось бы увидеть там небольшой отступ.
                  image
                  В общем понравилась идея экономии места!
                    0
                    чтоб при нажатии по стрелочке окно не ехало
                    За это отвечает не стиль, а скрипт Answer to..., который нужно установить отдельно. Но он просто срабатывает на наведение, так что уезжать точно не будет, только не кликайте :)

                    хотелось бы увидеть там небольшой отступ
                    Это уже Вы сами можете подкорректировать стиль под себя.
                    +2
                    Про интересный факт:
                    В этом не так уж много удивительного. Думаю, люди считали, что и так вагон народу пользуется, и кто-то уже написал, так что мне еще раз зря автор теребить?
                      0
                      Да, забавно получается :)
                      0
                      От своего стиля замечу (не создавая ещё один топик),
                      что он (Zen-Comment) тоже за выходные довольно хорошо дополнился — стали единого вида все 3 вёрстки Хабра: старая (фавориты, свои, комменты свои), QA, и новая (всё остальное).
                        0
                        О, да! Двуликая верстка Хабра — это что-то.
                        Как же хорошо всем, кто этого не видел.
                          0
                            0
                            Ещё точнее, сейчас этот сайт вообще неустойчиво работает, то и дело 500-я ошибка.
                          +1
                          Спасибо!

                          Заодно интересно было узнать, работает ли скин на старых, неизмененных страницах. Оказалось, работает, но странно. На страницах компаний все ок, а вот поиск весь сжался на правой половине.
                          Opera 11.52
                            0
                            И правда с поиском не ладное что-то.
                              +1
                              Там <body class=«search»…
                              Кажется это не предполагалось…
                              0
                              Исправил этот ужас :)
                              0
                              На ленте 3.0 наблюдается такая неприятность с логотипом:
                              image
                                0
                                забыл упомянуть, что использую Google Chrome 15
                                  +1
                                  Chrome 15.0.874.106, Ubuntu 11.04, баг не наблюдаю.
                                    0
                                    Win 7 x64 / Arhlinux, подключаю через Stylebot. Может, в этом трабл?
                                      +1
                                      Баг наблюдается только при включении через Stylebot.
                                        +1
                                        Поставил Stylebot, увидел, исправил :) По ходу исправил еще один баг при использовании Stylebot.
                                  0
                                  Мы сами уже. Клепали и матерились :)
                                  Занятно, что когда клепал старую версию была мысль — «ну пип-пип-пип зачем».
                                  Сча сделали нормально, но всё пришлось переделывать, особенно хайлайт авторские камменты.
                                    0
                                    Было бы хорошо вернуть точечьки, пусть еле заметные, или повторить тоненькую линию для определения уровня вложенности на каждом уровне.
                                      +1
                                      Просто удалите у себя сточку:
                                      .folding-dot-holder {display:none !important}
                                      На то он и user-скрипт, чтобы каждий детали настроил для себя
                                        +1
                                        Спасибо, сделал так:
                                        .folding-dot-holder {opacity:0.3 !important}
                                        Стало намного приятнее.
                                      0
                                      Вчерашние апдейты вроде вроде завершились. Они немного поломали внешний вид на некоторых страницах (строка поиска сверху, кастомизированный блог tm).
                                        0
                                        Да, я видел. На днях постараюсь поправить. Спасибо за фидбек :)
                                          0
                                          Обновил стиль. Если заметите что-то, пишите.
                                            0
                                            Спасибо!
                                          0
                                          Кажется, верстку опять изменили, строка поиска съехала.

                                          Ну, и заодно можно обновить скрипт «answer to». Классы поменялись, в Опере выкидывает ошибку из-за var jQuery = unsafeWindow.jQuery (как вовремя появился пост). Да и маску у @include можно сменить, т.к. пользовательские поддомены убрали.
                                            0
                                            Возможно на выходных возьмусь.
                                              0
                                              Inversion compact skin
                                              Обновил стиль. Похоже, что только форма поиска и пострадала.
                                              Создал репозиторий на GitHub для возможности совместной поддержки.

                                              Answer to…
                                              Исправлена совместимость с Opera.
                                              Маску поправил.
                                              Создал репозиторий на GitHub.

                                              >Классы поменялись
                                              Только вот этого я не заметил
                                                0
                                                Спасибо.

                                                > Только вот этого я не заметил
                                                Там, например, в некоторых местах используется "up-to-parent", который, кажется. убрали еще в осеннем обновлении. По крайней мере usercss мне пришлось поправить именно тогда.
                                                  0
                                                  Понятно. Это он в блоке «поддержка старой верстки».

                                                  Был период когда на некоторых страницах он ещё использовался, пришлось сделать разветвление. Теперь, наверное, уже таких страниц не осталось…

                                                  При следующем обновлении проверю и уберу.
                                              0
                                              Тут, похоже, не меня одного раздражает полоска слева. Может, через скин сделать ей фиксированную высоту? Ну, скажем
                                              .to_top {height: 3em;}
                                              или что-то такое?

                                              Only users with full accounts can post comments. Log in, please.