Блог Аббата Кальне о блогах, блоггерах, блоггинге, smo, twitter, дизайне, photoshop, seo, создании и продвижении сайтов...
Всегда хочется сделать свой сайт уникальным, не таким как у всех. Мы готовы сделать всё что угодно, чтобы отличаться хотя бы чем, хоть какой-то мелочью. Теперь я даю Вам новую возможность выделиться из серой массы.
Предлагаю Вам сделать себе анимированный 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 неделя беременности
Даже и не знал про анимированный favicon.
Спасибо за статью.
рад, что моя статья Вам пользу принесла
[...] анимированный favicon.ico Вы сможете только у [...]
Спасибо за инфо, вот только у меня вопрос – gif прокручивает один цикл и стопориться. Как сделать циклический вывод ???
http://s001.radikal.ru/i195/1002/7e/88f9d9b83102.jpg – вот скрин смотрите!
Спасибо за отличную подсказку, попробую, но проблема кроссбраузерности остается. Может есть еще варианты сохранения или конвертации gif в ico?
@ Надежда:
на сколько мне известно, есть лишь один способ….
Спасибо, а то видел на сайтах, вот думаю себе поставить на одном из сайтов…
@ Баян:
если че – пишите, помогу!
Привет.
У меня вообще не могу изменить файл php, вроде сохраняю, следом захожу опять и он как был так и остаётся.
Не могу понять.
@ max:
ну значит как-то не так сохраняете, напишите в поддержку вашего хостинга!
Всё спасибо я разобрался.
Просто ссылку на ico надо было прописывать вместе с http://…...