Tweak Google Reader iPhone Edition Firefoxin sivupalkissa

Jos olet sekä Google Readerin että Firefoxin suuri fani, tiedät, että Googlen Readerin iPhone-versio sopii täydellisesti Firefoxin sivupalkkiin, ja muutaman tweaksin avulla voimme tehdä sen todella hyvin.

Voimme muokata sitä poistaaksesi otsikon, valita aloitussivun, sulkea fontit ja poistaa jopa otteita, jotta saat meille mukavan puhtaan luettelon, kuten tämä:

Lisää Google Reader iPhone Edition Firefoxin sivupalkkiin

Sinun tarvitsee vain napsauttaa hiiren kakkospainikkeella missä tahansa kirjanmerkkipalkissa ja valitse Uusi kirjanmerkki, anna sille nimi (tai jätä se tyhjäksi) ja aseta seuraava URL-osoite:

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

Varmista, että olet valinnut kohdan "Lisää tämä kirjanmerkki sivupalkkiin", ja olet valmis.

Kun napsautat kirjanmerkkiä, näet, että se avautuu sivupalkissa.

Muuta kirjanmerkki avataksesi tietyn tunnuksen (tai sivun)

Ensimmäinen ongelma on, että kirjanmerkki avautuu oletusarvoisesti kaikille kohteiden näkymille, mikä on huono niille, joilla on erittäin suuri määrä tilauksia. Haluan mieluummin avata Readerin "suosikit" -merkinnällä, joka on valittu oletusarvoisesti, joten meidän on säädettävä tätä.

Siirry sivupalkissa haluamaasi tunnisteeseen ja napsauta hiiren kakkospainikkeella sivun tyhjää aluetta ja valitse Näytä sivutiedot

Nyt näet sivun suoran URL-osoitteen, jonka voit kopioida leikepöydälle…

Käytä sitten uutta kirjanmerkkiä tai muokkaa luotua kirjanmerkkiä.

Nyt kun napsautat kirjanmerkkiä, näet sivun, jonka haluat nähdä.

Poista Ugly Blue Border

Huomautus: Muista tweaksista sinun täytyy olla Tyylikäs laajennus asennettu, tai voit luoda tiedoston nimeltä userContent.css Firefox-teeman hakemistoon ja laittaa koodin sinne.

Google Reader -logolla on mistä tahansa syystä tämä ärsyttävä sininen reunus sen ympärillä, mutta voimme poistaa sen nopeasti tyylikkäässä käsikirjoituksessa.

Napsauta Tyylikäs-kuvaketta, valitse Kirjoita tyyli ja sitten Tyhjä tyyli.

Anna tyylille kuvaava nimi ja liitä sitten seuraava teksti:

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

@ -moz-asiakirjan URL-osoite (http://www.google.com/reader/i)
.logo img border: 0px! tärkeää;

Voit nähdä muutokset heti napsauttamalla esikatselupainiketta:

Poista otsikko kokonaan

Rajan vaihtamisen sijaan voit poistaa koko otsikon kuvan, koska se ei ole todella tarpeen. Säädä tyylikäs komentosarja seuraavasti:

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

@ -moz-asiakirjan URL-osoite (http://www.google.com/reader/i)
.logo display: none! tärkeää;

Esikatselu-painikkeen napsauttaminen näyttää uudet muutokset…

Säädä fontin kokoa

IPhone-sivusto on optimoitu pienelle kosketusnäytölle, joten fontti on aivan liian suuri makuuni. Voimme lisätä tyylikkään komentosarjan seuraavan rivin, jotta fontti olisi hieman pienempi:

* font-size: 0.97em! tärkeää;

Jos jatkat, koko komentosarjan pitäisi olla:

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

@ -moz-asiakirjan URL-osoite (http://www.google.com/reader/i)
.logo display: none! tärkeää;
* font-size: 0.97em! tärkeää;

Nyt meillä on paljon pienempi näkymä, helpompi lukea:

Vaihda luettelo vain otsikoihin

Huomaat, että näet ensimmäiset sanan sanat luettelonäkymässä… henkilökohtaisesti haluan vain näyttää otsikot. Lisää seuraava komentosarjaasi:

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

Nyt meillä on todella hyödyllinen sivupalkkisovellus:

Täysi skripti

Tässä on tämän komentosarjan lopullinen versio, kun logo-palkki on poistettu, fonttikoko on pienempi ja ei ole otteita.

@namespace url (http://www.w3.org/1999/xhtml);
@ -moz-asiakirjan URL-osoite (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-source-title font-size: 0.9em! tärkeää

Tämän pitäisi osoittaa, miksi olen niin suuri fani Stylish.