Jos olet sekä Google Readerin että Firefoxin fani, tiedät, että Googlen iPhonen Readerin versio sopii täydellisesti Firefoxin sivupalkkiin ja muutamilla muokkauksilla voimme tehdä siitä todella sopivan.
Voimme räätälöidä sen poistamalla otsikon, valitsemalla aloitussivun, värisemällä fontteja ja jopa poistamalla otokset, jotta saisimme mukavan puhtaan luettelon, kuten tämä:
Lisää Google-lukija iPhone Edition Firefox-sivupalkkiin
Sinun tarvitsee vain klikata hiiren kakkospainikkeella missä tahansa kirjanmerkkipalkissa ja valitsemalla Uusi kirjanmerkki, antamalla sille nimi (tai jätä tyhjäksi) ja anna seuraava URL:
http://www.google.com/reader/i/
Varmista, että valitset "Lataa tämä kirjanmerkki sivupalkkiin" ja olet valmis.
Kun napsautat kirjanmerkkiä, näet, että se avautuu sivupalkissa.
Vaihda kirjanmerkki avaa erityinen tunniste (tai sivu)
Ensimmäinen ongelma on se, että kirjanmerkki avautuu oletusarvoisesti kaikkien kohteiden näkymään, mikä on huono niille, joilla on hyvin suuri määrä tilauksia. Haluan mieluummin avata Readerin omalla "suosikitunnistimella" valitulla oletusarvolla, joten meidän on sopeuduttava tähän.
Siirry sivupalkissa haluamasi tunnisteen kohdalle ja napsauta sitten hiiren kakkospainikkeella sivun tyhjää aluetta ja valitse "Näytä sivun tiedot"
Nyt näet sivun suoran URL-osoitteen, jonka voit kopioida leikepöydälle ...
Sitten joko käytä uutta kirjanmerkkiä tai muokkaa luomasi luomasi kirjanmerkin.
Nyt kun napsautat kirjanmerkkiä, näet sivun, jonka haluat nähdä.
Poista ruma sininen raja
Huom. Muiden tweaksien kohdalla sinun täytyy olla Tyylikäs laajennus asennettuna tai voit luoda tiedosto nimeltä userContent.css Firefox teemakansioon ja laittaa koodi siellä.
Kaikista syistä Google Reader -logo on tämän ärsyttävän sinisen rajan ympärillä, mutta voimme poistaa sen nopeasti tyylikkäältä käsikirjoitukselta.
Napsauta Tyylikäs -kuvaketta, valitse Kirjoita tyyli ja sitten Tyhjä tyyli.
Anna tyylille kuvaava nimi ja liitä seuraava teksti:
@namespace url (http://www.w3.org/1999/xhtml);
@ -moz-document url-etuliite (http://www.google.com/reader/i)
.logo img border: 0px! tärkeä;
Voit napsauttaa esikatselupainiketta nähdäksesi muutokset heti:
Poista otsikko kokonaan
Sen sijaan, että muutat vain rajaa, voit poistaa koko otsikkokuvan osion, koska se ei ole välttämätöntä. Säädä tyylikäs komentosarja sen sijaan, että se on seuraava:
@namespace url (http://www.w3.org/1999/xhtml);
@ -moz-document url-etuliite (http://www.google.com/reader/i)
.logo display: none! tärkeä;
Esikatselu-painikkeen napsauttaminen näyttää uudet muutokset ...
Säädä kirjasinkokoa
IPhone-sivusto on optimoitu pieneen kosketusnäyttöön, joten fontti on aivan liian suuri makuun. Voimme lisätä seuraavan rivin tyylikkääseen käsikirjaan fontin pienentämiseksi hieman pienemmäksi:
* font-size: 0.97em! tärkeä;
Jos seuraat pitkin, koko käsikirjoituksen pitäisi nyt olla:
@namespace url (http://www.w3.org/1999/xhtml);
@ -moz-document url-etuliite (http://www.google.com/reader/i)
.logo display: none! tärkeä;
* font-size: 0.97em! tärkeä;
Nyt meillä on paljon kompakti näkymä, helpompi lukea:
Muuta luettelo vain otsaleihin
Huomaat, että näet viestin ensimmäiset sanat listanäkymässä ... henkilökohtaisesti haluaisin vain näyttää otsikot. Lisää seuraava käsikirjoituksesi:
span.item-snippet display: none! tärkeä;
span.item-lähdekoodi font-size: 0.9em! important
Nyt meillä on todella hyödyllinen sivupalkin sovellus:
Täysi skripti
Tässä on tämän komentosarjan lopullinen versio, jonka logo on poistettu, kirjasimen koko pienempi eikä otteita.
@namespace url (http://www.w3.org/1999/xhtml);
@ -moz-document url-etuliite (http://www.google.com/reader/i)
.logo display: none! tärkeä;
* font-size: 0.97em! tärkeä;
span.item-snippet display: none! tärkeä;
span.item-lähdekoodi font-size: 0.9em! important
Tämän pitäisi kuvata miksi olen niin fiksu Tyylikäs.
