Page d'accueil » comment » Tweak Google Reader iPhone Edition dans la barre latérale de Firefox

    Tweak Google Reader iPhone Edition dans la barre latérale de Firefox

    Si vous êtes un grand fan de Google Reader et de Firefox, sachez que la version de Google Reader de Google sur iPhone convient parfaitement à la barre latérale de Firefox et que nous pouvons l’ajuster très bien avec quelques ajustements..

    Nous pouvons le personnaliser pour supprimer l'en-tête, choisir notre page de démarrage, atténuer les polices et même supprimer les extraits pour nous donner une belle liste comme celle-ci:

    Ajouter Google Reader iPhone Edition à la barre latérale de Firefox

    Tout ce que vous avez à faire est de cliquer n'importe où sur la barre de favoris avec le bouton droit de la souris, de choisir un nouveau signet, de lui donner un nom (ou de le laisser vide) et de saisir l'URL suivante:

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

    Assurez-vous de cocher la case "Charger ce signet dans la barre latérale" et vous avez terminé..

    Maintenant, lorsque vous cliquez sur le signet, vous verrez qu'il s'ouvre dans la barre latérale..

    Modifier le signet pour ouvrir une balise spécifique (ou une page)

    Le premier problème est que le signet s'ouvre par défaut à la vue de tous les éléments, ce qui est mauvais pour ceux d'entre nous qui possèdent un très grand nombre d'abonnements. Je préfère ouvrir Reader avec ma balise «favoris» sélectionnée par défaut. Nous devrons donc ajuster ce paramètre..

    Naviguez dans la barre latérale jusqu'à la balise souhaitée, puis cliquez avec le bouton droit de la souris sur une zone vide de la page et choisissez «Afficher les informations de la page».

    Maintenant, vous verrez l'URL directe vers cette page, que vous pouvez copier dans le presse-papiers…

    Et ensuite, utilisez un nouveau signet ou personnalisez le signet existant que vous avez créé..

    Maintenant, chaque fois que vous cliquez sur le signet, vous verrez la page que vous préférez voir.

    Enlevez la frontière bleue laide

    Remarque: pour le reste des réglages, vous aurez besoin du Extension élégante installé, ou vous pouvez créer un fichier nommé userContent.css dans votre répertoire de thèmes Firefox et y placer le code.

    Pour une raison quelconque, le logo Google Reader est entouré d'une bordure bleue agaçante, mais nous pouvons le supprimer à l'aide d'un script stylé rapide..

    Cliquez sur l'icône élégante, choisissez Style d'écriture, puis Style vide.

    Donnez un nom descriptif au style, puis collez le texte suivant:

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

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

    Vous pouvez cliquer sur le bouton Aperçu pour voir les modifications immédiatement:

    Supprimer entièrement l'en-tête

    Au lieu de simplement modifier la bordure, vous pouvez supprimer la section entière de l'image d'en-tête, car ce n'est pas vraiment nécessaire. Ajustez le script stylé comme suit:

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

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

    Cliquez sur le bouton Aperçu pour afficher les nouveaux changements…

    Ajuster la taille de la police

    Le site iPhone est optimisé pour un écran tactile minuscule, la police est donc bien trop grande pour mes goûts. Nous pouvons ajouter la ligne suivante au script stylé pour réduire légèrement la police:

    * font-size: 0.97em! important;

    Si vous suivez, le script complet devrait maintenant être:

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

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

    Nous avons maintenant une vue beaucoup plus compacte, plus facile à lire:

    Modifier la liste en titres uniquement

    Vous remarquerez que vous pouvez voir les premiers mots de l'article dans la liste ... personnellement, je préfère simplement montrer les titres. Ajoutez les éléments suivants à votre script:

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

    Nous avons maintenant une application très utile dans la barre latérale:

    Script complet

    Voici la version finale de ce script, avec la barre de logo supprimée, une taille de police plus petite et aucun extrait.

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

    Cela devrait illustrer pourquoi je suis un si grand fan de Stylish.