Замена стандартной favicon.ico на свою. Полная и подробная инструкция специально для сайтов сделанных на UcoZ.
Всем доброго времени суток.
Понимаю что тема "заезженная", но ни в одной из тем я не увидел верного
и правильного,а точнее сказать полного описания как же менять favicon.ico.
Подробная инструкция от меня и краткое описание некоторых нюансов:
Большинство версий основных браузеров поддерживают фавиконки. Например: Internet Explorer 5/6/7+, Firefox 1/2 +, Mozilla 1/2+, Opera 7+, Safari и другие. Но мало кто знает, что favicon.ico бывают еще и анимированными, правда не все браузеры их поддерживают, но всё же такие браузеры есть. Например Mozilla охотно дружит с анимированными favicon.ico.
Так же есть распространенная ошибка у пользователей которые меняют favicon.ico на свою, меняя favicon.ico пользователи помещают код в Страницы сайта, но не учитывают тот факт, что код Страницы сайта отвечает ТОЛЬКО за СТРАНИЦЫ и всё! А это значит что в Каталоге файлов, Каталоге статей и т.д. favicon.ico будет оставаться стандартной...
И так как же всё делается правильно: (коротко и понятно)
1. Создаем свою собственную favicon.ico. Неподвижную - для большинства браузеров. Данную иконку можно создать используя специальные для этого конвертеры, например: cy-pr.com favicon.ru
Для примера я сделал:
Ну а так же нарисовал в фотошопе Анимированный значок:
2. Загружаем свои картинки в Файловый менеджер
3. Заходим в ПУ » Управление дизайном » Страницы сайта
Смотрим в начало кода: Код <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
Сразу после тега head, прописываем строчки наших картинок: Код <html><head> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/favicon.gif" type="image/gif"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
Где: Код <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> - неподвижная Код <link rel="shortcut icon" href="/favicon.gif" type="image/gif"> - анимированная
!!!Если браузер поддерживает анимированный значок, то там он будет работать,если нет, то будет неподвижная картинка.
4. Делаем так, чтоб картинка работала по всему сайту: Заходим в ПУ и в админ баре нажимаем Дизайн » Быстрая замена участков шаблонов
Выбрать Режим замены: Многострочный
а далее производим замену:
Что заменить: На что заменить: Код <head> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/favicon.gif" type="image/gif">
Если все сделали верно, то favicon.ico установится во всех модулях
итог:
|