Vyčistěte verzi Google Reader iPhone v bočním panelu Firefoxu

Pokud jste fanouškem Google Readeru a Firefoxu, budete mít zájem vědět, že iPhone verze Reader společnosti Google je perfektně vhodná pro postranní panel prohlížeče Firefox a díky několika vylepšením se nám to hodí dobře.

Můžeme jej přizpůsobit tak, abychom odstranili záhlaví, vybrali jsme si počáteční stránku, ztichnuli písma a dokonce odstranili výňatky, abychom nám dali příjemný čistý seznam jako tenhle:

Přidejte aplikaci Google Reader iPhone Edition do bočního panelu aplikace Firefox

Jediné, co musíte udělat, je kliknout pravým tlačítkem myši kdekoli na liště záložek a zvolit Nový záložku, uvést název (nebo nechat prázdný) a vložit následující adresu URL:

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

Ujistěte se, že zaškrtnete políčko "Načíst tuto záložku v postranním panelu" a jste hotovi.

Nyní, když kliknete na záložku, uvidíte, že se otevře v postranním panelu.

Změna záložky pro otevření konkrétní značky (nebo stránky)

Prvním problémem je, že záložka se ve výchozím nastavení otevře na zobrazení všech položek, což je pro ty z nás s velkým počtem odběrů špatné. Dávám přednost tomu, aby se aplikace Reader otevřela se značkou "oblíbené", která je ve výchozím nastavení vybrána, takže to budeme muset upravit.

Přejděte do postranního panelu na požadovanou značku a klepněte pravým tlačítkem myši na prázdnou oblast stránky a zvolte "Zobrazit informace o stránce"

Nyní se na tuto stránku zobrazí přímá adresa URL, kterou můžete kopírovat do schránky ...

A pak použijte buď novou záložku, nebo upravte stávající záložku, kterou jste vytvořili.

Nyní, kdykoli kliknete na záložku, uvidíte stránku, kterou byste radši viděli.

Odstraňte Ugly Blue Border

Poznámka: Pro zbytek vylepšení budete potřebovat Stylové rozšíření nebo můžete vytvořit soubor s názvem userContent.css v adresáři motivů pro Firefox a vložte jej tam.

Z jakéhokoli důvodu má logo Google Reader kolem tohoto nepříjemného modrého okraje, ale můžeme to odstranit pomocí rychlého stylového skriptu.

Klikněte na stylovou ikonu, zvolte možnost Napsat styl a potom prázdný styl.

Dejte styl popisný název a vložte do následujícího textu:

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

@ -moz-document url-prefix (http://www.google.com/reader/i)
.logo img border: 0px! důležité;

Klepnutím na tlačítko náhledu můžete okamžitě zobrazit změny:

Odstranit záhlaví úplně

Namísto právě změny hranice můžete odstranit celou sekci obrázku záhlaví, protože to není skutečně nutné. Upravte stylový skript jako následující:

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

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

Kliknutím na tlačítko Náhled se zobrazí nové změny ...

Upravte velikost písma

Stránka iPhone je optimalizována pro drobný dotykový displej, takže písmo je příliš velké pro můj vkus. Do stylového skriptu můžeme přidat následující řádek:

* font-size: 0.97em! důležitý;

Pokud sledujete, celý skript by měl být nyní:

@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! důležitý;

Nyní máme mnohem kompaktnější pohled, který je jednodušší číst:

Změnit seznam pouze na titulky

Všimnete si, že můžete vidět první slova příspěvku v zobrazení seznamu ... osobně bych raději jen ukázat titulky. Do skriptu přidejte následující:

span.item-fragment display: none! important;
span.item-source-title font-size:

Nyní máme opravdu užitečnou aplikaci na postranním panelu:

Plný skript

Zde je konečná verze tohoto skriptu s odstraněním loga, menší velikost písma a žádné výřezy.

@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! důležitý;
span.item-fragment display: none! important;
span.item-source-title font-size:

To by mělo ukázat, proč jsem takový velký fanoušek Stylového.