gototopgototop
Register
Вход
HomeКак это сделать?... /  Как сделать и установить иконку favicon.ico
Как сделать и установить иконку favicon.ico E-mail
Повышаем мастерство - Как сделать?...

Как сделать файвикон для сайтаМеня уже неоднократно спрашивали о том, что это за книжечка с перелистывающимися страницами, которая  показывается в момент открытия моего сайта в браузере.

Отвечаю: это анимированный favicon-значок сайта, или иначе иконка, которая отображается в адресной строке браузера. Обозначается иконка как favicon.ico .

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

Наш путь до появления иконки в браузере будет состоять всего из двух шагов:

Шаг 1. Где взять favicon? - есть три пути приобретения:

  • найти уже готовый на сайтах, предлагающих огромный выбор фавиконов;
  • сделать самостоятельно с помощью онлайн-сервисов;
  • установить на свой Joomla-сайт компонент Phoca Favicon .


1). Если Вам лень делать иконку, то вот только один из адресов, где этих готовых  favicon.ico пруд пруди:

http://www.iconj.com/favicon-gallery-page1.html – более 18000 иконок.

Выбирайте что-либо для себя подходящее и скачивайте в обоих вариантах - favicon.ico  и favicon.gif.

2). Если же трудиться вам не лень, то есть много сайтов, на которых иконку можно сделать самостоятельно. Надо просто подготовить свою картинку-квадрат со сторонами, например, 50х50 px, и после пары минут манипуляций с ней сервис выдаст вам вашу персональную иконку. Её стандартный размер будет 16х16рх.

Вот один из сервисов: http://www.favicon.cc/

Там всё очень просто: закачайте свою картинку (кнопка Import Image), а потом под окошком с ней нажмите на кнопку  Use Animation (если надо сделать анимированную иконку), либо сразу на кнопку Download Favicon .

3) Сделать иконку можно с помощью компонента Phoca Favicon  для Joomla! . Он устанавливается на сайт, как обычное расширение. После того, как вы с его помощью сделали и переместили затем  в нужную папочку отличный фавикончик, компонент можно спокойно удалить.

Как сделать из favicon.ico >> favicon.gif ? Элементарно - просто сделайте сначала копию favicon.ico, а затем эту копию переименуйте в favicon.gif , и все дела. Я так вообще из формата gif сделала формат png, его и использую теперь.

После того, как эти два файлика будут готовы, перемещаем их на сервер в папку public_html с корневым каталогом сайта. 

Шаг 2. Открываем в папке с шаблоном сайта файл index.php и в самом его начале, между тегами <head> и  <head/>вставляем код. Вот как он выглядит на примере одного моего локалхостовского сайта :

<link rel="shortcut icon" href="http://localhost/название сайта/favicon.png"; type="image/x-icon" />
<link rel="icon" href="http://localhost/название сайта/favicon.ico"; type="image/x-icon" />

Первая  (синяя) составляющая кода – это статический фавикон, а вторая – анимированный. Я проверила - всё отражается так, как прописано в коде. Дополнительно даю картинку-подсказку на место, куда надо вставить код в файле index.php  шаблона:

 
Это всё.

 

 
ВХОД на сайт



Базовый курс создания сайта

 

Есть ли народ на сайте?

Сейчас 37 гостей онлайн

Мы вконтакте

Как сделать?...

Контакты





Copyright © 2011. Joomla! для "чайников". Автор сайта Наталья Мельниченко
Follow us on Twitter