Modifica Google Reader iPhone Edition nella barra laterale di Firefox

Modifica Google Reader iPhone Edition nella barra laterale di Firefox
Modifica Google Reader iPhone Edition nella barra laterale di Firefox

Video: Modifica Google Reader iPhone Edition nella barra laterale di Firefox

Video: Modifica Google Reader iPhone Edition nella barra laterale di Firefox
Video: How can I /*disable/* Ctrl+Alt+Backspace? (2 Solutions!!) - YouTube 2024, Aprile
Anonim

Se sei un grande fan sia di Google Reader che di Firefox, ti interesserà sapere che la versione di Reader di Google per iPhone è perfetta per la sidebar di Firefox, e con alcune modifiche possiamo farla stare davvero bene.

Possiamo personalizzarlo per rimuovere l'intestazione, scegliere la nostra pagina iniziale, attenuare i caratteri e persino rimuovere gli estratti per darci una bella lista pulita come questa:

Image
Image

Aggiungi Google Reader iPhone Edition alla sidebar di Firefox

Tutto quello che devi fare è cliccare con il tasto destro in qualsiasi punto della barra dei preferiti e scegliere Nuovo segnalibro, dargli un nome (o lasciarlo vuoto) e inserire il seguente URL:

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

Assicurati di selezionare la casella "Carica questo segnalibro nella barra laterale" e hai finito.

Ora quando fai clic sul segnalibro, vedrai che si apre nella barra laterale.
Ora quando fai clic sul segnalibro, vedrai che si apre nella barra laterale.
Image
Image

Cambia segnalibro per aprire un tag specifico (o pagina)

Il primo problema è che il segnalibro si apre alla vista di tutti gli elementi per impostazione predefinita, il che è negativo per quelli di noi con un numero molto elevato di abbonamenti. Preferisco aprire Reader con il mio tag "preferiti" selezionato per impostazione predefinita, quindi dovremo regolarlo.

Spostati nella barra laterale fino al tag che desideri, quindi fai clic con il pulsante destro del mouse in un'area vuota della pagina e scegli "Visualizza informazioni sulla pagina"

Ora vedrai l'URL diretto a quella pagina, che puoi copiare negli appunti …
Ora vedrai l'URL diretto a quella pagina, che puoi copiare negli appunti …
E quindi utilizzare in un nuovo segnalibro o personalizzare il segnalibro esistente che è stato creato.
E quindi utilizzare in un nuovo segnalibro o personalizzare il segnalibro esistente che è stato creato.
Ora ogni volta che fai clic sul segnalibro, vedrai la pagina che preferiresti vedere.
Ora ogni volta che fai clic sul segnalibro, vedrai la pagina che preferiresti vedere.

Rimuovi il brutto bordo blu

Nota: per il resto delle modifiche è necessario avere il Estensione elegante installato, oppure è possibile creare un file denominato userContent.css nella directory dei temi di Firefox e inserire il codice lì.

Per qualsiasi ragione, il logo di Google Reader ha questo fastidioso bordo blu attorno ad esso, ma possiamo rimuoverlo con un rapido script Stylish.

Fare clic sull'icona Elegante, selezionare Scrivi stile e quindi Stile vuoto.
Fare clic sull'icona Elegante, selezionare Scrivi stile e quindi Stile vuoto.
Assegna allo stile un nome descrittivo, quindi incolla il seguente testo:
Assegna allo stile un nome descrittivo, quindi incolla il seguente testo:

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

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

Puoi fare clic sul pulsante di anteprima per vedere subito le modifiche:
Puoi fare clic sul pulsante di anteprima per vedere subito le modifiche:
Image
Image

Rimuovi intestazione interamente

Invece di cambiare solo il bordo, puoi rimuovere l'intera sezione dell'immagine dell'intestazione, poiché non è realmente necessaria. Regola invece lo script elegante come segue:

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

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

Facendo clic sul pulsante Anteprima verranno visualizzate le nuove modifiche …

Image
Image

Regola le dimensioni del carattere

Il sito di iPhone è ottimizzato per un piccolo display touch screen, quindi il font è davvero troppo grande per i miei gusti. Possiamo aggiungere la seguente riga allo script elegante per rendere il font leggermente più piccolo:

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

Se stai seguendo, lo script completo dovrebbe ora essere:

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

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

Ora abbiamo una vista molto più compatta, più facile da leggere:

Image
Image

Cambia elenco solo per i titoli

Noterai che puoi vedere le prime parole del post nella visualizzazione elenco … personalmente preferirei semplicemente mostrare i titoli. Aggiungi il seguente al tuo script:

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

Ora abbiamo un'applicazione per la barra laterale davvero utile:

Image
Image

Script completo

Ecco la versione finale di questo script, con la barra del logo rimossa, la dimensione del carattere più piccola e nessun brano.

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

Questo dovrebbe illustrare il motivo per cui sono un grande fan di Stylish.

Consigliato: