Блог Аббата Кальне о блогах, блоггерах, блоггинге, smo, twitter, дизайне, photoshop, seo, создании и продвижении сайтов...
RSS, 
Email или 
Всегда хочется сделать свой сайт уникальным, не таким как у всех. Мы готовы сделать всё что угодно, чтобы отличаться хотя бы чем, хоть какой-то мелочью. Теперь я даю Вам новую возможность выделиться из серой массы.
Предлагаю Вам сделать себе анимированный favicon значок. К сожалению, не все браузеры поддерживают анимированные фавиконы, но мы сделаем так, чтоб в тех браузерах, которые анимацию favicon поддерживают, была анимация, а те, которые не поддерживают, чтобы отображался статический фавикон.
Начнем с подготовки изображений и иконок. Для начала создайте анимированный favicon.gif, размеры – 16*16 px. Потом, сделайте статический favicon.ico того же размера. Залейте эти два файла в корневой каталог сайта, то есть они должны быть доступны по адресу http://вашсайт.ru/favicon.gif и http://вашсайт.ru/favicon.ico.
Дальше нужно немного покопаться в коде. Открываем файл, где у Вас размещён код шапки, в WordPress, например, это файл header.php, который находится в папке шаблона, и вставляем следующий код между тэгами <head> и </head>:
<link rel=”shortcut icon” href=”http://вашсайт.ru/favicon.ico”>
<link rel=”shortcut icon” href=”http://вашсайт.ru/favicon.gif”>
Как видите, первая составляющая кода – это статический фавикон, а вторая – анимированный. Кстати, как и анимированный, так и статический фавикон, можете заказать у меня, как в прочем и другие виды графики: аватары, баннеры, шапки…
Постовой:
Используйте только лицензионный софт – это во-первых: престижно, а во-вторых: законно.
33 неделя беременности
RSS, Email или Читайте @kalne
Даже и не знал про анимированный favicon.
Спасибо за статью.
рад, что моя статья Вам пользу принесла
[...] анимированный favicon.ico Вы сможете только у [...]
Спасибо за инфо, вот только у меня вопрос – gif прокручивает один цикл и стопориться. Как сделать циклический вывод ???
http://s001.radikal.ru/i195/1002/7e/88f9d9b83102.jpg – вот скрин смотрите!
Спасибо за отличную подсказку, попробую, но проблема кроссбраузерности остается. Может есть еще варианты сохранения или конвертации gif в ico?
@ Надежда:
на сколько мне известно, есть лишь один способ….
Спасибо, а то видел на сайтах, вот думаю себе поставить на одном из сайтов…
@ Баян:
если че – пишите, помогу!
Привет.
У меня вообще не могу изменить файл php, вроде сохраняю, следом захожу опять и он как был так и остаётся.
Не могу понять.
@ max:
ну значит как-то не так сохраняете, напишите в поддержку вашего хостинга!
Всё спасибо я разобрался.
Просто ссылку на ico надо было прописывать вместе с http://…...
Здравствуйте! Сделал и поставил gif favicon, через какое то время он заработал. Но спустя 2 суток анимация больше не показывалась. В чем может быть проблема? Спасибо.
Да, фавикон открывается по адресу http://zarden.ru/favicon.gif и там отображается и в браузере. А на главной – нет. Не пойму в чем дело. А тот фавикон, что сейчас отображается (буква В)я уже убрал дней эдак 5. Может кто че подскажет. Спасибо.
@ leo:
Если юзаешь Firefox попробуй Инчструменты => Настройки => Приватность => отчистить всю текущую историю.
Спасибо за интересную инфу, забавно видеть анимированный фавикон!
А за сколько у вас можно заказать фавикон как анимированный, так и статический?
@ R.S:
недорого, бакс в среднем, смотря чтто нужно…
по адресу доступно фавикон .гиф строки закинул между хед,а анимация не проигрывается?
@ федор: в каком браузере смотрите? смотрите в мозиле!
Аббат, а этот способ во всех браузерах поддерживается?
Да тема, я думал что это скрипт какой то нужен. Спасибо за мануальчик
спс за инфу !, осталось теперь только фавикон анимировать )
Плохо что только в Фоксе анимация робит(
Dok писал:
да жаль, но с другой стороны это только украшение и все…
как зделать так чтоб анимаха крутиласб постоянно, а то она прокручивается толко один раз а далее стопорится на первом кадре