Променете изданието на Google Читалня за iPhone в страничната лента на Firefox

Ако сте голям фен на Google Reader и Firefox, ще ви е интересно да знаете, че iPhone версията на Google Reader е перфектна за страничната лента на Firefox и с няколко корекции можем да го направим наистина добре..

Можем да го персонализираме, за да премахнем заглавката, да изберем нашата начална страница, да намалим шрифтовете и дори да премахнем откъсите, за да ни даде хубав чист списък, като този:

Добавете Google Reader iPhone Edition към страничната лента на Firefox

Всичко, което трябва да направите, е да кликнете с десния бутон на мишката върху произволно място в лентата на отметките и да изберете Нова отметка, да му дадете име (или да оставите това празно) и да го поставите в следния URL адрес:

http://www.google.com/reader/i/

Уверете се, че сте поставили отметка в квадратчето „Заредете този маркер в страничната лента“ и сте готови.

Сега, когато кликнете върху отметката, ще видите, че се отваря в страничната лента.

Промяна на отметката за отваряне на конкретен маркер (или страница)

Първият проблем е, че отметката се отваря към изгледа на всички елементи по подразбиране, което е лошо за тези от нас с много голям брой абонаменти. Предпочитам да отворя Reader с избрания по подразбиране маркер за "любими", така че ще трябва да коригираме това.

Придвижете се в страничната лента до желания маркер и след това щракнете с десния бутон на мишката върху празен участък на страницата и изберете „Преглед на информация за страницата“

Сега ще видите директния URL адрес към тази страница, който можете да копирате в клипборда…

След това използвайте нов маркер или персонализирайте съществуващия маркер, който сте създали.

Сега, когато кликнете върху отметката, ще видите страницата, която предпочитате да виждате.

Премахни грозната синя граница

Забележка: За останалите настройки ще трябва да имате Стилно разширение или можете да създадете файл с име userContent.css във вашата тематична директория на Firefox и да поставите кода там.

По някаква причина логото на Google Читалня има тази дразнеща синя рамка около нея, но можем да го премахнем с бърз и стилен скрипт..

Кликнете върху иконата Stylish, изберете Write Style и след това Blank Style.

Дайте на стила описателно име и след това поставете следния текст:

@namespace url (http://www.w3.org/1999/xhtml);

@ -moz-document url-prefix (http://www.google.com/reader/i)
.logo img border: 0px! important;

Можете да кликнете върху бутона за визуализация, за да видите промените веднага:

Премахване на заглавката изцяло

Вместо да променяте границата, можете да премахнете целия раздел за заглавния образ, тъй като това не е наистина необходимо. Настройте стилния скрипт по следния начин:

@namespace url (http://www.w3.org/1999/xhtml);

@ -moz-document url-prefix (http://www.google.com/reader/i)
.logo display: none! important;

Кликването върху бутона Преглед ще покаже новите промени ...

Настройте размера на шрифта

Сайтът на iPhone е оптимизиран за малък сензорен дисплей, така че шрифтът е твърде голям за моите вкусове. Можем да добавим следния ред към стилния скрипт, за да направим шрифта малко по-малък:

* font-size: 0.97em! важно;

Ако следвате, пълният скрипт сега трябва да бъде:

@namespace url (http://www.w3.org/1999/xhtml);

@ -moz-document url-prefix (http://www.google.com/reader/i)
.logo display: none! important;
* font-size: 0.97em! важно;

Сега имаме много по-компактен изглед, по-лесен за четене:

Промяна на списъка само на заглавията

Ще забележите, че можете да видите първите няколко думи от публикацията в изглед на списъка ... лично бих предпочел просто да покажа заглавията. Добавете следното към скрипта си:

span.item-snippet display: none! important;
span.item-source-title font-size: 0.9em! important

Сега имаме наистина полезно приложение в страничната лента:

Пълен скрипт

Ето последната версия на този скрипт, с премахната лента с лого, размер на шрифта по-малък и без извадки.

@namespace url (http://www.w3.org/1999/xhtml);
@ -moz-document url-prefix (http://www.google.com/reader/i)
.logo display: none! important;
* font-size: 0.97em! важно;
span.item-snippet display: none! important;
span.item-source-title font-size: 0.9em! important

Това би трябвало да илюстрира защо съм толкова голям фен на Stylish.