Tweak Google Reader iPhone-utgave i Firefox Sidebjelke

Hvis du er en stor fan av både Google Reader og Firefox, vil du være interessert i å vite at Googles iPhone-versjon av Reader er en perfekt passform for Firefox-sidelinjen, og med noen få tweaks kan vi få det til å passe godt.

Vi kan tilpasse den for å fjerne toppteksten, velge startsiden, tone ned skriftene og til og med fjerne utdragene for å gi oss en fin ren liste som denne:

Legg til Google Reader iPhone-utgave til Firefox-sidelinjen

Alt du trenger å gjøre er å høyreklikke hvor som helst på bokmerkelinjen og velg Ny bokmerke, gi den et navn (eller la det være tomt) og legg inn følgende URL:

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

Pass på at du merker av for "Legg inn dette bokmerket i sidefeltet", og du er ferdig.

Nå når du klikker bokmerket, ser du at det åpnes i sidefeltet.

Endre bokmerke til Åpen spesifikk kode (eller side)

Det første problemet er at bokmerket åpnes for alle elementevisningen som standard, noe som er dårlig for de av oss med et stort antall abonnementer. Jeg foretrekker å åpne Reader med min "favoritter" tag valgt som standard, så vi må justere dette.

Naviger i sidelinjen til taggen du vil ha, og høyreklikk deretter et tomt område på siden og velg "Vis sideinfo"

Nå ser du den direkte nettadressen til den siden, som du kan kopiere til utklippstavlen ...

Og så bruk enten i et nytt bokmerke, eller tilpass det eksisterende bokmerket du opprettet.

Nå når du klikker på bokmerket, ser du siden du helst vil se.

Fjern den stygge blå grensen

Merk: For resten av tweaks må du ha Stilig forlengelse installert, eller du kan opprette en fil med navnet userContent.css i Firefox-temakatalogen din og sette koden der.

Uansett grunn, har Google Reader-logoen denne irriterende blågrensen rundt den, men vi kan fjerne det med et raskt, stilig skript.

Klikk på det stilige ikonet, velg Skriv stil og deretter Blank stil.

Gi stilen et beskrivende navn, og lim deretter inn i følgende tekst:

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

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

Du kan klikke på forhåndsvisningsknappen for å se endringene med en gang:

Fjern header helt

I stedet for bare å endre grensen, kan du fjerne hele overskriftsbildeseksjonen, siden det ikke er nødvendig. Juster stilig skript for å være følgende i stedet:

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

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

Ved å klikke på Forhåndsvis-knappen vises de nye endringene ...

Juster skriftstørrelsen

IPhone-siden er optimalisert for en liten berøringsskjerm, så fonten er bare altfor stor for min smak. Vi kan legge til følgende linje i det stilige skriptet for å gjøre skrifttypen litt mindre:

* font-size: 0.97em! important;

Hvis du følger med, bør hele skriptet nå være:

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

@ -moz-dokument url-prefiks (http://www.google.com/reader/i)
.logo display: none! important;
* font-size: 0.97em! important;

Nå har vi en mye mer kompakt visning, enklere å lese:

Endre liste til kun overskrifter

Du vil legge merke til at du kan se de første par ordene i innlegget i listevisningen ... personlig vil jeg heller bare vise overskriftene. Legg til følgende i skriptet ditt:

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

Nå har vi et veldig nyttig sidebarprogram:

Fullskript

Her er den endelige versjonen av dette skriptet, med loggbaren fjernet, skriftstørrelsen mindre og ingen utdrag.

@namespace url (http://www.w3.org/1999/xhtml);
@ -moz-dokument url-prefiks (http://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

Dette burde illustrere hvorfor jeg er så stor fan av Stilig.