/ / Tweak Google Reader iPhone Edition în bara laterală a Firefoxului

Tweak Google Reader iPhone Edition în bara laterală Firefox

Dacă sunteți un mare fan al Google Reader șiFirefox, veți fi interesat să știți că versiunea iPhone a Google Reader este o potrivire perfectă pentru bara laterală Firefox și cu câteva modificări putem face să se potrivească cu adevărat.

Îl putem personaliza pentru a elimina antetul, pentru a alege pagina noastră de start, pentru a tonifica fonturile și chiar pentru a elimina extrase pentru a ne oferi o listă curată frumoasă ca aceasta:

imagine

Adăugați Google Reader iPhone Edition în bara laterală Firefox

Nu trebuie decât să faceți clic dreapta oriunde pe bara de marcaje și să alegeți Marcaj nou, să îi dați un nume (sau să lăsați golul) și să introduceți următoarea adresă URL:

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

Asigurați-vă că bifați caseta pentru „Încărcați acest marcaj în bara laterală” și ați terminat.

imagine

Acum, când faceți clic pe marcaj, veți vedea că se deschide în bara laterală.

imagine

Schimbați marcajul pentru a deschide etichete specifice (sau pagină)

Prima problemă este că marcajul se deschide latoate elementele sunt vizualizate în mod implicit, ceea ce este rău pentru cei dintre noi cu un număr foarte mare de abonamente. Prefer să deschid Reader cu eticheta mea „favorite” selectată în mod implicit, așa că va trebui să ajustăm acest lucru.

Navigați în bara laterală până la eticheta dorită, apoi faceți clic dreapta într-o zonă goală a paginii și alegeți „Afișați informații despre pagină”

imagine

Acum veți vedea adresa URL directă către pagina respectivă, pe care o puteți copia în clipboard ...

imagine

Și apoi fie folosiți un marcaj nou, fie personalizați marcajul existent pe care l-ați creat.

imagine

Acum, când faceți clic pe marcaj, veți vedea pagina pe care preferați să o vedeți.

Îndepărtați Urgia Blue Border

Notă: Pentru restul modificărilor, va trebui să aveți Extensie elegantă instalat sau puteți crea un fișier numit userContent.css în directorul dvs. de temă Firefox și să puneți codul acolo.

Din orice motiv, sigla Google Reader are această graniță albastră enervantă în jurul său, dar o putem elimina cu un script elegant elegant.

imagine

Faceți clic pe pictograma elegantă, alegeți stil de scriere și apoi stil alb.

imagine

Dați stilului un nume descriptiv, apoi lipiți în textul următor:

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

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

imagine

Puteți face clic pe butonul de previzualizare pentru a vedea imediat modificările:

imagine

Eliminați antetul în întregime

În loc să schimbați doar frontiera, puteți elimina întreaga secțiune cu imaginea antetului, deoarece nu este chiar necesar. Reglați scenariul elegant pentru a fi următorul:

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

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

Dacă faceți clic pe butonul Previzualizare, veți vedea noile modificări ...

imagine

Reglați Dimensiunea fontului

Site-ul pentru iPhone este optimizat pentru un mic ecran tactil, deci fontul este mult prea mare pentru gusturile mele. Putem adăuga următoarea linie la scriptul elegant pentru a face fontul puțin mai mic:

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

Dacă urmați, scenariul complet ar trebui să fie acum:

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

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

Acum avem o vizualizare mult mai compactă, mai ușor de citit:

imagine

Modificați lista numai pentru titluri

Veți observa că puteți vedea primele cuvinte ale postării în vizualizarea listei ... personal, aș arăta doar titlurile. Adăugați următoarele în scriptul dvs.:

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

Acum avem o aplicație de bară laterală foarte utilă:

imagine

Script complet

Iată versiunea finală a acestui script, cu bara de logo eliminată, dimensiunea fontului mai mică și fără extrase.

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

Acest lucru ar trebui să ilustreze de ce sunt un fan atât de mare al Stylish.