Страница 1 из 3

Своя иконка в адресной строке

Добавлено: 09 мар 2010, 18:21
GoDFaTHeR
Пишу эту статью для новичков, которые недавно создали сайт/форум и хотят поставить на него красивый фавикон.

Итак, эту процедуру зделать достаточно легко (напишу пошагово).
Если у вас есть картинка размером 32х32, формата GIF, JPEG или PNG (порекоммендовал бы PNG, т.к. если его поставить в адресную строку, то он будет на прозрачном фоне, а GIF и JPEG будут на белом), сохраняем её в нужном для вас формате в Paint.NET, PhotoShop и других ==> читаем эту статью дальше.
Шаг 2.
Тут есть два варианта создания фавикона: http://4admins.ru и программа AveIconifier2 (с помощью которой можно сделать отличную иконку), сначала напишу как сделать фавикон на http://4admins.ru
У вас есть иконка размерами 32х32 в сохранённом в нужном для вас формате. Заходим по адресу http://4admins.ru, нажимаем "Обзор" ==> Закачиваем заготовку ==> "Создать favicon". Откроется следующее окошко, нужно скачать созданную только что иконку:

Изображение


Теперь нужно вытянуть из архива заархивированную папку и выбрать нужную для вас иконку (их будет две - одна с анимацией, другая в формате "ico", опять-же посоветовал бы формат "ico", но выбирайте на ваш вкус)
Как создать иконку с помощью AveIconifier2:
После установления программы на ваш компьютер включаем её. В ней будет два окна - первое для формата "PNG", другое - для созданной иконки, всё, что вам нужно это перенести заготовку для иконки в формате "PNG" в правое окошко, а с левого окошка перенести иконку в формате "ico" на Рабочий стол или в нужное вам место. Хочу заметить, что предварительно нажав на левое окно правой кнопкой мыши выбрать размеры иконки (16х16). Иконка готова.
Шаг 3.
Заходим на свой сайт/форум ==> Админ раздел (если это форум на движке phpbb) ==> Картинки и логотипы ==> Закачиваем туда иконку (в формате "ico") и копируем её адрес ==> Стили ==> Шаблоны ==> [Ваш стиль] ==> overral_header.html . В самом верху после <head> Вставляем следующий код:
Код: Выделить всё
<link rel="SHORTCUT ICON" href="ССЫЛКА НА ВАШУ ИКОНКУ"> 

где "ССЫЛКА НА ВАШУ ИКОНКУ" - это тот адрес, который вы должны были скопировать в разделе "Картинки и логотипы".
Если вы всё сделали правильно, то могу вас поздравить!
Вопросы можно задавать в этой теме.

Re: Своя иконка в адресной строке

Добавлено: 14 июн 2010, 18:38
hermetkov
создал фавикон с помощью http://favicon.4admins.ru, результатом оказался битый ico-файл, который никак не хотел отображаться
воспользовался сервисом http://www.favicon.cc, фавикон получился отличный, всё заработало

Re: Своя иконка в адресной строке

Добавлено: 14 июн 2010, 19:01
Sergey
В опере анимированные фавиконы отображаются?

Re: Своя иконка в адресной строке

Добавлено: 14 июн 2010, 19:09
Shans
Sergey писал(а):В опере анимированные фавиконы отображаются?

Если не ошибаюсь, в опере .ico отображается но не в "анимируемом" свойстве.
К примеру на мой взгляните, там не .gif
Если у вас задействованы дополнительные страницы, и для их оформления вы удалили <!-- INCLUDE overall_header.html -->
То следовательно и фавикон отображаться не будет.
Для этого придется на этих страницах в <head> добавить <link rel="SHORTCUT ICON" href="ССЫЛКА НА ВАШУ ИКОНКУ">

Re: Своя иконка в адресной строке

Добавлено: 15 июн 2010, 08:21
Sergey
Всё есть, а вот даже последняя версия оперы анимированные фавиконы не отображает, зараза. В Мозилле работает.

Re: Своя иконка в адресной строке

Добавлено: 15 июн 2010, 13:12
Shans
Sergey писал(а):Всё есть, а вот даже последняя версия оперы анимированные фавиконы не отображает, зараза. В Мозилле работает.

Имхо анимированный фавикон работает только в Firefox.
Ни один другой браузер я еще не видел чтобы его понимал.

Re: Своя иконка в адресной строке

Добавлено: 15 окт 2010, 15:24
REDUCTOR
Поставил иконку... Четенько вышло :drink:

Re: Своя иконка в адресной строке

Добавлено: 25 мар 2011, 17:09
Вреднятинка
Эх... прошу прощения, но я туплю. :-[ Есть картинка 32*32, в пнг. Не могу сообразить где надо нажать этот "обзор"...Помогите пожалуйста... :-[

Re: Своя иконка в адресной строке

Добавлено: 25 мар 2011, 17:22
GoDFaTHeR
Вреднятинка писал(а):обзор"...Помогите пожалуйста... :-[

В админке менеджер картинок

Re: Своя иконка в адресной строке

Добавлено: 25 мар 2011, 22:10
Вреднятинка
Понятно. Видно что-то сделала не так...
"Файл шаблона успешно обновлён.
Невозможно записать файл шаблона, поэтому шаблон, содержащий изменённый файл, сохранён в базе данных." :cry: Что?