Vylepšete verzi Google Reader iPhone v bočním panelu Firefoxu

Vylepšete verzi Google Reader iPhone v bočním panelu Firefoxu
Vylepšete verzi Google Reader iPhone v bočním panelu Firefoxu
Anonim

Pokud jste velkým fanouškem aplikace Google Reader a Firefox, 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í.

Můžeme jej přizpůsobit tak, abychom odstranili hlavičku, zvolili počáteční stránku, ztichnuli fonty a dokonce i odstranili výňatek, aby nám dali příjemný čistý seznam, jako je tento:

Image
Image

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 ponechat prázdný) a dát do následující adresy URL:

https://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.
Nyní, když kliknete na záložku, uvidíte, že se otevře v postranním panelu.
Image
Image

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

Prvním problémem je, že záložka se automaticky otevře na zobrazení všech položek, což je pro ty z nás s velmi vysoký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, a proto ji 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í uvidíte přímou adresu URL této stránky, kterou můžete zkopírovat do schránky …
Nyní uvidíte přímou adresu URL této stránky, kterou můžete zkopírovat do schránky …
A potom buď použijte v nové záložce, nebo přizpůsobte stávající záložku, kterou jste vytvořili.
A potom buď použijte v nové záložce, nebo přizpůsobte 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.
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 témat 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 ho odstranit pomocí rychlého stylového skriptu.

Klikněte na stylovou ikonu, zvolte možnost Napsat styl a potom prázdný styl.
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:
Dejte styl popisný název a vložte do následujícího textu:

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

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

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

Odstranit záhlaví úplně

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

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

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

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

Image
Image

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, aby se font měnil:

* {font-size:0.97em !important; }

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

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

@-moz-document url-prefix(https://www.google.com/reader/i) {.logo {display:none !important;} * {font-size:0.97em !important; } }

Nyní máme mnohem kompaktnější pohled, který je lépe čitelný:

Image
Image

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-snippet {display:none !important;} span.item-source-title{font-size:0.9em !important}

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

Image
Image

Plný skript

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

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

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

Populární téma

Odborná rada