Tweak Google Reader iPhone-editie in uw Firefox Sidebar

Video: Tweak Google Reader iPhone-editie in uw Firefox Sidebar

Video: Tweak Google Reader iPhone-editie in uw Firefox Sidebar
Video: Windows 11 Security — Our Hacker-in-Chief Runs Attacks and Shows Solutions 2024, Maart
Tweak Google Reader iPhone-editie in uw Firefox Sidebar
Tweak Google Reader iPhone-editie in uw Firefox Sidebar
Anonim

Als u een grote voorstander bent van zowel Google Reader als Firefox, zult u geïnteresseerd zijn om te weten dat Google's iPhone-versie van Reader perfect past in de Firefox-zijbalk, en met een paar tweaks kunnen we het echt goed laten passen.

We kunnen het aanpassen om de koptekst te verwijderen, onze startpagina te kiezen, de lettertypen lager te zetten en zelfs de fragmenten te verwijderen om ons een mooie schone lijst zoals deze te geven:

Image
Image

Voeg Google Reader iPhone Edition toe aan de Firefox Sidebar

Het enige dat u hoeft te doen, is door ergens met de rechtermuisknop op de bladwijzerbalk te klikken en Nieuwe bladwijzer te kiezen, deze een naam te geven (of dat leeg te laten) en de volgende URL in te voegen:

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

Zorg ervoor dat u het selectievakje "Deze bladwijzer in de zijbalk plaatsen" aanvinkt en u bent klaar.

Wanneer u nu op de bladwijzer klikt, ziet u dat deze in de zijbalk wordt geopend.
Wanneer u nu op de bladwijzer klikt, ziet u dat deze in de zijbalk wordt geopend.
Image
Image

Wijzig bladwijzers in open specifieke tag (of pagina)

Het eerste probleem is dat de bladwijzer standaard wordt geopend voor de weergave van alle items, wat slecht is voor ons met een zeer groot aantal abonnementen. Ik geef er de voorkeur aan om Reader te openen met mijn "favorieten" -tag die standaard is geselecteerd, dus we zullen dit moeten aanpassen.

Navigeer in de zijbalk naar de gewenste tag en klik met de rechtermuisknop in een leeg gedeelte van de pagina en kies 'View Page Info'

Nu zie je de directe URL naar die pagina, die je naar het klembord kunt kopiëren …
Nu zie je de directe URL naar die pagina, die je naar het klembord kunt kopiëren …
Gebruik vervolgens een nieuwe bladwijzer of pas de bestaande bladwijzer aan die u hebt gemaakt.
Gebruik vervolgens een nieuwe bladwijzer of pas de bestaande bladwijzer aan die u hebt gemaakt.
Wanneer u nu op de bladwijzer klikt, ziet u de pagina die u liever ziet.
Wanneer u nu op de bladwijzer klikt, ziet u de pagina die u liever ziet.

Verwijder de Ugly Blue Border

Opmerking: voor de rest van de aanpassingen moet je de Stijlvolle extensie geïnstalleerd, of u kunt een bestand met de naam userContent.css maken in uw Firefox-themadirectory en de code daar plaatsen.

Om welke reden dan ook heeft het Google Reader-logo deze vervelende blauwe rand eromheen, maar we kunnen dit verwijderen met een snel stijlvol script.

Klik op het pictogram Stijlvol, kies Stijl schrijven en vervolgens Lege stijl.
Klik op het pictogram Stijlvol, kies Stijl schrijven en vervolgens Lege stijl.
Geef de stijl een beschrijvende naam en plak de volgende tekst in:
Geef de stijl een beschrijvende naam en plak de volgende tekst in:

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

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

U kunt op de voorbeeldknop klikken om de wijzigingen meteen te bekijken:
U kunt op de voorbeeldknop klikken om de wijzigingen meteen te bekijken:
Image
Image

Verwijder de koptekst volledig

In plaats van alleen de rand te wijzigen, kunt u de volledige sectie van de kopafbeelding verwijderen, omdat dit niet echt nodig is. Pas in plaats daarvan het stijlvolle script als volgt aan:

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

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

Als u op de knop Voorbeeld klikt, worden de nieuwe wijzigingen weergegeven …

Image
Image

Pas de lettergrootte aan

De iPhone-site is geoptimaliseerd voor een klein aanraakscherm, dus het lettertype is gewoon veel te groot voor mijn smaak. We kunnen de volgende regel toevoegen aan het stijlvolle script om het lettertype iets kleiner te maken:

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

Als u meegaat, zou het volledige script nu moeten zijn:

@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; } }

Nu hebben we een veel compactere weergave, gemakkelijker te lezen:

Image
Image

Verander de lijst alleen in Headlines

U zult merken dat u de eerste paar woorden van het bericht in de lijstweergave kunt zien … persoonlijk laat ik liever alleen de krantenkoppen zien. Voeg het volgende toe aan uw script:

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

Nu hebben we een echt nuttige sidebar-applicatie:

Image
Image

Volledig script

Hier is de definitieve versie van dit script, met de logobalk verwijderd, de tekengrootte kleiner en geen fragmenten.

@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} }

Dit zou moeten illustreren waarom ik zo'n grote fan ben van Stylish.

Aanbevolen: