среда, 11 ноября 2009 г.

Иконки для закладок

Иконка – Закладка

Речь здесь пойдет не столько об иконках для закладок, а скорее об иконках для букмарклетовjavascript-закладок. А еще точнее – о тех представителях этого кнопочно-ссылочного семейства, которые помогают нести свет Истинного Знания в земли дикие, темные; ну или как минимум – продвигать твой блог в интернете.


Многие социальные сети, сервисы социальных закладок, рейтинги и «голосовалки» (мне определенно нравится это слово!) предоставляют свои собственные букмарклеты для облегчения добавления новых ссылок, статей и прочего бреда контента, который тебе вздумалось бы в них добавить. За что им, безусловно респект и уважуха, и глубочайшая наша признательность. Беда в том, что перетянутые на панель закладок эти букмарклеты ничем кроме текста не отличаются от своих товарищей и товарок. А текст съедает место, а закладок бывает много, а панель закладок не резиновая... и вообще я люблю картинки!


Панель закладок – букмарклетыБукмарклеты на панели закладок

И было бы неплохо эти букмарклеты уплотнить, не потеряв возможность их идентифицировать. Как? – убрать весь текст и заменить его иконками сервисов-источников. Если сервис предоставляет несколько яваскриптовых закладок для разных целей – возле иконки оставлять крохотную текстовую пометку.


Панель закладок – иконки букмарклетовИконки для букмарклетов на панели закладок

§ Как добавлять иконки к закладкам


Для добавления иконок к закладкам я использовал дополнение для Firefox Favicon Picker 3. После установки дополнения:

  1. ПКМ на букмарклете → «Свойства»
  2. В окне свойств закладки → “Browse...”
  3. Выбрать иконку для закладки из имеющихся на диске.


§ Где брать иконки


Я брал браузерные иконки (favicon) прямиком с их сайтов-источников. В качестве примера приведу twitter (кстати, мой twitter – jcden).

  1. На любой странице сайта ПКМ → «Исходный код страницы»
  2. Найди строку подключения фавикона – иконки сайта (favicon):
    <link href="http://a1.twimg.com/a/1257878623/images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    Внутри атрибута href и будет путь к иконке.
    Замечание: если адрес фавикона задан как /favicon.ico – это означает, что полный путь к ней: адрес сайта/favicon.ico
  3. Открой иконку по заданному адресу и сохрани на диск.


Рекомендую сохранять иконки в какой-то определенной директории (папке). Так будет проще их находить и добавлять.


Упехов!


Бонус для RSS подписчиков – иконки сервисов из примера.



0 Комментариев :

Отправить комментарий

Жги!