Csúsztassa a Google Reader iPhone Edition-t a Firefox oldalsávjában

Ha mind a Google Reader, mind a Firefox nagy rajongója, érdeklődni fog arra, hogy a Google iPhone Reader verziója tökéletesen illeszkedik a Firefox oldalsávjához, és néhány csíkkal igazán jól illeszkedik.

Testreszabhatjuk azt, hogy eltávolítsuk a fejlécet, válasszuk ki a kezdőlapunkat, leállítsuk a betűkészleteket, és még az eltávolított részleteket is, hogy egy szép, tiszta listát kapjunk, mint ez:

Adjon hozzá Google Reader iPhone Edition-t a Firefox oldalsávjához

Mindössze annyit kell tennie, hogy a jobb egérgombbal bárhol elhelyezi a könyvjelzősávot, és válassza az Új könyvjelző lehetőséget, adja meg a nevet (vagy hagyja üresen), és tegye a következő URL-címre:

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

Győződjön meg róla, hogy bejelöli a "Könyvjelző betöltése az oldalsávba" jelölőnégyzetet, és kész.

Most, amikor rákattint a könyvjelzőre, megjelenik, hogy megnyílik az oldalsávban.

Könyvjelző módosítása az adott címke (vagy az oldal) megnyitásához

Az első probléma az, hogy a könyvjelző alapértelmezés szerint megnyílik az összes elem nézetre, ami rossz számunkra azok számára, akik nagyszámú előfizetéssel rendelkeznek. Előnyösebb, ha alapértelmezés szerint a "Kedvencek" címkével szeretném megnyitni a Readert, ezért ezt módosítanunk kell.

Navigáljon az oldalsávban a kívánt címkére, majd kattintson az egér jobb oldali gombjával az oldal üres területére, és válassza a „Oldalinformáció megtekintése” lehetőséget

Most látni fogja az oldal közvetlen URL-jét, amelyet másolhat a vágólapra…

Ezután használjon új könyvjelzőt, vagy testreszabhatja a létrehozott könyvjelzőt.

Most, amikor rákattint a könyvjelzőre, látni fogja, hogy milyen oldalt szeretne látni.

Távolítsa el a csúnya kék határt

Megjegyzés: A többi csípéshez meg kell adni a Stílusos kiterjesztés telepítve van, vagy létrehozhat egy userContent.css nevű fájlt a Firefox témakönyvtárában, és helyezze el a kódot.

Bármilyen okból kifolyólag a Google Olvasó logója ezt a bosszantó kék szegélyt körülveszi, de eltávolíthatjuk azt egy gyors, stílusos szkript segítségével.

Kattintson az Stílusos ikonra, válassza az Írásstílus és az Üres stílus lehetőséget.

Adja meg a stílus leíró nevét, majd illessze be a következő szöveget:

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

@ -moz-dokumentum url előtag (http://www.google.com/reader/i)
.logo img border: 0px! fontos;

Az előnézeti gombra kattintva láthatja a módosításokat azonnal:

A fejléc teljes eltávolítása

Ahelyett, hogy csak megváltoztatnánk a szegélyt, eltávolíthatod a teljes fejléc képrészt, mivel ez nem igazán szükséges. Állítsa be az elegáns szkriptet a következő helyett:

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

@ -moz-dokumentum url előtag (http://www.google.com/reader/i)
.logo kijelző: nincs! fontos;

Az Előnézet gombra kattintva az új módosítások megjelennek…

Állítsa be a betűméretet

Az iPhone webhely egy apró érintőképernyős megjelenítésre van optimalizálva, így a betűtípus csak túl nagy az ízlésemhez. Az alábbi sorokat hozzáadhatjuk az elegáns szkripthez, hogy a betűtípus kicsit kisebb legyen:

* font-size: 0.97em! fontos;

Ha követi, a teljes szkriptnek mostantól kell lennie:

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

@ -moz-dokumentum url előtag (http://www.google.com/reader/i)
.logo kijelző: nincs! fontos;
* font-size: 0.97em! fontos;

Most sokkal kompaktabb képet kapunk, könnyebb olvasni:

Lista módosítása csak a címsorokra

Észreveheted, hogy a lista nézetben láthatod az üzenet néhány első szavát ... személy szerint inkább csak a címeket mutatom. Adja hozzá a következő parancsfájlokat:

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

Most van egy igazán hasznos oldalsáv-alkalmazás:

Teljes szkript

Íme a szkript végső verziója, a logójel eltávolításával, a betűméret kisebb, és nincs kivonat.

@namespace url (http://www.w3.org/1999/xhtml);
@ -moz-dokumentum url előtag (http://www.google.com/reader/i)
.logo kijelző: nincs! fontos;
* font-size: 0.97em! fontos;
span.item-snippet display: none! fontos;
span.item-source-title font-size: 0.9em! fontos

Ez illusztrálja, hogy miért vagyok ilyen nagy rajongója a Stílusnak.