Si usted es un gran fan de ambos Google Reader y Firefox, te interesará saber que la versión iPhone de Google Reader es de un ajuste perfecto para la barra lateral de Firefox, y con algunos retoques podemos hacer lo que realmente le queden bien.
Podemos personalizarlo a quitar el encabezado, elegir nuestra página de inicio, bajar el tono de las fuentes e incluso eliminar los fragmentos que nos dé una lista limpia y bonita como esta:
Añade Google Reader para iPhone Edition la barra lateral de Firefox
Todo lo que tienes que hacer es clic derecho en cualquier lugar de la barra de marcadores y elija Nuevo marcador, darle un nombre (o deje ese espacio en blanco) y poner en la siguiente URL:
http://www.google.com/reader/i/
Asegúrese de que usted marque la casilla de "Cargar este marcador en la barra lateral", y ya está.
Ahora al hacer clic en el marcador, verás que se abre en la barra lateral.
Cambio de marcadores para abrir la etiqueta específica (o página)
El primer problema es que el marcador se abre a la vista de todos los elementos por defecto, lo cual es malo para aquellos de nosotros con un gran número de suscripciones. Prefiero abrir Reader con mis "favoritos" etiqueta seleccionada por defecto, así que tendremos que ajustar esto.
Navegar en la barra lateral de la etiqueta que desea, a continuación, haga clic derecho en un área vacía de la página y seleccione "Ver Página de Información"
Ahora verás la dirección URL directa a la página, que se puede copiar en el portapapeles ...
Y a continuación, utilice en un nuevo favorito, o personalizar el marcador existente que ha creado.
Ahora cada vez que haga clic en el marcador, verás la página que prefiere ver.
Quitar el borde azul feo
Nota: Para el resto de los ajustes que necesita para que el Extensión con estilo instalado, o puede crear un archivo llamado userContent.css en su directorio tema de Firefox y poner el código allá.
Por alguna razón, el logotipo de Google Reader tiene este molesto borde azul alrededor de ella, pero podemos eliminar que con un guión estilo rápido.
Haga clic en el icono de estilo, seleccione Escribir estilo y el estilo de entonces en blanco.
Dar un nombre al estilo descriptivo, a continuación, pegar el siguiente texto:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://www.google.com/reader/i) {
. Logo img {border: 0px importante;}
}
Puede hacer clic en el botón de vista previa para ver los cambios de inmediato:
Quitar encabezado totalmente
En lugar de simplemente cambiar la frontera, puede eliminar la sección de encabezado de la imagen completa, ya que no es realmente necesario. Ajustar la secuencia de comandos de estilo para ser el siguiente en su lugar:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://www.google.com/reader/i) {
. Logo {display: none importante;}
}
Al hacer clic en el botón de vista previa mostrará los nuevos cambios ...
Ajustar el tamaño de fuente
El sitio está optimizado para el iPhone una pantalla táctil de la pantalla pequeña, por lo que la fuente es demasiado grande para mi gusto. Podemos añadir la siguiente línea a la secuencia de comandos con estilo para que la fuente un poco más pequeño:
* {Font-size: 0.97em importante;}
Si usted está siguiendo a lo largo, el guión completo ahora debería ser:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://www.google.com/reader/i) {
. Logo {display: none importante;}
* {Font-size: 0.97em importante;}
}
Ahora tenemos una visión mucho más compacto, más fácil de leer:
Lista de cambios para Titulares sólo
Usted notará que usted puede ver las primeras palabras del mensaje en la vista de lista ... personalmente prefiero sólo mostrar los titulares. Agregue lo siguiente en el script:
span.item-fragmento {display: none importante;}
span.item-source-título {font-size: 0.9em importante!}
Ahora tenemos una aplicación realmente útil barra lateral:
Guión completo
Esta es la versión final de este guión, con la barra de logo eliminado, el tamaño de letra más pequeño, y no fragmentos.
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://www.google.com/reader/i) {
. Logo {display: none importante;}
* {Font-size: 0.97em importante;}
span.item-fragmento {display: none importante;}
span.item-source-título {font-size: 0.9em importante!}
}
Esto debería ilustrar por qué soy un gran fan del estilo.
Aucun commentaire:
Enregistrer un commentaire