Стилизуем Google Reader (Firefox и Opera)


zoom

На работе и дома моей домашней страницей стоит Goolge Reader. Я посчитал что так мне будет удобнее — начинать день (браузер стоит в автозапуске системы) с прочтения интересных для меня RSS лент.
Но так уж сложилось что стандартный внешний вид GReader'а
Так же я пользуюсь очень удобным дополнением Firefox'а Stylish (про него уже рассказывали на Хабре)
Посмотрев что придумали пользователи этого расширения, я наткнулся на два стиля для GReader'а
Чуть-чуть доработав их и объединив в одно представляю на Ваш суд.

Из приятных фишек:
   поиск подписки по слову в том же окне
   оптимизировано место для просмотра новостей за счет удаления логотипа и более удачной компановки элементов
   меню с редко используемыми настройками появляется при наведении на верхнюю часть экрана
   наконец, это похоже на Mac OS X :)

Пытливый ум k_s подсказал нам что данная фишка работает так же с Opera (и с Greasemonkey), за что ему спасибо:)
+26
27 мая 2007, 15:20
16
alammi 38,7

комментарии (37)

0
meesix #
Клёво :) спасибо большое за линки :) так стала намного юзабильней :)
0
meesix #
Только не хватает разделителей между постами :( Смущает...
0
alammi #
у меня Заголовки служат разделителями, но вобщем согласен, это минус(
0
meesix #
Еще небольшая проблема с наездами количества сообщений на название темы.
0
alammi #
у меня такая проблема была и с оригинальным Reader'ом, да и просто было неприятно что вылазят заголовки за зону видимости, так что я ее решил давно придумав длинным названиям лент более короткие синонимы
0
ArtyV #
Почему то ссылка не открывается : (
0
alammi #
сайт сегодня что-то падает, вот альтернатива, но прийдется самому ее загрузить в Stylish( Справитесь? Если нет - пишите, поможем :)
0
ArtyV #
Справимся ; ) Круто, мне тоже надоел ридер, щас намного лучше : ).

+
+1
k_s #
Прикольно, и с Greasemonkey и с Оперой работает
+1
alammi #
Ого! Класс! Я не задумывался даже:) Но коль сколько это просто css со словом !important, наверное это можно было предугадать:)
Значит перемещаем новость в блог Google и дописываем Вас в соовтаоры:)
0
tartuga #
Друзья, поделитесь ссылкой на руководство "для Чайников", как включить эту прелесть в Opera?
0
alammi #
это лучше у посмотреть профиль k_s спросите, у меня опера стояла за 20 лет часа 4 в сумме - не подружились мы с ней как-то :)
0
tartuga #
переадресую вопрос) уважаемый k_s, "на какую кнопку тыкать" чтобы установить этот скрипт для Opera?
помогите новичку)
0
k_s #
Достаточно сохранить скрип в папку, где лежат userscrit'ы. В висте она лежит прамо в папке оперы. Либо можно указать в настройках любую другую.

Инструменты —> Настройки —> Дополнительно —> Содержимое —> Параметры JavaScript —> внизу выбор папки
0
k_s #
В опере один косяк — всплывающее меню сверху иммет скрол, вертикальный и горизонтальный. Но это мелочь, меню все равно не видно =)
0
FanXFire #
Красиво, удобно! Спасибо :) Единственный минус - в панели слева у тегов и папок одна и та же иконка (папка).
0
zhekanax #
Все отлично, но меня раздражает всплывающая панелька... Т.к. прям над страницей панель с табами, то курсор постоянно где-то там. И оно постоянно моргает.
Спасибо ;)
0
alammi #
удалите строчку стиля

#global-info:hover {
height: auto !important;
overflow:visible;
}


правда вы лишаете себя таких полезных вещей как Help, Sign out :)
Settings дублируются кнопкой снизу
0
zhekanax #
Спасибо еще раз ) я бы поленился найти ее сам %)
+1
dedushka #
Весьма удобная фича! А может кто-то подсказать, как видеть имена css-стилей для GMail, чтобы можно было самому создать свой стиль?
У меня FF, cssviewer показывает эту информацию везде кроме GMail...

Ничего не пойму. Помогите, а? +)
+1
alammi #
поставьте Web Developer, нажмите Ctrl+Shift+Y, и у Вас появится волшебная красная рамочка, в строке состояния сверх будет написано что вы этой рамочкой выделили, а снизу стили (если они конечно ассоциированы)

0
dedushka #
Спасибо! :)
+1
agl666 #
а что, есть идеи стилизации/редизайна gmail? если есть, пишите, опробуем! ;)
0
alammi #
давно пора хабрасообществу делиться своими поделками, тестировать их и прославлять наиболее удачные;)
0
dedushka #
Да, конечно есть ).
Как будет готово - выложу на обсуждение общественности для свободного пользования.
Кстати, а куда лучше выкладывать? Я-то здесь новенький, третий день всего...
0
alammi #
если это для stylish - http://userstyles.org, а потом здесь новость создаете со ссылкой на выложенный стиль
0
dedushka #
увы, что-то не получается у меня запостить тему в гугл, пишет, что мол нужно мне присоединиться к сообществу, что я до этого уже сделал...
в чём может быть проблема, не подскажете?
+1
dedushka #
в общем-то вот что получилось: http://userstyles.org/style/show/2429

результат совмещения пары стилей + добавил столько же своих.
0
fotokaif #
Спасибо большое!
Теперь стало действительно удобнее..

Вот только если ты подписан на несколько фидов, которые не были помечены тэгами, они отображаются (как будто) под одним деревов с верхним тегом.
+1
alammi #
да, есть такая проблема, сейчас к сожалению нет времени расписать подробное решение, но люди знающие css смогут без труда отредактировать стиль
0
fotokaif #
Спасибо, тогда покопаюсь сам..
0
alammi #
дерзайте, да прибудет с вами хабрасила, о результатах расскажите если будут…
0
faust #
Великолепно! Большое спасибо.
0
ponomar #
Поставьте 2 расширения - Better GMail и Better Greader и будет вам еще больше счастья...
0
alammi #
я ставил - мне не понравилось, тем более что Better GReader по сути ничего не меняет, шрифт у него какой-то странный, и внешний вид остается таким же скучным.
Но это конечно все дело вкуса
0
ponomar #
просто Greader использует тему, написанную для максимального увеличения области чтения. Описываемую в этом топике тему я ставил с месяц назад - мне она показалось черезчур вычурной. Вы правы - дело вкуса.
0
lexusathabr #
Супер! Автору респект!

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.