Ноябрь
1
2011

Google Reader+

Google Reader+

Я ранее писал о чтении RSS в Google Reader. Сегодня компания Google выдала всем новый дизайн, интегрированный с их социальной сетью Google+. Жирным минусом стал отказ от общих записей, теперь для расшаривания записей нужно использовать Google+, и это печально. Вторым по значимости стал новый неудобный дизайн, в котором куча места гуляет, разделителей между записями не видно и еще миллион замечаний. К счастью это можно исправить.

Делимся записями

Возможность делится понравившимися записями прямо в Google Reader у нас отобрали, но теперь можно шарить прямо в Google Plus. Для этого выбираем текущую запись, и нажимаем кнопку «Поделиться» в правом верхнем углу экрана

Если с вами поделились записью, то появится уведомление о новом событии в верхней панели. При этом сам Google+ открывать не обязательно, а можно прямо в открывшемся окне комментировать и делиться дальше.

Меняем внешний вид

Если у вас Firefox, то устанавливаем дополнение Stylish, для других браузеров есть подобные решения. Теперь у меня Google Reader выглядит более-менее нормально

Достаточно прописать в стилях код:

@-moz-document
url-prefix('http://www.google.com/reader/view/'),
url-prefix('https://www.google.com/reader/view/') {
/*Работает в http и https версиях*/
#entries.list .collapsed { padding: 2px 0 !important;; line-height: 1.35em !important; }
#entries.list .collapsed .entry-icons { top: 0px !important; }
#entries.list .collapsed .entry-secondary { top: 2px !important; }
#entries.list .collapsed .entry-date { position: relative; top: 2px !important; }
#entries.list .collapsed .entry-main .entry-source-title { top: 2px !important; }
#entries.list .collapsed .entry-main .entry-original { top: 5px !important; }
#top-bar { display: none !important; }
#viewer-header { height: 30px !important; padding-top: 5px !important; }
#lhn-add-subscription-section { height: 30px !important; padding-top: 5px !important; }
#item-up-down-buttons { display: none !important; }
#lhn-add-subscription { height: 18px !important; }
#sections-header { height: 30px !important; padding-top: 5px !important; }
.jfk-button { height: 18px !important; line-height: 18px !important; min-width: 22px !important; padding: 0 4px !important; }
.goog-flat-menu-button { line-height: 18px !important; }
.goog-flat-menu-button-dropdown { top: 8px !important; }
.goog-button-base-inner-box { height: 18px !important; }
.goog-button-tight .goog-button-base-content { line-height: 6px !important; padding-left: 0 !important; padding-top: 6px !important; }
.goog-menu-button .goog-menu-button-dropdown { top: 8px !important; }
/*Это разделяет записи и боковую колонку*/
/*Создаем у каждой записи черную границу в 2 пикселя */
.card { border: 2px solid black !important; padding-right: 1em !important; }
/*У текущей записи синяя граница*/
#current-entry .card { border: 3px solid #5EACDC !important; }
.entry {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCC;
}
#entries-up, #entries-down { border: 1px solid darkGray !important; width: 55px !important; }
/*Заливаем прочитанную запись серым фоном*/
.read div { background: #eee ! important;}
}
Неправильная раскладка: пщщпду куфвук+

Понравилась статья? Посоветуйте друзьям!

CSS Firefox Firefox plugin Google Google Plus Google Reader


Понравилась статья? Подпишись на рассылку по E-Mail или в RSS.
  • А у меня какраз Фаерфокс=) Спасибо!)
  • Гугл молодец! Мне очень понравилось такое нововведение.
  • Да Гугл последнее время радует)
  • В рунете этот гугловский сервис почему то популярным не стал, многие про него даже не знают.
  • Вообще мне нравится новое оформление всех сервисов Гугл.