Dostosuj Google Reader iPhone Edition na pasku bocznym przeglądarki Firefox

Jeśli jesteś wielkim fanem zarówno Czytnika Google, jak i Firefoksa, będziesz chciał wiedzieć, że iPhone'a w wersji dla iPhone'a idealnie pasuje do paska bocznego przeglądarki Firefox, a dzięki kilku poprawkom możemy sprawić, że naprawdę będzie dobrze pasował.

Możemy go dostosować, aby usunąć nagłówek, wybrać naszą stronę startową, odcień czcionki, a nawet usunąć fragmenty, aby dać nam ładną czystą listę, taką jak ta:

Dodaj Google Reader iPhone Edition do paska bocznego przeglądarki Firefox

Wszystko, co musisz zrobić, to kliknąć prawym przyciskiem myszy w dowolnym miejscu na pasku zakładek i wybrać opcję Nowa zakładka, nadać jej nazwę (lub pozostawić to pole puste) i umieścić następujący adres URL:

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

Upewnij się, że zaznaczyłeś pole "Załaduj tę zakładkę na pasku bocznym" i gotowe.

Teraz po kliknięciu zakładki zobaczysz, że otwiera się ona na pasku bocznym.

Zmień zakładkę na Otwórz konkretny znacznik (lub stronę)

Pierwszy problem polega na tym, że zakładka jest domyślnie otwierana do widoku wszystkich elementów, co jest niekorzystne dla osób z bardzo dużą liczbą subskrypcji. Wolę domyślnie otwierać czytnik Reader z moim tagiem "ulubione", więc musimy to zmienić.

Przejdź na pasku bocznym do odpowiedniego znacznika, a następnie kliknij prawym przyciskiem myszy w pustym obszarze strony i wybierz "Wyświetl informacje o stronie"

Teraz zobaczysz bezpośredni URL do tej strony, który możesz skopiować do schowka ...

A następnie albo użyj w nowej zakładce, albo dostosuj istniejącą zakładkę, którą stworzyłeś.

Teraz, gdy klikniesz zakładkę, zobaczysz stronę, którą chcesz wyświetlić.

Usuń brzydką niebieską obwódkę

Uwaga: w pozostałych przypadkach musisz mieć Stylowe przedłużenie zainstalowane lub możesz utworzyć plik o nazwie userContent.css w katalogu tematycznym Firefox i umieścić tam kod.

Z jakiegoś powodu logo Google Reader ma tę irytującą niebieską obramowanie, ale możemy je usunąć za pomocą szybkiego, stylowego skryptu.

Kliknij ikonę Styl, wybierz Napisz styl, a następnie Pusty styl.

Nadaj mu opisową nazwę, a następnie wklej następujący tekst:

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

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

Możesz kliknąć przycisk podglądu, aby zobaczyć zmiany od razu:

Całkowicie usuń nagłówek

Zamiast zmieniać granicę, możesz usunąć całą sekcję obrazu nagłówka, ponieważ nie jest to konieczne. Dopasuj stylowy skrypt tak, aby był następujący:

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

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

Kliknięcie przycisku Podgląd spowoduje wyświetlenie nowych zmian ...

Dostosuj rozmiar czcionki

Strona iPhone'a jest zoptymalizowana pod kątem małego ekranu dotykowego, więc czcionka jest po prostu zbyt duża dla mojego gustu. Do stylowego skryptu możemy dodać następującą linię, aby czcionka była nieco mniejsza:

* rozmiar czcionki: 0.97em! important;

Jeśli podążacie za nim, pełny skrypt powinien być teraz:

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

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

Teraz mamy znacznie bardziej kompaktowy widok, łatwiejszy do odczytania:

Zmień listę tylko na nagłówki

Zauważysz, że możesz zobaczyć kilka pierwszych słów wpisu w widoku listy ... osobiście wolę po prostu wyświetlać nagłówki. Dodaj do skryptu następujące elementy:

span.item-snippet display: none! important;
span.item-source-title rozmiar-czcionki: 0.9em! important

Teraz mamy naprawdę użyteczną aplikację na pasku bocznym:

Pełny skrypt

Oto ostateczna wersja tego skryptu, z usuniętym paskiem logo, mniejszym rozmiarem czcionki i brakiem fragmentów.

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

To powinno zilustrować, dlaczego jestem tak wielkim fanem Stylish.