If-Koubou

Zmień czytnik Google iPhone'a na pasku bocznym przeglądarki Firefox

Zmień czytnik Google iPhone'a na pasku bocznym przeglądarki Firefox (Jak)

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 Firefoksa, 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ę początkową, 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 "Wczytaj 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 otwiera domyślnie widok wszystkich elementów, co jest niekorzystne dla osób z bardzo dużą liczbą subskrypcji. Preferuję otwieranie czytnika Reader z moim tagiem "ulubionych" wybranym domyślnie, więc musimy to zmienić.

Przejdź na pasku bocznym do znacznika, który chcesz, 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 użyj w nowej zakładce lub dostosuj istniejącą zakładkę, którą utworzył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ą ramkę wokół niego, ale możemy to usunąć za pomocą szybkiego, stylowego skryptu.

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

Nadaj stylowi 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ć tylko 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 wyglądać teraz tak:

@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 następujące elementy do skryptu:

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.